Explore visual testing techniques using Cypress and Applitools in this comprehensive 1 hour 27 minute tutorial featuring Angie Jones. Learn how to ensure your websites and apps look correct to users by implementing automated visual testing. Discover the basics of Cypress, set up Applitools, and create tests to verify visual elements. Follow along with hands-on demonstrations using provided demo sites and GitHub repositories. Gain insights into best practices for visual testing, including handling arrays, selectors, and environment variables. By the end of this tutorial, acquire the skills to integrate visual testing into your development workflow, improving the quality and consistency of your web applications.
Visual Testing Using Cypress and Applitools - Learn With Jason
Overview
Syllabus
Introduction
About Cypress and Applitools
Installing Cypress
Getting started with Cypress
Adding Text
Testing
Step Back
Redux
Test Boom
Labels
Test One Thing
Test Locators
Test Selectors
Qualify
ToDo List
Testing Arrays
Testing 100 Types
Swapping Order
New Test
Observations
Testing Details
Applitools Setup
API Key
Free Account
Environment Variable
Making Environment Variables Secure
Making Environment Variables Grabbed
Importing Environment Variables
Creating a Test
Eyes Check Window
Testing in Cypress
Taught by
Learn With Jason
Related Courses
-
Cypress 9 Fundamentals
-
End to End testing with Cypress
-
Unit Testing in React.js: Create a Unit Test Suite
-
End-to-End Testing with Cypress
-
How to Write Tests for Your Gatsby Sites and Apps With Kent C. Dodds - Learn With Jason
-
Tales from the QA Crypt - Automated Testing and Docker for Better Development
