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
340
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
430
Internet Of Things
rodneyrehm
0
210
Coping With The Broken Web
rodneyrehm
0
310
Coping With The Broken Web
rodneyrehm
8
1.9k
Other Decks in Technology
See All in Technology
カメラを用いた店内計測におけるオプトインの仕組みの実現 / ai-optin-camera
cyberagentdevelopers
PRO
0
110
ガバメントクラウド単独利用方式におけるIaC活用
techniczna
3
230
ABEMA のコンテンツ制作を最適化!生成 AI x クラウド映像編集システム / abema-ai-editor
cyberagentdevelopers
PRO
1
160
Autify Company Deck
autifyhq
1
39k
【LT】ソフトウェア産業は進化しているのか? -Javaの想い出とともに- #jjug_ccc
takabow
0
160
pandasはPolarsに性能面で追いつき追い越せるのか
vaaaaanquish
3
1.6k
WHOLENESS, REPAIRING, AND TO HAVE FUN: 全体性、修復、そして楽しむこと
snoozer05
PRO
3
5.9k
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
400
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
0
150
Jamstack でリニューアルするグリーグループのメディア
gree_tech
PRO
2
230
使えそうで使われないCloudHSM
maikamibayashi
0
130
30万人が利用するチャットをFirebase Realtime DatabaseからActionCableへ移行する方法
ryosk7
2
300
Featured
See All Featured
A Tale of Four Properties
chriscoyier
156
23k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Six Lessons from altMBA
skipperchong
26
3.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Gamification - CAS2011
davidbonilla
80
5k
Embracing the Ebb and Flow
colly
84
4.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Navigating Team Friction
lara
183
14k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
780
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
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™