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 apps
Search
vladikoff
September 30, 2023
Programming
0
37
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
10
dotJS 2019 - Into WebAssembly
vladikoff
0
11
3D + the Web Platform
vladikoff
0
370
7 years of three.js
vladikoff
0
120
node.js @ GA 2015
vladikoff
0
400
JS Testing Stack - Full Stack Toronto 2014
vladikoff
1
780
Node.JS Intro - General Assembly
vladikoff
3
450
CSS Preprocessor Workflow with Grunt
vladikoff
3
2.6k
3D Voxel Worlds with voxel.js
vladikoff
1
1.9k
Other Decks in Programming
See All in Programming
ゆるい個人開発のススメ
kuroppe1819
10
1k
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
670
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
680
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
6
1.2k
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
870
Next.js App Router
quramy
11
1.7k
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
110
Elm 0.19.0 Changes
bkuhlmann
0
510
Tailwind CSSを本気でカスタマイズする方法
fsubal
14
5.5k
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.3k
Anthropic Cookbook のおすすめレシピ
schroneko
7
1.1k
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
Featured
See All Featured
Designing Experiences People Love
moore
136
23k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
13
8.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
Producing Creativity
orderedlist
PRO
338
39k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
Git: the NoSQL Database
bkeepers
PRO
423
63k
Why Our Code Smells
bkeepers
PRO
331
56k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
11
1k
4 Signs Your Business is Dying
shpigford
176
21k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
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