A quick introduction to Cypress e2e testing automation tool.

1. Javascript
Hassan Hameed
1
Using Cypress
Software
Automation
Tester
ISTQB ®
Certified
Tester
Testing Automation Using Cypress
Software
Testing
Automation
&cy

2. Cypress
Quick Introduction

3. A free & open Source automation
tool for e2e testing.
Cypress.io
Cypress can test anything
that runs in a browser.

4. Install Cypress
Install Cypress via
npm
Cypress.io
Install Cypress via
yarn
Install Cypress via
Direct download

5. Cypress.io
Install Cypress via
npm

6. Cypress.io
Install Cypress via
yarn

7. Cypress.io
Install Cypress via
Direct download
https://download.cypress.io/desktop
Then you can manually extract the downloaded file and double click.
Cypress will run without needing to install any dependencies.

8. Cypress.io

9. Open Cypress
Open Cypress via
Full Path
Cypress.io
Open Cypress via
npx
Open Cypress via
yarn

10. Cypress.io

11. Test Runner
Cypress.io

12. Browser Selection DDL
Cypress.io

13. Cypress.io
Quick Guide to the UI

14. Cypress Commands
Browser
Commands
Cypress.io
Selection
Commands
Action
Commands
docs.cypress.io/api/api/table-of-contents.html

15. Cypress.io
Browser Commands
ActionCommand
Visit a remote url <https://docs.cypress.io/api/commands/visit.html#Syntax>cy.visit
Click on browser's "back" buttoncy.go("back")
Click on browser's "forward" buttoncy.go("forward")
Refresh the pagecy.reload
Change window sizecy.viewport
Get the current URL of the page that is currently active as a string.cy.url
Get the window object of the page that is currently activecy.window
Get the document.title property of the page that is currently active as a sring.cy.title
Scroll an element into viewcy.scrollIntoView
Scroll to a specific position in the current active window.cy.scrollTo

16. Cypress.io
Selection Commands
ActionCommand
Select element(s) based on tag attrs <docs.cypress.io/api/commands/get.html#Syntax>cy.get
Select value within opening and closing tagscy.contains
Select first matching elementcy.first
Select last matching elementcy.last
Select next matching elementcy.next
Select previous matching elementcy.prev
Select parent of elementcy.parents
Select child of elementcy.children
Select sibling of elementcy.siblings
Find closest elementcy.closest
Find matching child elementcy.find

17. Cypress.io
Action Commands
ActionCommand
Click on an element <https://docs.cypress.io/api/commands/click.html#Syntax>cy.click
Double click on an elementcy.dblclick
Right click on an elementcy.rightclick
Type "foobar" into an elementcy.type("foobar")
Clear all text from an elementcy.clear
Check a checkbox or radiocy.check
Uncheck a checkbox or radiocy.uncheck
Focus on an elementcy.focus
Blur an elementcy.blur
Submit a form.cy.submit
Trigger any DOM eventcy.trigger(''click")
Select option from a dropdown menucy.select

18. Reference
Cypress.io
docs.cypress.io

19. Thank YouFor your attention