Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cypress_-_e2e_testing_for_Web_in__2019_.pdf
Search
Shahjada Talukdar
August 21, 2019
Programming
0
1.3k
Cypress_-_e2e_testing_for_Web_in__2019_.pdf
Shahjada Talukdar
August 21, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
AI時代におけるSRE、 あるいはエンジニアの生存戦略
pyama86
6
1.1k
Kaigi on Rails 2024 〜運営の裏側〜
krpk1900
1
210
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
920
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
250
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.1k
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
350
色々なIaCツールを実際に触って比較してみる
iriikeita
0
330
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
ヤプリ新卒SREの オンボーディング
masaki12
0
130
Amazon Qを使ってIaCを触ろう!
maruto
0
410
cmp.Or に感動した
otakakot
3
170
Macとオーディオ再生 2024/11/02
yusukeito
0
370
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Rails Girls Zürich Keynote
gr2m
94
13k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Adopting Sorbet at Scale
ufuk
73
9.1k
Docker and Python
trallard
40
3.1k
Typedesign – Prime Four
hannesfritz
40
2.4k
Facilitating Awesome Meetings
lara
50
6.1k
A designer walks into a library…
pauljervisheath
204
24k
A Tale of Four Properties
chriscoyier
156
23k
Transcript
Cypress - e2e testing for Web in 2019 21.08.2019
Shahjada Talukdar Senior Software Engineer @eBay
What is Cypress? JavaScript e2e Testing Framework
Why we need another tool? Selenium, Robots
Limitations of Selenium • Old(2004) and was not built for
the today’s modern webapps • Slow, flaky tests, not stable enough
Experience with robot • It’s hard to make dev env
• Hard to write and run tests • Local env test running is hard while development • Not sure if it’s very good for TDD
Objective ( to solve the problem ) To have a
testing environment with possibly fewer flaky tests and faster & easier dev experience.
Challenges for companies • Existing test framework(Robot) is already in
power. • Existing app(already built), harder than apps from scratch. • Need to think about the existing DevOps environment.
Current Limitations of cypress • Still pretty new ( I
think it as react’s beginning time ). • No IE support yet (they say to test with chrome and if the app works 100% means it is tested e2e so it’s a big relief too ).
Benefits(?) of Cypress • Same JS code everywhere. • Development
environment couldn’t be easier than this. • We can use our existing testing knowledge like mocha, jest, jasmine
• https://www.cypress.io/how-it-works
Old Team, Old App and We have 50 developers, what
to do? npm install
Initiate cypress for an existing app cypress open
e2e tests need to wait for the page to render
and finish the http calls Cypress does this by default ( at least they say so ) That’s why, fewer/no manual time waits
My app is developed with React(redux), Angular, Vue, Polymer, Vanilla?
Cypress does not need to know the framework. And no major application code changes for the tests to run
Demo
Features of Cypress
Time travelling Cypress takes snapshots as your tests run. Simply
hover over commands in the Command Log to see exactly what happened at each step.
Real time reloads Cypress automatically reloads whenever you make changes
to your tests. See commands execute in real time in your app.
Debuggability Stop guessing why your tests are failing. Debug directly
from familiar tools like Chrome DevTools. Our readable errors and stack traces make debugging lightning fast.
Automatic waiting Never add waits or sleeps to your tests.
Cypress automatically waits for commands and assertions before moving on. No more async hell.
Network traffic control - Easily control, stub, and test edge
cases without involving your server. You can stub network traffic however you like. - Fixtures
Screenshots and videos - View screenshots taken automatically on failure,
or videos of your entire test suite when run headlessly. - Screenshots using API
Selectors Playground
Environment Variables
Dashboard in Cypress
Comparisons - With cypress it will be less waits and
sleeps or probably close to none. Cypress is growing so fast, we can hope it will be even more stable & better.
None
Thank you Shahjada Talukdar https://shahjada.me https://twitter.com/destro_mas
Questions and discussions