Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Coping With The Broken Web
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Rodney Rehm
August 29, 2013
Technology
400
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Coping With The Broken Web
A talk on testing browsers
http://2013.frontendconf.ch/
Rodney Rehm
August 29, 2013
More Decks by Rodney Rehm
See All by Rodney Rehm
Package-Management Für JavaScript
rodneyrehm
0
370
The Responsibilities Of A Front End Operations Engineer
rodneyrehm
0
530
Internet Of Things
rodneyrehm
0
260
Coping With The Broken Web
rodneyrehm
0
420
Coping With The Broken Web
rodneyrehm
8
2k
Other Decks in Technology
See All in Technology
30座EKS, 180次升級淬煉的EKS Upgrade Skill 的歷程
eric8230
0
180
安心して変更できるWebフロントエンドの作り方
pirosikick
5
2.8k
AI 時代のスタートアップエコシステ厶から考究する技術的負債との向き合い方
m3m0r7
PRO
3
2.3k
AIエージェントの自己改善をどう設計するか / How to Design Self-Improvement for AI Agents
22mi
25
16k
越境するなら専門用語を使うな高校校歌 / If you wanna cross border, you shouldn't use jargon
vtryo
0
150
技術的負債から考える、AI時代のエンジニアリング投資 — ビズリーチの技術的負債と向き合った経験から、変更し続けられるソフトウェアを考える/ technical-debt-con2026
visional_engineering_and_design
4
3.3k
ソフトウェアDNAとクラウドエージェントのススメ
cloudace
0
120
白金鉱業Meetup Vol.25 アウトカムが二値のデータに対するCausal Impact
brainpadpr
0
250
2026_devsumi_ozono.pdf
o3
3
530
アプリログインとWeb認証基盤をつなぐ ASWebAuthenticationSession 作法
shimastripe
1
350
EventBridge に「合流」はない ― サーバーレスのワークフローを育てるということ / No Join in EventBridge
yusukeshimizu
2
270
サーバーレスをどこまで使う? WebRTC対戦ゲームで選んだVPSとの共存設計
kaidouji85
0
180
Featured
See All Featured
Building AI with AI
inesmontani
PRO
1
1.2k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
580
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
The Spectacular Lies of Maps
axbom
PRO
1
1k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
600
What's in a price? How to price your products and services
michaelherold
247
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
390
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
The Pragmatic Product Professional
lauravandoore
37
7.4k
Ethics towards AI in product and experience design
skipperchong
2
380
Transcript
Coping With The Broken Web Rodney Rehm - @rodneyrehm
Where I come from
http://medialize.github.io/URI.js/
http://coding.smashingmagazine.com/2012/10/09/designing-javascript-apis-usability/
I like making stuff simple
… recently at work
None
But…
None
What do you mean by „broken“?
None
None
None
None
<select> … been around for ages
Events triggered when clicking on <select> http://rodneyrehm.github.io/select-events/
None
None
Assumptions… http://www.freefoto.com/preview/41-23-4/American-highway-road
… Reality http://farm9.staticflickr.com/8019/7597671400_9dcf23ab7a_o_d.jpg
Check your assumptions. In fact, check your assumptions at the
door. Lois McMaster Bujold
Despair? Opportunity!
http://www.flickr.com/photos/mennonitechurchusa-archives/7597671400/in/set-72157630434425392
Grokking Results
Single result set
None
Aggregate results
Beware of the flood
Summary and details
Tools?
Running Tests
Running tests
Running tests
Running tests
None
None
None
None
None
https://github.com/rodneyrehm/testharness-helper
None
Aggregating Results?
Storing results
Storing results
Test Environment?
(some) real devices!
(some) real devices!
virtual machines
virtual machines s
Which Browser Is This?
github.com/bestiejs/platform.js Identifying browsers
Utilities?
None
Central System?
CSS WG HTML WG
None
64 % 24 % 11 % Approved In Review Unknown
Submitted in January
No Fun
Future?
None
• identify and fix legal issues (who owns tests) •
moving to github in progress • extract meta data from specifications for test coverage analysis and linking
• centralize test efforts across WGs • run tests in
cloud and collect data • to build compatibility tables • show browser support in specifications, WebPlatform.org, anywhere
• use github for reviewing test suites • integrate adding
tests into WebPlatform.org • make submitting bugs off a test dead simple • painless local development environment
None
None
None
They‘re working on it!
Motivation?
your tests are run by W3C and browser vendors
collected data === articles, workshops, talks === street-cred
insights into specifications & credibility for mailing lists
You are part of the web, start caring for it!
When the web is not doing what you want it
to, fight back, WRITE TESTS! Me, I think
Recap • testharness.js to run tests • firebase.io to aggregate
data • real browsers, devices and BrowserStack • don‘t wait for W3C to get their testing sorted, have some fun now
None
Thank You! Questions?
TestTheWebForward.org Join the Rebellion™