Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Coping With The Broken Web

Coping With The Broken Web

A talk on testing browsers

http://2013.frontendconf.ch/

Rodney Rehm

August 29, 2013
Tweet

More Decks by Rodney Rehm

Other Decks in Technology

Transcript

  1. Coping With The
    Broken Web
    Rodney Rehm - @rodneyrehm

    View full-size slide

  2. Where I come from

    View full-size slide

  3. http://medialize.github.io/URI.js/

    View full-size slide

  4. http://coding.smashingmagazine.com/2012/10/09/designing-javascript-apis-usability/

    View full-size slide

  5. I like making stuff
    simple

    View full-size slide

  6. … recently at work

    View full-size slide

  7. What do you mean by
    „broken“?

    View full-size slide


  8. … been around for ages

    View full-size slide

  9. Events triggered when clicking on
    http://rodneyrehm.github.io/select-events/

    View full-size slide

  10. Assumptions…
    http://www.freefoto.com/preview/41-23-4/American-highway-road

    View full-size slide

  11. … Reality
    http://farm9.staticflickr.com/8019/7597671400_9dcf23ab7a_o_d.jpg

    View full-size slide

  12. Check your
    assumptions. In fact,
    check your assumptions
    at the door.
    Lois McMaster Bujold

    View full-size slide

  13. Despair?
    Opportunity!

    View full-size slide

  14. http://www.flickr.com/photos/mennonitechurchusa-archives/7597671400/in/set-72157630434425392

    View full-size slide

  15. Grokking Results

    View full-size slide

  16. Single result set

    View full-size slide

  17. Aggregate results

    View full-size slide

  18. Beware of the flood

    View full-size slide

  19. Summary and details

    View full-size slide

  20. Running Tests

    View full-size slide

  21. Running tests

    View full-size slide

  22. Running tests

    View full-size slide

  23. Running tests

    View full-size slide

  24. https://github.com/rodneyrehm/testharness-helper

    View full-size slide

  25. Aggregating Results?

    View full-size slide

  26. Storing results

    View full-size slide

  27. Storing results

    View full-size slide

  28. Test Environment?

    View full-size slide

  29. (some) real devices!

    View full-size slide

  30. (some) real devices!

    View full-size slide

  31. virtual machines

    View full-size slide

  32. virtual machines
    s

    View full-size slide

  33. Which Browser Is This?

    View full-size slide

  34. github.com/bestiejs/platform.js
    Identifying browsers

    View full-size slide

  35. Central System?

    View full-size slide

  36. CSS WG HTML WG

    View full-size slide

  37. 64 %
    24 %
    11 %
    Approved
    In Review
    Unknown

    View full-size slide

  38. Submitted in January

    View full-size slide

  39. • identify and fix legal issues (who owns
    tests)
    • moving to github in progress
    • extract meta data from specifications for
    test coverage analysis and linking

    View full-size slide

  40. • centralize test efforts across WGs
    • run tests in cloud and collect data
    • to build compatibility tables
    • show browser support in
    specifications, WebPlatform.org, anywhere

    View full-size slide

  41. • use github for reviewing test suites
    • integrate adding tests into
    WebPlatform.org
    • make submitting bugs off a test dead
    simple
    • painless local development
    environment

    View full-size slide

  42. They‘re working on it!

    View full-size slide

  43. your tests are run by
    W3C and browser vendors

    View full-size slide

  44. collected data
    ===
    articles, workshops,
    talks
    ===
    street-cred

    View full-size slide

  45. insights into
    specifications
    &
    credibility for
    mailing lists

    View full-size slide

  46. You are part of the
    web, start caring for it!

    View full-size slide

  47. When the web is
    not doing what you
    want it to, fight back,
    WRITE TESTS!
    Me, I think

    View full-size slide

  48. 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

    View full-size slide

  49. Thank You!
    Questions?

    View full-size slide

  50. TestTheWebForward.org
    Join the Rebellion™

    View full-size slide