TDD With Ember.js

2956e2cd2664630aa968b92bbb645f2f?s=47 Kerrick Long
March 06, 2014
Programming
0
400

TDD With Ember.js

2956e2cd2664630aa968b92bbb645f2f?s=128

Kerrick Long

March 06, 2014
Tweet

More Decks by Kerrick Long

See All by Kerrick Long
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
420
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
450
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
400
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
1
390
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
350
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
57
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
420
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
18
5.5k

Other Decks in Programming

See All in Programming
A1b4b398630bbd32b77a82cbc37fae9a?s=48 freekmurze
1
150
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
4
280
4ccaadf34668c439a607c8b6083ba3b2?s=48 peaceiris
0
350
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
5
160
2607469010bfd7a0f0bd7546328cb01d?s=48 uakihir0
1
110
35761e3936deba2f8189c2d20982c771?s=48 getify
1
430
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
3
460
8284465a94bbdf1ea82cf1a67d55f447?s=48 kilometer
1
160
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
1
100
44aaf4965b90c2923223579048f52351?s=48 yuk0ga
0
100
9d1961575e45a8286cdde5f86dbba312?s=48 akatsuki174
5
1.3k
9e840766611f942c7c0a9ad6987a5d78?s=48 kishida
3
510

Featured

See All Featured
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
330
29k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
10
600
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
257
24k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
7k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
308
21k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
320
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
23
1.7k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
10
1.4k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
100
5.7k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
298
30k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
204
6.7k

Transcript

  1. Test Driven Development

  2. Kerrick Long Things I make and do Where to find

    me online twitter.com/KerrickLong github.com/Kerrick Lead Front-end Developer at Second Street KerrickLong.com www. meetup.com/STLEmber

  3. Why TDD?

  4. Outside-In

  5. Integration Tests Unit Tests then

  6. Red Green Refactor

  7. Green Refactor

  8. Test-Driven Design

  9. How?

  10. Integration Test

  11. Integration Test

  12. Integration Test Unit Test

  13. Integration Test Unit Test

  14. Integration Test Unit Test Unit Test Unit Test

  15. Integration Test Unit Test Unit Test Unit Test

  16. Integration Test Unit Test Unit Test Unit Test Unit Test

  17. Integration Test Unit Test Unit Test Unit Test Unit Test

  18. Integration Test Unit Test Unit Test Unit Test Unit Test

  19. Integration Test Unit Test Unit Test Unit Test Unit Test

  20. Integration Test Unit Test Unit Test Unit Test Unit Test

  21. Tooling

  22. Karma Test Runner

  23. None
  24. None
  25. None
  26. None

  27. QUnit.js

  28. Assertions

  29. QUnit.assert.ok( makeBoolean() ) Assertions

  30. QUnit.assert.equal( makeTen(), '10' ) Assertions

  31. QUnit.assert.strictEqual( makeTen(), 10 ) Assertions

  32. QUnit.assert.deepEqual( makeObject(), { foo: ‘bar’, baz: 10 } ) Assertions

  33. QUnit.assert.propEqual( makeObject(), { foo: ‘bar’, baz: 10 } ) Assertions

  34. QUnit.assert.throws( function() { throwError() }, ‘Example Thrown Error’ ) Assertions

  35. Ember Test Helpers

  36. App.rootElement = ‘#qunit-fixture’ App.setupForTesting() App.injectTestHelpers(QUnit)

  37. QUnit.visit(‘/posts’)

  38. QUnit.find(‘.add’, ‘.list’)

  39. QUnit.fillIn( ‘.name’, ‘Kerrick’ )

  40. QUnit.click(‘.submit’)

  41. QUnit.keyEvent( ‘.wysiwyg’, ‘keypress’, 30 )

  42. QUnit.visit(‘/posts/new’) .fillIn(‘.name’, ‘Hello’) .click(‘.submit’) .then(function() { QUnit.assert.ok(true) })

  43. QUnit.visit(‘/posts/new’) QUnit.fillIn(‘.name’, ‘Hi’) QUnit.click(‘.submit’) QUnit.andThen(function() { QUnit.assert.ok(true) })

  44. QUnit.visit(‘/posts/new’) QUnit.fillIn(‘.name’, ‘Hi’) QUnit.click(‘.submit’) QUnit.andThen(function() { QUnit.assert.ok(true) })

  45. Integration
 Tests

  46. Controller Unit Tests

  47. Component Unit Tests

  48. Mixin Unit Tests

  49. Component Unit Tests