Learn to love testing an agile journey into Behat, PHPSpec and Magento

We all hear that we should be testing our code, but Magento is hard to test, clients don't pay for testing and its a new skill we need to adopt. By looking at testing as an onion we can add value with each layer of the onion skin. During this talk we will look at what is involved in starting to apply testing best practices using Behat and PHPSpec and how they can offer value to the business with User Stories and intertwine with an Agile process. By the end of the talk you will leave feeling ready to install Behat and PHPSpec and start to think about testing as value that can be added before we write code using Given, When and Then to talk to all parties of the business about what is going to happen. We will wrap up with making these stories executable and repeatable using selenium and Behat with some PHPSpec used to write unit tests.

Transcript

1. Learn to love testing! an agile journey into Behat, PHPSpec and Magento @jcowie 1
2. 2 Jamescowie session-digital @jcowie
3. 3 Cynefin User stories -> automation Behat + PHPSpec
4. 4 Who uses TDD ?
5. 5 Who uses BDD ?
6. 6 testing over-kill!!
7. 7 hello cynefin
9. 9 Complex domain Chaotic domain complicated domain simple domain
10. 10 simple domain trivial to complete you have done it before easily repeatable
11. 11 complicated domain someone in your company some level of uncertainty
12. 12 complex domain someone in the world lots of uncertainty safe to fail experiment
13. 13 chaotic domain complete meltdown quick fix time
14. 14 pop quiz time
15. 15 creating a new store view
16. 16 sites been hacked
17. 17 how can this help ?
18. 18 problems I faced unsure what to test 100% code coverage slow test suite
19. 19 19 the solution dont test simple things prototypes dont need tests only test your application
20. 20 BDD time behaviour driven development
21. 21 quick history lesson dan north evolved from TDD business value language
22. 22 Implement Refactor Describe How what is BDD
23. 23 gherkin given then when
24. 24 gherkin given then when Sets the scene performs the action is the outcome
25. 25 gherkin given then when I am looking to have an awesome magento time I attend Meet magento NY 2015 I should have a great time
26. 26 story writing imperative declerative
27. 27 imperative given I am on a configurable product page when I click “.size” And set the value to be “small” And I click “.qty” and I set the value to be “1” when I click “.submit” Then I should see that “.topcart > .qty” is visible
28. 28 imperative given I am on a configurable product page when I click “.size” And set the value to be “small” And I click “.qty” and I set the value to be “1” when I click “.submit” Then I should see that “.topcart > .qty” is visible
29. 29 imperative - improved given I am on a configurable product page When I select the small t-shirt size And I select that I only want to buy 1 When I click submit Then I should see that item in the top cart
30. 30 declerative given I am on a configurable product page when i add a single small t-shirt to my basket then I should see this item in the top cart
31. 31 the tools
32. 32 “Behat is an open source behavior-driven development framework for PHP 5.3 and 5.4” @ everzet
34. 34 { "require-dev": { },"config": { "bin-dir": "bin/" } } composer.json
35. 35 { "require-dev": { "behat/behat": "~3", "behat/mink": "~1.6.0", "behat/mink-extension": "~2.0.0", "behat/mink-goutte-driver": "~1.1.0", "behat/mink-selenium2-driver": "*", "peridot-php/webdriver-manager": “*" },"config": { "bin-dir": "bin/" } }
36. 36 { "require-dev": { "behat/behat": "~3", "behat/mink": "~1.6.0", "behat/mink-extension": "~2.0.0", "behat/mink-goutte-driver": "~1.1.0", "behat/mink-selenium2-driver": "*", "peridot-php/webdriver-manager": “*" },"config": { "bin-dir": "bin/" } }
37. 37 { "require-dev": { "behat/behat": "~3", "behat/mink": "~1.6.0", "behat/mink-extension": "~2.0.0", "behat/mink-goutte-driver": "~1.1.0", "behat/mink-selenium2-driver": "*", "peridot-php/webdriver-manager": “*" },"config": { "bin-dir": "bin/" } }
38. 38 { "require-dev": { "behat/behat": "~3", "behat/mink": "~1.6.0", "behat/mink-extension": "~2.0.0", "behat/mink-goutte-driver": "~1.1.0", "behat/mink-selenium2-driver": "*", "peridot-php/webdriver-manager": “*" },"config": { "bin-dir": "bin/" } }
39. 39 composer install
40. 40 default: behat.yml
41. 41 default: extensions: behat.yml
42. 42 default: extensions: Behat\MinkExtension: behat.yml
43. 43 default: extensions: Behat\MinkExtension: base_url: 'http://magento.dev/' sessions: default: selenium2: wd_host: http://localhost:4444/wd/hub behat.yml
44. 44 ./bin/behat — init
45. 45 +d features - place your *.feature files here +d features/bootstrap - place your context classes here +f features/bootstrap/FeatureContext.php - place your definitions, transformations and hooks here
46. 46 Dear Agency, Please can you add a section on the product details page that allows a visitor to share the product via twitter. This needs to be configurable via the admin so I can enable or disable it should also allow me to add a message that is sent via the tweet. Thanks Your loving customer
47. 47 features/share-via-twitter.feature
48. 48 Feature: Share via twitter In order to share products I like with my followers As a visitor of the site I need to be able to quickly share the product via twitter
49. 49 Feature: Share via twitter In order to share products I like with my followers As a visitor of the site I need to be able to quickly share the product via twitter Scenario: Admin can configure a product to be shared Given I am logged into the admin as "admin" with "password123" And I enabled social-share for "product-1" When I save the product Then I should see a success message
50. 50 Feature: Share via twitter In order to share products I like with my followers As a visitor of the site I need to be able to quickly share the product via twitter Scenario: Admin can configure a product to be shared Given I am logged into the admin as "admin" with "password123" And I enabled social-share for "product-1" When I save the product Then I should see a success message Scenario: Visitor can share a product via twitter Given "product-1" is enabled for social-share When I visit the product details page Then I should see that I can share the product via twitter
51. 51 ./bin/behat
52. 52 Feature: Share via twitter In order to share products I like with my followers As a visitor of the site I need to be able to quickly share the product via twitter Scenario: Admin can configure a product to be shared Given I am logged into the admin as "admin" with "password123" And I enabled social-share for "product-1" When I save the product Then I should see a success message Scenario: Visitor can share a product via twitter Given "product-1" is enabled for social-share When I visit the product details page Then I should see that I can share the product via twitter 2 scenarios (2 undefined) 7 steps (7 undefined) 0m0.05s (11.13Mb)
53. 53 --- FeatureContext has missing steps. Define them with these snippets: /** * @Given I am logged into the admin as :arg1 with :arg2 */ public function iAmLoggedIntoTheAdminAsWith($arg1, $arg2) { throw new PendingException(); } /** * @Given I enabled social-share for :arg1 */ public function iEnabledSocialShareFor($arg1) { throw new PendingException(); } …
54. 54 ./bin/behat —append-snippets
55. 55 u features/bootstrap/FeatureContext.php - `I am logged into the admin as "admin" with "password123"` definition added u features/bootstrap/FeatureContext.php - `I enabled social-share for "product-1"` definition added u features/bootstrap/FeatureContext.php - `I save the product` definition added u features/bootstrap/FeatureContext.php - `I should see a success message` definition added u features/bootstrap/FeatureContext.php - `"product-1" is enabled for social-share` definition added u features/bootstrap/FeatureContext.php - `I visit the product details page` definition added u features/bootstrap/FeatureContext.php - `I should see that I can share the product via twitter` definition added
56. 56 half time installed and configured behat / mink Used gherkin to write a scenario code generation
57. 57 <?php use Behat\MinkExtension\Context\RawMinkContext; /** * Defines application features from the specific context. */ class FeatureContext extends RawMinkContext implements Context, SnippetAcceptingContext { /** * @Given I am logged into the admin as :arg1 with :arg2 */ public function iAmLoggedIntoTheAdminAsWith($arg1, $arg2) { throw new PendingException(); } }
58. 58 <?php class FeatureContext extends RawMinkContext implements Context, SnippetAcceptingContext { /** * @Given I am logged into the admin as :username with :password */ public function iAmLoggedIntoTheAdminAsWith($username, $password) { $this->visitPath('/admin'); } }
59. 59 <?php class FeatureContext extends RawMinkContext implements Context, SnippetAcceptingContext { /** * @Given I am logged into the admin as :username with :password */ public function iAmLoggedIntoTheAdminAsWith($username, $password) { $this->visitPath(‘/admin'); $this->getSession()->getPage()->fillField('username', $username); $this->getSession()->getPage()->fillField('password', $password); } }
60. 60 <?php class FeatureContext extends RawMinkContext implements Context, SnippetAcceptingContext { /** * @Given I am logged into the admin as :username with :password */ public function iAmLoggedIntoTheAdminAsWith($username, $password) { $this->visitPath(‘/admin'); $this->getSession()->getPage()->fillField('username', $username); $this->getSession()->getPage()->fillField('password', $password); $this->getSession()->getPage()->find('css', '.submit')->click(); } }
61. 61 assertion
62. 62 <?php /** * Defines application features from the specific context. */ class FeatureContext extends RawMinkContext implements Context, SnippetAcceptingContext { /** * @Then I should see a success message */ public function iShouldSeeASuccessMessage() { $message = $this->getSession()->getPage()->find(‘success-message'); } }
63. 63 <?php /** * Defines application features from the specific context. */ class FeatureContext extends RawMinkContext implements Context, SnippetAcceptingContext { /** * @Then I should see a success message */ public function iShouldSeeASuccessMessage() { $message = $this->getSession()->getPage()->find('success-message'); expect($message->getHtml())->notToBe(); } }
64. 64 a quick word on minK
65. 65 One of the most important parts in the web is a browser. Browser is the window through which web users interact with web applications and other users. Users are always talking with web applications through browsers. So, in order to test that our web application behaves correctly, we need a way to simulate this interaction between the browser and the web application in our tests. We need a Mink. http://mink.behat.org/en/latest/ ” “
67. 67 basic browser control <?php $this->visit("www.google.com"); $this->find('css','.some-element'); $this->find('css','.some-element')->click(); $this->fillfield('element', 'this is a value');
68. 68 ./bin/behat
69. 69 faiL
70. 70 --- Failed scenarios: features/share-via-twitter.feature:6 2 scenarios (1 failed, 1 pending)
71. 71 time to write some code
73. 73 domain specific plugin
74. 74 composer require magetest/magento-phpspec-extension
75. 75 tell composer where magneto 1 lives
76. 76 { "autoload": { "psr-0": { "": [ "public/app", "public/app/code/local", "public/app/code/community", "public/app/code/core", "public/lib" ] } } }
77. 77 configure magespec
78. 78 extensions: [MageTest\PhpSpec\MagentoExtension\Extension] mage_locator: spec_prefix: 'spec' src_path: 'app/code' spec_path: 'spec/app/code'
79. 79 ./bin/phpspec describe:block MeetMagento_NY/social
81. 81 MeetMagento_NY_Block_Social 10 - it is initializable class MeetMagento_NY_Block_Social does not exist. 100% 1 1 specs 1 example (1 broken) 20ms Do you want me to create `MeetMagento_NY_Block_Social` for you? [Y/n] Y Magento block MeetMagento_NY_Block_Social created in '/Users/jamescowie/ Dropbox/Presentations/Magento/Meet Magento NY/code/magento/app/code/local/ MeetMagento/NY/Block/Social.php'.
82. 82 <?php function it_should_show_social_media_buttons() { $this->socialLinks()->shouldReturn(TRUE); }
83. 83 <?php function it_should_show_social_media_buttons() { $this->socialLinks()->shouldReturn(TRUE); }
84. 84 <?php function it_should_show_social_media_buttons() { $this->socialLinks()->shouldReturn(TRUE); }
85. 85 ./bin/phpspec run
87. 87 code generation
88. 88 <?php class MeetMagento_NY_Social_Block_Social extends Mage_Core_Model_Block { public function socialLinks() { // do something } }
89. 89 write some code… Adding more specs as we need
90. 90 ./bin/behat
91. 91 PASS
92. 92 What did we get ? descriptive documentation automation shared knowledge
93. 93 special thanks