[English][Test Girls] Zero to Hero: Start Test automation with Cypress
2 likes705 views
The document outlines the advantages of automating testing with Cypress, including reduced time and increased reliability. It provides a step-by-step guide for installing Cypress, creating test files, and utilizing Git and GitHub for version control. Additionally, it discusses setting up projects on the Cypress dashboard and integrating CI/CD with CircleCI.
More Related Content
Similar to [English][Test Girls] Zero to Hero: Start Test automation with Cypress(20)
[English][Test Girls] Zero to Hero: Start Test automation with Cypress
- 1.
- 2.
- 3.
- 4.
- 5. ➔ Reduce timeand effort ➔ Increase productivity ➔ Increase reliability
- 6. What tests toautomate?
- 7. ➔ Regression tests ➔Smoke tests Following the user journey and respecting the test pyramid
- 8.
- 10.
- 12.
- 13. Installing Cypress ● Visithttps://download.cypress.io/desktop Installing an editor ● Visit https://atom.io/
- 14. 1. Create afolder to the project 2. Open the folder with Cypress 3. Open the folder with your editor 4. Create a file to our first test, inside the folder: cypress/integration/
- 15. it('Does not domuch!', function() { })
- 16. it('visits Google', function(){ cy.visit('http://google.com') })
- 17.
- 18. cy.visit('https://example.cypress.io') cy.title().should('include', 'Kitchen Sink') cy.get('#query-btn').should('contain','Button') Commands are what you send to the browser Asserts are what validate the results Selectores are how you identify the web elements
- 19. ● Identifiers forHTML elements ● Be simple: ID, NAME, ATTRIBUTES, CSS ● Avoid: XPATH Selectors
- 20. 1. Create anothertest file inside the integration folder 2. Open the website https://the-internet.herokuapp.com/ 3. Create one test for the ‘Forgot Password’
- 21. 1. Create anothertest file inside the integration folder 2. Open the website https://the-internet.herokuapp.com/ 3. Create one test for the ‘Form Authentication’
- 22. 1. Let’s createmore alternative test scenarios for Form Authentication
- 23. describe('Does not domuch!', function(){ })
- 24. describe('Does not domuch!', function(){ it('Does not do much again!', function() { }) })
- 25. describe('Does not domuch!', function(){ it('Does not do much again!', function() { }) it('Does not do anything', function() { }) })
- 26. 1. Create anothertest file inside the integration folder 2. Open the website https://the-internet.herokuapp.com/ 3. Create one test for the ‘Add/Remove elements’
- 27.
- 28. Git & Github Ifyou know nothing about Git and Github, let's do it: 1) Download & install GIT: https://git-scm.com/downloads 2) Create an account on Github https://github.com/ a) Add your SSH keys to your Settings b) Create a new repository c) git init d) git remote add origin [email protected]:<your_repo_here> e) git add f) git commit -m "first commit" g) git push -u origin master Using the command line in your computer
- 29.
- 30. Cypress dashboard 1) Createan account on Cypress Dashboard https://dashboard.cypress.io using your Github account 2) Setup your project locally on Cypress a) To run by command line you need to install NODE.JS and NPM https://nodejs.org/en/download/ b) npm init -y c) npm install cypress d) npx cypress run --record --key <your_key>
- 31.
- 32. CircleCI 1) Create anaccount on CircleCI: https://circleci.com/ using your Github account 2) Add your project at “Add projects” menu a) Follow the basic instructions b) Create the .circleci/ folder and add this file: http://bit.ly/circleci c) Add command line instruction to package.json file
- 33.
- 34. OBRIGADA! THANK YOU! [email protected] [email protected] +55(11) 98650-7473 [email protected] +55 (11) 97328-1445 Follow us https://www.linkedin.com/company/test-girls/ https://www.meetup.com/test-girls https://twitter.com/_testgirls https://www.instagram.com/_testgirls/ https://facebook.com/thetestgirls