Before Cypress ... 🦕

#eg-xtech-week

#eg-xtech-week

#eg-xtech-week

#eg-xtech-week

#eg-xtech-week

#eg-xtech-week

#eg-xtech-week

🎉 Cypress 🚀

#eg-xtech-week

What is Cypress ?

• Created by Brian Mann in 2014 👨‍💻
• Public beta since october 2017 🤘
• Not in beta since septembre 2018 🎉

#eg-xtech-week

Developer Experience
😍

#eg-xtech-week

#eg-xtech-week

Demo ! 💪

#eg-xtech-week

Install Cypress ...

... with a single command 😎

#eg-xtech-week

To sum up ! 🙋‍♂️

• Navigation testing
• Single page unit testing
• Intercept and stub XHR requests 😎
• Customs commands
• Run/Debug tests with the UI
• Run tests in headless mode
• Dashboard service 💰

#eg-xtech-week

Other cool stuff 💁‍♂️

• Components (React/Vue/Angular) unit testing
• Plugins (cucumber, Typescript, react-testing-library)
• Parallel runs (automatically load balanced) 💰

#eg-xtech-week

What about the roadmap ? 🚀

https://www.youtube.com/watch?v=FfqD1ExUGlw

#eg-xtech-week

Community adoption

#eg-xtech-week

Some downsides ? 🤔

• Some trade-offs to be aware of
• No multi-browsers support (but it's coming ! 🤞)

#eg-xtech-week

Useful resources 📚

● Official documentation

● Recipes

● Assert(JS) conference 2018 1/2

● Assert(JS) conference 2018 2/2

● JSConf Iceland conference 2018

● Automated Testing for the Modern Web

● End to End testing with Cypress on egghead.io

● Get the latest updates from Cypress

#eg-xtech-week

Thank you ! 🙏

Questions ?

@rodbung

https://github.com/rbung/CypressEGxTech

https://slides.com/rodolphebung/cypressegxtech

#eg-xtech-week