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
430

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
470
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
490
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
440
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
1
420
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
380
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
62
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
0
460
2956e2cd2664630aa968b92bbb645f2f?s=48 kerrick
18
5.7k

Other Decks in Programming

See All in Programming
832ece085bfe2c7c5b0ed6be62d7e675?s=48 steipete
PRO
2
170
1623dd1adf096ba35ba33727d933e14c?s=48 nbkouhou
1
1.3k
35c158f57df6814ad809f7471f4123ed?s=48 loleg
0
210
Aa97a6ad2c4c8422f5580f4f9d5b5744?s=48 dulltz
0
530
1c2b62114ede7d8cb897bf19b999d233?s=48 muttsu_623
0
540
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
1
490
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
2
2.2k
D2f212ce418f3daa29c23914c9b6892b?s=48 kenmaz
1
100
027cabf82b6860498e5107f500bed48f?s=48 nanimonodemonai
2
1.4k
2b53803e5ee6d34a9cfc6aa4b94e3fea?s=48 maito1201
0
170
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
460
De266761b955b2636e454a1bc7a99ed4?s=48 masayaaoyama
4
550

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
16k
11c84dff30266b907714802088852677?s=48 jasonvnalue
82
8.1k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
437
28k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
9
540
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
165
19k
245cee81a9c424266e5e401d844ea881?s=48 lara
590
61k
78b475797a14c84799063c7cd073962f?s=48 holman
461
280k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
127
20k

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