Cypress is a next generation front end testing tool built for the modern web. We address the key pain points developers and QA engineers face when testing modern applications. We make it possible to: Set up tests Write tests Run tests Debug Tests Cypress is most often compared to Selenium; however Cypress is both fundamentally and architecturally different. Cypress is not constrained by the same restrictions as Selenium. This enables you to write faster, easier and more reliable tests. Who uses Cypress? Our users are typically developers or QA engineers building web applications using modern JavaScript frameworks. Cypress enables you to write all types of tests: End-to-end tests Component tests Integration tests Unit tests Cypress can test anything that runs in a browser.

1. CYPRESS
Mehdi Ali
LinkedIn GitHub Facebook

2. Table Content
• What is Cypress
• How to use Cypress
• Supported Browsers
• Cypress Features
• Types of Testing
• Setup
• Some important commands

3. What is Cypress
• Test Automation Tool
• can test anything that runs on a web browser
• uses JavaScript
• open source
• cypress.io

4. How to use Cypress
1. Setup tests
2. Write tests
3. Run tests
4. Debug

5. Supported Browsers

6. Cypress Features

7. Time Travel

8. Live Reload

9. Screenshots & Videos

10. Automatic Waiting

11. Types of Testing
E2E Test
Visit URLs via cy.visit()
it("Home page", () => {
cy.visit("http://localhost:3000");
cy.get(‘#search').type(“Koderlabs")
cy.get('form').submit()
});
Component Test
import SearchBox from ‘./Search’
it("Home page", () => {
cy.mount(< SearchBox />)
cy.get(‘#search').type(“Koderlabs")
cy.get('form').submit()
});

12. Setup
1. npm install cypress --save-dev OR Direct Download

13. Live Demo

15. Thank You