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
The state of end-to-end testing for modern web ...
Search
vladikoff
September 30, 2023
Programming
0
67
The state of end-to-end testing for modern web apps
vladikoff
September 30, 2023
Tweet
Share
More Decks by vladikoff
See All by vladikoff
SmashingConf 2020
vladikoff
0
16
dotJS 2019 - Into WebAssembly
vladikoff
0
15
3D + the Web Platform
vladikoff
0
380
7 years of three.js
vladikoff
0
130
node.js @ GA 2015
vladikoff
0
430
JS Testing Stack - Full Stack Toronto 2014
vladikoff
1
800
Node.JS Intro - General Assembly
vladikoff
3
460
CSS Preprocessor Workflow with Grunt
vladikoff
3
2.7k
3D Voxel Worlds with voxel.js
vladikoff
1
1.9k
Other Decks in Programming
See All in Programming
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
状態管理ライブラリZustandの導入から運用まで
k1tikurisu
3
470
Patched fetch did not work
quramy
4
390
オートマトン学習しろ / Do automata learning
makenowjust
3
130
私のEbitengineの第一歩
qt_luigi
0
450
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
250
rails_girls_is_my_gate_to_join_the_ruby_commuinty
maimux2x
0
200
API Platform for Laravel
dunglas
1
430
From Idea to IDE: Developing Plugins for Android Studio
thisaay
1
220
rbs-inlineを導入してYARDからRBSに移行する
euglena1215
1
290
Architecture Decision Record (ADR)
nearme_tech
PRO
1
690
Jakarta EE meets AI
ivargrimstad
0
390
Featured
See All Featured
Producing Creativity
orderedlist
PRO
340
39k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
A Philosophy of Restraint
colly
202
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
120
The Pragmatic Product Professional
lauravandoore
31
6.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Building Applications with DynamoDB
mza
90
6k
Rails Girls Zürich Keynote
gr2m
93
13k
GitHub's CSS Performance
jonrohan
1030
450k
We Have a Design System, Now What?
morganepeng
48
7.1k
Transcript
State of end-to-end testing for modern web applications VLAD FILIPPOV
About Vlad // software engineer // full stack web developer
// open-source contributor
In this talk … • History of web application testing
• Testing challenges • Learn new automation tools • Demos!
Testing Web Apps
Testing Web Apps
None
2004 → 2014 → 2024
2004 • First versions of Selenium 2006+ • First versions
of Selenium WebDriver • Headless webkit testing via PhantomJS
2014 (from my 2014 presentation)
2024 WebDriverIO Playwright
Goals of these tests • Track down code regressions •
Cross-browser compatibility testing • Cost-effective testing with real user behaviour • Full end-to-end workflow
Goals of these tests • Track down code regressions •
Cross-browser compatibility testing • Cost-effective testing with real user behaviour • Full end-to-end workflow • Confidence in shipping code
Testing Challenges
Writing tests “How do I find the password reset button
for my tests?”
Flaky tests “I’ve looked everywhere for it and gave up!”
Continuous integration challenges “What is wrong with my test?” “I
need to be able to run tests locally and in CI”
Solving these problems… • Flaky tests • Spending time writing
tests • Continuous integration • Debugging • Slow Tests
Automation & Testing Tools
None
WebDriverIO
Playwright - playwright.dev Speed Correctness Multi-environment Language Choice Usability Debugging
Lightweight QA Integration
Playwright solving our testing challenges
None
Reduce flakiness with auto-wait
Screenshots Parallelism
Accessibility testing Browser configuration
None
None
playwright-ai writes tests for you
None
Q&A Thank You! contact: vf.io slides: vf.io/refactor23