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

Test-driven HTML development

Test-driven HTML development

Visual markup tests, based on the idea of Heydon Pickering’s Revenge.css and the chapter Test-Driven Markup in his book “Inclusive Design Patterns”, and on Bruce Springsteen’s album Born to Run

Gunnar Bittersmann

March 29, 2017
Tweet

More Decks by Gunnar Bittersmann

Other Decks in Programming

Transcript

  1. Test-driven

    development
    HTML
    Gunnar Bittersmann @g16n
    Photo: Joaquim Alves Gaspar, CC-BY-SA 3.0
    bug
    detected.

    View Slide

  2. Test

    View Slide

  3. Unit test, Komponententest
    Funktionalität innerhalb einzelner abgrenzbarer Teile der Software
    (Module, Programme oder Unterprogramme, Units oder Klassen)
    Integration test, Interaktionstest
    Zusammenarbeit voneinander abhängiger Komponenten;
    Schnittstellen
    System test
    gesamtes System gegen die gesamten Anforderungen
    (funktionale und nicht-funktionale Anforderungen)
    Acceptance Test, User Acceptance Test
    nicht am Code der Software, sondern am Verhalten der Software
    bei spezifizierten Vorgängen

    View Slide

  4. Test-driven

    development

    View Slide

  5. Test-driven

    development
    HTML

    View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

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