https://github.com/wlsf82/cypress-and-percy-course

Repository for the basic course of visual regression testing with Cypress and Percy, by Walmyr Filho
https://github.com/wlsf82/cypress-and-percy-course

cypress-io percy visual-regression-testing

Last synced: 3 months ago
JSON representation

Repository for the basic course of visual regression testing with Cypress and Percy, by Walmyr Filho

• Host: GitHub
• URL: https://github.com/wlsf82/cypress-and-percy-course
• Owner: wlsf82
• License: mit
• Created: 2020-11-03T22:07:39.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-02T18:16:32.000Z (over 4 years ago)
• Last Synced: 2025-02-06T05:42:27.587Z (5 months ago)
• Topics: cypress-io, percy, visual-regression-testing
• Homepage:
• Size: 91.8 KB
• Stars: 2
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# cypress-and-percy-course

Repository for the basic course of visual regression testing with Cypress and Percy, by Walmyr Filho.

## Lesson 1

Initial setup

  Lesson's content

    
- Git clone - [email protected]:wlsf82/cypress-and-percy-course.git


    - Initializing a Node.js project - npm init -y


    - Updating the test script - percy exec -- cypress run


    - Installation - npm i cypress @percy/cypress -D


    - Cypress' files and directories structure - npx cypress open


    - Updating the .gitignore file - cypress/screenshots/ and cypress/videos/


    - Configuring Percy to work with Cypress - https://docs.percy.io/docs/cypress


    - Cypress docs - https://docs.cypress.io/guides/overview/why-cypress.html


    - Percy docs - https://docs.percy.io/docs

## Lesson 2

[Percy.io](https://percy.io)

  Lesson's content

    
- Creating an account on percy.io


    - Creating a project


    - Exporting the project token

## Lesson 3

The first test

  Lesson's content

    
- Getting to know the application under test


    - Creating the first visual regression test with Cypress & Percy


    - Running the first test


    - Approving the snapshot on Percy's dashboaard

## Lesson 4

Testing an invalid email address

  Lesson's content

    
- Writing the test


    - Running the test


    - Approving the snapshot on percy.io

## Lesson 5

Testing filling all the mandatory form fields

  Lesson's content

    
- Writing the test


    - Running the test


    - Approving the snapshot on percy.io

## Lesson 6

Testing the selection of a VIP ticket

  Lesson's content

    
- Writing the test


    - Running the test


    - Approving the snapshot on percy.io

## Lesson 7

Testing dynamic content

  Lesson's content

    
- The problem of dynamic content in visual regression testing


    - Testing successfully submitting the form


    - Running the test and aproving the snapshot on percy.io


    - Re-running the tests and getting a false-negative result


    - Dealing with dynamic content - https://docs.percy.io/docs/percy-specific-css


    - Re-running the tests and approving the new snapshot on percy.io


    - Re-running the tests without false-negative results

## Lesson 8

Ending

  Lesson's content

    
- Project docs - updating the README.md file


    - Learnings summary


    - Going beyond - #ReadTheDocs

___

A course created by Walmyr Filho.