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

TDD With Ember.js

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

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
580
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
600
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
570
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
1
530
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
450
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
100
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
520
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
18
6k

Other Decks in Programming

See All in Programming
82d6167c4d14393c2e20b37a74b363c5?s=48 kasacchiful
0
230
5e511bb6d01d856b4ec7a0e5b1f6a2f0?s=48 syumai
5
840
028088964f255d677d471558da865b72?s=48 satoshin
2
150
B1702643adfb1c2216f6db6fab3e5073?s=48 chocoyama
4
450
Afdb8e40066f7939ff82727bc0c892ce?s=48 junk0612
0
110
D07d36d7d3263da869c7d030ba4a64a6?s=48 y__mattu
1
420
585b6bd646ae00cd1025309c912d922f?s=48 saten
5
700
249b3122eee454c0a818bfe7851418e4?s=48 fromkk
0
540
A2cd163fd3cfca5204b0d8f0c17eea29?s=48 yujif
2
520
13d64bff196e33cc6b352f226137d16e?s=48 monoqlo
0
230
44f37c1fe3a6a56376bb41a338741355?s=48 ring
1
510
5f528a3f6814d28b583f31842e3e8d9e?s=48 ahus1
0
170

Featured

See All Featured
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
207
38k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
194
8.9k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.9k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
6.8k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
37
1.7k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
400k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
18k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
235
950k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
482
150k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k

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