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 Slide

  2. Where I come from

    View Slide

  3. View Slide

  4. View Slide

  5. I like making stuff
    simple

    View Slide

  6. …at work

    View Slide

  7. View Slide

  8. But…

    View Slide

  9. View Slide

  10. What do you mean by
    „broken“?

    View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. View Slide


  21. … been around for ages

    View Slide

  22. Events triggered when clicking on

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  26. Despair?
    Opportunity!

    View Slide

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

    View Slide

  28. What do we need?

    View Slide

  29. Single result set

    View Slide

  30. Aggregate results

    View Slide

  31. Beware of the flood

    View Slide

  32. Summary and details

    View Slide

  33. Tools?

    View Slide

  34. Running tests

    View Slide

  35. Running tests

    View Slide

  36. Storing results

    View Slide

  37. Storing results

    View Slide

  38. Test environment

    View Slide

  39. Test environment

    View Slide

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

    View Slide

  41. View Slide

  42. Central System?

    View Slide

  43. CSS WG HTML WG

    View Slide

  44. View Slide

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

    View Slide

  46. Submitted in January

    View Slide

  47. No Fun

    View Slide

  48. Future?

    View Slide

  49. View Slide

  50. View Slide

  51. View Slide

  52. They‘re working on it!

    View Slide

  53. Motivation?

    View Slide

  54. test suites are run by
    W3C and browser vendors

    View Slide

  55. collected data equals
    articles, workshops,
    talks

    View Slide

  56. YOU are the web,
    act like it!

    View Slide

  57. 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 Slide

  58. View Slide

  59. Thank You!
    Questions?

    View Slide