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

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