Cypress tests - Gewia/frontend GitHub Wiki
Important:
- Please write for your created pages and components tests
- Please look up here how to write them
- Test your app before making a pull request
How to run the tests:
- Start your localhost with
npm start
- To run all tests:
npm run test:run
- To open cypress and select a specific test:
npm run test:open
Writing tests
Location:
- Put all your tests under
cypress/integration
outside the src
folder
- Create for your test a new file with the schema:
name.spec.js
just replace name with your filename
Code:
- Start your file with
describe('description', () => {...}
replace description with yours in lowercase
- Inside this you can place multiple
it('description', () => {...}
- Inside this you can add some functions starting by
cy
and your function:
.get('element')
[you can e.g. access a p tag or with a .
a class ( be careful that a class can return an array )
.click()
clicks on the element
.eq(index)
gets the elment with the specific index from an array
.first()
gets the first element form an array
.should('include', 'text')
[replace text with yours], checks if a element includes text e.g. the url
.url()
gets the url
.type('text')
[replace text with your input], type the text in an input
.visit('url')
[replace url with yours], navigate to the side but type for http://localhost:3000/
just /
- you finde more under documentation
Example:
You will find an example here or a more complex one here