TDD Spree

SpreeConf 2013 DC with true title: "Component Based, Outside In, Spree Development using Behavior-, Test- and Documentation Driven development."

Transcript

1. TDD Spree SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
2. @pberkenbosch SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
3. Component Based, Outside In, Spree Development using Behavior-, Test- and Documentation Driven development. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
4. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Component Based. Ruby Host App Rails Spree component Models component component Views Controllers Assets Overrides Monday, May 20, 13
5. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Ruby Host App Rails Spree component Models component component Views Controllers Assets Overrides Outside In Monday, May 20, 13
6. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Ruby Host App Rails Spree component Models component component Views Controllers Assets Overrides Outside In Monday, May 20, 13
7. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Ruby Host App Rails Spree component Models component component Views Controllers Assets Overrides Outside In Monday, May 20, 13
8. Behavior & Test Driven Development. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
9. Documentation Driven Development. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
10. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
11. What to test? SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
12. Expected behavior SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
13. Implementation details SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
14. Test agains the “interface” SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
15. Do NOT test component implementation sample: don’t test you can find a record by an id SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
16. Spree App Structure SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Ruby Host App Rails Spree component Models component component Views Controllers Assets Overrides Monday, May 20, 13
17. Host App SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
18. e Glue SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
19. Symbiosis Monday, May 20, 13
20. Spree extensions FTW! SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
21. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Component Models Views Controllers Assets Overrides Rails::Engine Spree Rails::Engine + Spree Monday, May 20, 13
22. Sample SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
23. Tools SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
24. Usual Suspects rspec capybara factory_girl SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
25. Change the homepage SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
26. Monday, May 20, 13
27. Write spec on Host App SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Ruby Host App Rails Spree component Models component component Controllers Assets Overrides Views Host APP Monday, May 20, 13
28. Write spec on Host App SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Ruby Host App Rails Spree component Models component component Controllers Assets Overrides feature spec Views Host APP Monday, May 20, 13
29. Monday, May 20, 13
30. Monday, May 20, 13
31. Spree Testing Support -> Factories SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
32. Add factory_girl SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
33. gem 'factory_girl', '~> 2.6.4' require 'ffaker' config.include FactoryGirl::Syntax::Methods require 'spree/core/testing_support/factories' Gemfile spec_helper.rb SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
34. Monday, May 20, 13
35. Outside In -> Create Component SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Ruby Host App Rails Spree component Models component component Views Controllers Assets Overrides Monday, May 20, 13
36. bundle exec spree extension homepage SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
37. Monday, May 20, 13
38. bundle exec rake test_app SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
39. Start with feature spec SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
40. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Component Models Views Controllers Assets Overrides Rails::Engine Spree spree_homepage Monday, May 20, 13
41. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Component Models Views Controllers Assets Overrides Rails::Engine Spree feature spec spree_homepage Monday, May 20, 13
42. Monday, May 20, 13
43. Deface Override SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
44. https://github.com/spree/deface SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
45. X-Ray Gem! SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
46. https://github.com/brentd/xray-rails SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
47. Monday, May 20, 13
48. Monday, May 20, 13
49. Monday, May 20, 13
50. Monday, May 20, 13
51. Outside In -> Model SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
52. Decorator SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
53. Monday, May 20, 13
54. Unit test model? SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
55. Not yet SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
56. Add migration to extension. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
57. be rails g migration AddFeaturedToSpreeProducts featured:boolean SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
58. Monday, May 20, 13
59. bundle exec rake test_app SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
60. Monday, May 20, 13
61. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Back to Higher failing spec Monday, May 20, 13
62. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl gem “spree_homepage”, path: “.” Gemfile Monday, May 20, 13
63. Monday, May 20, 13
64. Where to fix?? SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
65. 1) In the Component SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
66. Monday, May 20, 13
67. Monday, May 20, 13
68. 2) In the Host App SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
69. Monday, May 20, 13
70. Monday, May 20, 13
71. Choice: 1 -> Component SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
72. Refactor Component SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
73. Monday, May 20, 13
74. Looks familiar? SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
75. Refactor Host App Spec SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
76. Monday, May 20, 13
77. Add Deface Override SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
78. Monday, May 20, 13
79. Monday, May 20, 13
80. All green! Done. SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
81. API Extensions SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
82. Backend Component SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
83. Implement frontend on Host App SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13
84. Questions? SpreeConf DC 2013 * Peter Berkenbosch * @pberkenbosch * www.peterberkenbosch.nl Monday, May 20, 13