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.front-trends.com/

Rodney Rehm

April 26, 2013
Tweet

More Decks by Rodney Rehm

Other Decks in Programming

Transcript

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

    View full-size slide

  2. Where I come from

    View full-size slide

  3. I like making stuff
    simple

    View full-size slide

  4. What do you mean by
    „broken“?

    View full-size slide


  5. … been around for ages

    View full-size slide

  6. Events triggered when clicking on

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  10. Despair?
    Opportunity!

    View full-size slide

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

    View full-size slide

  12. What do we need?

    View full-size slide

  13. Single result set

    View full-size slide

  14. Aggregate results

    View full-size slide

  15. Beware of the flood

    View full-size slide

  16. Summary and details

    View full-size slide

  17. Running tests

    View full-size slide

  18. Running tests

    View full-size slide

  19. Storing results

    View full-size slide

  20. Storing results

    View full-size slide

  21. Test environment

    View full-size slide

  22. Test environment

    View full-size slide

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

    View full-size slide

  24. Central System?

    View full-size slide

  25. CSS WG HTML WG

    View full-size slide

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

    View full-size slide

  27. Submitted in January

    View full-size slide

  28. They‘re working on it!

    View full-size slide

  29. test suites are run by
    W3C and browser vendors

    View full-size slide

  30. collected data equals
    articles, workshops,
    talks

    View full-size slide

  31. YOU are the web,
    act like it!

    View full-size slide

  32. Recap
    • testharness.js to run tests
    • firebase.io to aggregate data
    • real browsers / devices or BrowserStack
    • don‘t wait for W3C to get their testing
    sorted, have some fun now

    View full-size slide

  33. Thank You!
    Questions?

    View full-size slide