Hasty Treat - The Future of Testing with Cypress
In this Hasty Treat, Scott and Wes talk about the future of testing with Cypress — what it is, how to use it, and more!
Deque - SponsorDeque’s free axe browser extension helps developers instantly catch 50% of accessibility bugs while they code. It’s lightweight, easy-to-use, and has zero false positives. Get started for free at deque.com/axe.
LogRocket - SponsorLogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes03:55 - What Is Cypress?
- A visual testing studio that uses a jQuery-like syntax to test your application in browser.
- Very modern testing solution.
07:36 - Used to be only Chrome
- Now available for Safari, Firefox, Edge, etc.
??? - What frameworks is it for?
- Literally anything that runs on a URL in the browser. Cypress just looks at a URL, executes the commands and then checks the results.
- Can also run on ci/cd via a headless mode.
- React component testing is experimental.
10:58 - Automation
- Cypress studio new feature that writes tests for you.
12:37 - Data
- Intercept + Fixtures or through plugins
15:01 - Cost?
- It’s free!
- There is a paid product called Cypress Dashboard that allows you to record tests long-term.
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets