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.

(or just run $ npx noriste)

I'm Stefano Magni (@NoriSte)

I'm the author of

 

• Cypress Wait Until plugin

 

• Cypress OTP plugin

• Cypress Protocol Buffers plugin

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

All the examples are available at

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

There is more to tell...

• Ajax requests waiting and assertions

 

• Importing the same constants used by the app

 

• Leveraging App Actions

 

Please check out the full authentication.e2e.test.js and authentication.integration.test.js tests.

Cory House pushed the productivity even more in his Lessons From 5 Years in React talk where he shows how he works.

They had never written a test in their life, now they are crazy about Cypress!

Simone D'avico, Software Development Engineer 

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