Git Product home page Git Product logo

website-tests's Introduction

website-testing

All the important tests that our website should contain.

Before running tests

  • Testers will be needed to create a test github account in order run the SignIn tests successfully.
  • We'll be using the npm package config. This package allows us to define a set of default parameters and extend them for different deployment environments.
  • In the config folder, you'll find a default.json file. This file contains the structure of the config variables and you can see this to get an idea about it. You need to create a local.json file in the config folder itself which contains the credentials of your test account and will override the default configuration provided by default.json.
  • We use puppeteer and jest for testing so please familiarise yourself to these technologies if required.

Running tests

  • Run yarn to install the packages
  • Run yarn test to run the tests
  • If you have multiple tests and want to run just one of them use jest <test-file-name> command.

Contribution

  • Before contributing your code, please add the local.json file to .gitignore.
  • After running all the tests successfully, please delete you test github account as it actually gets added to the RDS database. And we don't need spam accounts in there ;).

website-tests's People

Contributors

ankushdharkar avatar dependabot[bot] avatar ghosharnab969 avatar khushi818 avatar prakashchoudhary07 avatar rohan09-raj avatar swarajpure avatar vividh25 avatar whydonti avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

website-tests's Issues

Add error handling in sign-up tests and code correction.

Error Handling

Currently if the test user account in the config file is wrong or if RDS is already registered as an OAuth application to the test account, the test fails and doesn't show any messages which can explain the error.

Code Correction

The module.exports in this line:3 exports the whole variable and the value of the exported variable is being treated as an object here line:7. This is causing some problems in the test so export the variable as an object.

rewrite RDS homepage tests using expect-puppeteer

https://www.npmjs.com/package/expect-puppeteer

Why do we need it

Writing integration test is very hard, especially when you are testing a Single Page Applications. Data are loaded asynchronously and it is difficult to know exactly when an element will be displayed in the page.

Puppeteer API is great, but it is low level and not designed for integration testing.

This API is designed for integration testing:

  • It will wait for element before running an action
  • It adds additional feature like matching an element using text

Refactor tests for RDS homepage

Adding test cases for Signup workflow

Sign-up Workflow:

  • GitHub Auth step (only once) via self call. If this step is not successful, then ask for login by redirecting to the basic signup page. If successful, then check for incomplete user details and redirect to the page where it can fill the details.
  • With Submit, /user/details will send a patch call which contains all the details along with the userid.
  • Then the Join section check whether user has been logged in or not . It asks to fill other details by prefilling the first and last name.
  • This is a 4 page flow and in the 4th page we see the preview with Submit Button. On submit it sends a put request.
  • In the backend there is a model known as applicants that checks all the user details and is only accessible by the super user.
  • Finally it will land up on a page with a link which is a unique user and we get a button to get back to the home page.

Join Button test

testflow after clicking join button

  • logged in user -> join-page
  • not logged in -> join-page -> alert -> redirect to signin (join-button.test.js)
  • incomplete details - redirect back to home page

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.