Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.
https://syntax.fm
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.
- Cypress
- bos.af
- Jest
- Better Touch Tool
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets