23
Testgetriebene Entwicklung mit JavaScript [email protected]

Testgetriebene Entwicklung mit JavaScript - webtech 2010

Embed Size (px)

DESCRIPTION

Folien zu dem Vortrag "Testgetriebene Entwicklung mit JavaScript" auf webtech 2010

Citation preview

Page 1: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Testgetriebene Entwicklung mit JavaScript

[email protected]

Page 2: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Agenda

● Motivation● TDD● Kata● Werkzeuge● Architektur● Fazit ● Fragen

Page 3: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Write once,run anywhere?

Page 4: Testgetriebene Entwicklung mit JavaScript - webtech 2010
Page 5: Testgetriebene Entwicklung mit JavaScript - webtech 2010
Page 6: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Je später ein Fehler entdeckt wird, desto

teurer ist die Behebung.

Page 7: Testgetriebene Entwicklung mit JavaScript - webtech 2010

http://www.flickr.com/photos/powerhouse_museum/2980051095/sizes/o/in/photostream/

Warten auf Feedback?

Page 8: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Drei TDD-Regeln von „Uncle Bob“

Es wird kein produktiver Code geschrieben, ohne fehlschlagende Tests.

Es wird nur so viel Testcode geschrieben, um einen Fehler zu demonstrieren.

Es wird nur so viel produktiver Code geschrieben, bis die Tests erfolgreich sind.

Page 9: Testgetriebene Entwicklung mit JavaScript - webtech 2010
Page 10: Testgetriebene Entwicklung mit JavaScript - webtech 2010
Page 11: Testgetriebene Entwicklung mit JavaScript - webtech 2010
Page 12: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Vows http://vowsjs.org

Stil: BDD

Mocks: Nein

Automatisierung: node.js

Page 13: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Jasmine http://pivotal.github.com/jasmine

Stil: BDD

Mocks: Spies

Automatisierung: Ruby & Selenium

Page 14: Testgetriebene Entwicklung mit JavaScript - webtech 2010

QUnit http://docs.jquery.com/Qunit

Stil: Unit

Mocks: Nein

Automatisierung: Selenium?

Page 15: Testgetriebene Entwicklung mit JavaScript - webtech 2010
Page 16: Testgetriebene Entwicklung mit JavaScript - webtech 2010

http://thebeat.iloveny.com/the-art-of-the-brick%C2%AE-opens-at-strong-national-museum-of-play%C2%AE-december-5-1964.html

Page 17: Testgetriebene Entwicklung mit JavaScript - webtech 2010

http://www.bitrebels.com/geek/cant-afford-a-car-build-a-lego-one/

Page 18: Testgetriebene Entwicklung mit JavaScript - webtech 2010

MVP?

Presenter

ViewModel

Page 19: Testgetriebene Entwicklung mit JavaScript - webtech 2010

„Presenter-First“ sind Tests von „außen“ nach „innen“

Page 20: Testgetriebene Entwicklung mit JavaScript - webtech 2010

http://tddjs.com

TODO:JsTestDriver

Page 21: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Test-Tools:JsTestDriver, YUI..?

Mehr Katas!

ArchitekturenMVP, MVC...?

Refactoring:Werkzeuge...?

Modularisierung:Dojo, requireJS..?

Page 22: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Fazit

Testgetriebene Entwicklung mit JavaScript ist möglich!

Page 23: Testgetriebene Entwicklung mit JavaScript - webtech 2010

Danke!Fragen?