Hasty Treat - The Future of Testing with Cypress

Syntax - Tasty Web Development Treats

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 - Sponsor

Deque’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 - Sponsor

LogRocket 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 Notes

03: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.

Links

• Cypress
• bos.af
• Jest
• Better Touch Tool

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets