Using Cypress to test a Vue Site with Ademola Bhadmus (Pt 1)
summary
Live coding shows Cypress set up for a Vue app with Node and VS Code assumed, building three concrete tests: type and verify dynamic text into a search input, click Quick Start then remove target to avoid new tab and assert the playground loads in the same window, and open Docs → Examples then close an appearing tooltip. Demonstrates Cypress DOM-level control, workarounds for cross-origin/new-tab limits, mobile viewports via viewport resizing, and that all examples run live during the session.
AI-written summary · about
related talks
48mComponent Testing with Vite, Vue, and Cypress
25mTesting Vue Components with Cypress
53mTesting with Vite and the Cypress Component Test Runner
44mAutomation Testing Web Apps with Cypress
23mGaining Confidence with Cypress Tests
30mIntroducing Component Testing with Cypress
22mCypress Component Testing
23mGaining Confidence with Cypress Tests