Front-end Testing on Steroids

I'm Stefano Magni (@NoriSte)

I'm a passionate front-end engineer, a Cypress ambassador, and an instructor.

 

I work for WorkWave, a Field Service Software company.

 

My recent OS contributions: github.com/NoriSte/all-my-contributions

(or just run $ npx noriste)

Topics

 

• The test and your front-end app work in the browser
 

• Cypress has a UI
 

• No need to manage asynchronous actions
 

• Automatic waitings
 

• Easy test debugging
 

• Front-end development productivity

 

 

100% code!

What is

All the examples are available at

 

https://github.com/NoriSte/frontend-testing-on-steroids

Articles

• Some UI testing problems and the Cypress way

• Front-end productivity boost: Cypress as your main development browser

• New to front-end testing? Start from the top of the pyramid!

• Await, do not make your E2E tests sleep

• Component vs (UI) Integration vs E2E tests

• Testing Implementation Details

• Common Testing Mistakes

• Cypress Code Coverage

Recommended courses

• Egghead "Test with Cypress" Course

• Kent's "Testing JavaScript" course

Extended sources

• Pragmatic Front-End Testing Strategies

• Yoni's "JavaScript Testing Best Practices"

• Gleb Bahmutov's blog

Thank you 🙏

The repo is publicly available

https://github.com/NoriSte/frontend-testing-on-steroids