How To Use Cypress Viewport For Responsive Testing | Cypress Advanced Tutorial | LambdaTest
How To Use Cypress Viewport For Responsive Testing | Cypress Advanced Tutorial | LambdaTest
Playlist
- How To Run Cypress Tests In Headless Mode | Cypress Advanced Tutorial
- How To Perform Accessibility Testing With Cypress | Cypress Advanced Tutorial
- How To Handle iFrames In Cypress | Cypress Advanced Tutorial
- How To Use Cypress Viewport For Responsive Testing | Cypress Advanced Tutorial
About The Video
Watch this Cypress Advanced Tutorial by ππ¨ππ§ ππ¨π₯πππ«ππ (@ResterTest), Cypress Ambassador and Lead QA at blu BEYOND GmbH. This tutorial helps you master Cypress viewport, the key to automating the mobile web view of an application using Cypress. Whether you are testing on a compact mobile device or a spacious desktop monitor, Cypress offers built-in commands that allow you to assess your designs' responsiveness precisely.
By the end of this video, you can seamlessly incorporate viewport testing into your Cypress automation workflow, ensuring an optimal user experience across diverse device viewports.
Video Chapters
00:00 - Introduction and agenda
03:18 - Install and start Cypress
07:40 - Add viewport and presents
12:13 - Multiple viewports
18:06 - Device orientation
20:15 - Overwrite configuration
23:56 - LambdaTest cloud integration
28:21 - End
Marie Drake
A software tester who works on automating testing, developing leadership skills, and mentoring other team members. Her goal is to foster a culture where everyone takes responsibility for quality. She has also identified herself as an Accessibility Advocate, which is why she created the course Test Automation for Accessibility.
TestΞΌ 2024
Join the free online conference to decode the future of testing!
21 - 23 August, 2024
