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

Hasty Treat - The Future of Testing with Cypress

Syntax - Tasty Web Development Treats