DEV Community

Syntax - Tasty Web Development Treats

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 - 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 Tweet us your tasty treats!

Episode source