Make UI tests part of your pipeline

on YouTube ↗13m

" summary

A short demo writes a JavaScript UI test with Cypress.io, uses CSS selectors to type, click and assert a success page, and shows time‑travel, screenshots and video. Pipeline steps in an Azure DevOps YAML pipeline install and cache npm packages, run-and-record Cypress, and break the pipeline on failures before swapping a stage slot to production. Tests show stubbing/mocking of APIs to avoid DB cleanup and results published to the Cypress Dashboard for playback.

AI-written summary · about

" chapters (5)

1. 0:00Intro
2. 0:33Why use automated UI tests?
3. 3:54Demo
4. 7:09Where to start Core features
5. 10:50Cypress Dashboard

" related talks

• 42mStrategy for Automation Testing Using Cypress.ioSrini Santhana · Connect.Tech 2021
• 44mAutomation Testing Web Apps with CypressBasarat Ali Syed · Testing Talks Conference 2022 Melbourne
• 56mCypress: Where Automated Acceptance Testing Isn’t Just for QA AnymoreJustin James · NDC Minnesota 2019
• 57mGaining Confidence with Cypress TestsRob Richardson · NDC London 2021
• 39mGaining Confidence with Cypress TestsRob Richardson · Reliable Web Summit 2021
• 23mGaining Confidence with Cypress TestsRob Richardson · React Advanced 2021
• 50mShip Web Apps Confidently: End-to-End Testing with CypressAmir Rustamzadeh · ComponentsConf 2019
• 20mIntegration Testing with CypressNancy Du · Assert(js) 2019