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
Coping With The Broken Web
Search
Rodney Rehm
August 29, 2013
Technology
0
350
Coping With The Broken Web
A talk on testing browsers
http://2013.frontendconf.ch/
Rodney Rehm
August 29, 2013
Tweet
Share
More Decks by Rodney Rehm
See All by Rodney Rehm
Package-Management Für JavaScript
rodneyrehm
0
340
The Responsibilities Of A Front End Operations Engineer
rodneyrehm
0
440
Internet Of Things
rodneyrehm
0
210
Coping With The Broken Web
rodneyrehm
0
320
Coping With The Broken Web
rodneyrehm
8
1.9k
Other Decks in Technology
See All in Technology
オプトインカメラ:UWB測位を応用したオプトイン型のカメラ計測
matthewlujp
0
180
ハイテク休憩
sat
PRO
2
170
APIとはなにか
mikanichinose
0
100
大幅アップデートされたRagas v0.2をキャッチアップ
os1ma
2
540
バクラクのドキュメント解析技術と実データにおける課題 / layerx-ccc-winter-2024
shimacos
2
1.1k
PHPからGoへのマイグレーション for DMMアフィリエイト
yabakokobayashi
1
170
re:Invent をおうちで楽しんでみた ~CloudWatch のオブザーバビリティ機能がスゴい!/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
130
あの日俺達が夢見たサーバレスアーキテクチャ/the-serverless-architecture-we-dreamed-of
tomoki10
0
480
【re:Invent 2024 アプデ】 Prompt Routing の紹介
champ
0
150
.NET 9 のパフォーマンス改善
nenonaninu
0
1k
LINEスキマニにおけるフロントエンド開発
lycorptech_jp
PRO
0
330
DevFest 2024 Incheon / Songdo - Compose UI 조합 심화
wisemuji
0
120
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
A Philosophy of Restraint
colly
203
16k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
Code Review Best Practice
trishagee
65
17k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
520
A Modern Web Designer's Workflow
chriscoyier
693
190k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
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™