Cypress is a testing tool that allows for fast, easy, and reliable testing of anything that runs in a browser. It differs from other tools in that it does not use Selenium, focuses on end-to-end testing, works on any front-end framework, uses only JavaScript for tests, and runs much faster than other options. Cypress tests the application as a real user would and allows debugging of test flows. It also supports plugins, common commands and assertions, and has a similar syntax to unit testing frameworks.

1. Automated tests
with Cypress

2. 2
Jonathan Sedrez
Agibank | IBK
Fernando
Rogelin
Agibank | IBK

3. 1.
Before
Cypress
was all bush
3

4. Before Cypress
4
With Cypress

5. 2.
Cypress
Fast, easy and reliable testing for anything that
runs in a browser.
5

6. “We want to help developers build a new
generation of modern applications faster,
better, and without the stress and anxiety
associated with managing tests.”
6

7. 7 ways Cypress is
different:
● Does not use Selenium.
● Focuses on doing end-to-end testing REALLY well.
● Works on any front-end framework or website.
● Tests are only written in JavaScript.
● Is all in one.
● Is for developers and QA engineers.
● Runs much, much faster.
7

8. Layout
8

9. Syntax
9
Syntax similar to unit testing frameworks.
Mocha | Chai | Jest

10. Debugging
10
… but do you know what happen in you test flow?
Okay! The test pass!

11. Testing the service
11
Requests that are not stubbed actually reach your server. By not
stubbing your responses, you are writing true end-to-end tests. This
means you are driving your application the same way a real user
would.

12. 12
Plugins
The Plugins API allows you to hook into and extend
Cypress behavior.

13. API
13
Commands
- click
- visit
- contains
- get
- viewport
Assertions
- BDD
- TDD

14. Let’s Code!
14

15. Thanks!
Any questions?
15