Introducción a BDD PHPdayUY 2015

Charla de introducción a BDD en el primer PHPdayUY

Transcript

1. Introducción a BDD 1
2. ¿Quién Soy? 2 Ismael Ambrosi @iambrosi Frontend Developer en VividCortex Co-organizador meetup PHPmvd Co-organizador PHPdayUY (Fanático de PHP)
3. ¿Qué es el BDD? 3
4. Behaviour Driven Development 4
5. Behaviour Driven Development 5 Desarrollo basado en el comportamiento
6. BDD Es un conjunto de herramientas que nos ayuda a eliminar la distancia que hay entre los requerimientos definidos por el cliente y lo que el desarrollador entiende que debe hacerse. 6
7. ¿Cuál es el objetivo del BDD? 7
8. Entregar el software que importa 8
9. How Projects Really Work (version 1.5) Create your own cartoon at www.projectcartoon.com How the customer explained it How the project leader understood it How the analyst designed it How the programmer wrote it What the beta testers received How the business consultant described it How the project was documented What operations installed How the customer was billed How it was supported What marketing advertised What the customer really needed http://projectcartoon.com/pdf.php?CartoonID=2&PaperSize=A4
10. Por lo general, los programadores no entendemos bien lo que el negocio realmente necesita, y a su vez el cliente no comprende lo que los programadores son capaces de hacer. 10
11. ¿Cuales son los elementos clave del BDD? 11
12. Claves • Establecer una meta • Mapeo de impacto • Análisis de complejidad y valor • Planeamiento basado en ejemplos • Lenguaje obicuo • Desarrollo a través de ejemplos • Loop BDD 12
13. Establecer una meta 13
14. Debemos establecer una meta que sea específica y medible al inicio del proyecto. 14
15. Mapeo de Impacto 15
16. El mapeo de impacto es una técnica de análisis del comportamiento del usuario que ayuda de desarrollar las diferentes formas de alcanzar las meta establecida. 16
17. Visualiza el porqué los features son importantes y necesarios, y el comportamiento requerido para lograr la meta. 17
18. Análisis de complejidad y valor 18
19. El análisis del valor nos ayuda a identificar los features de bajo costo pero de alto valor en una lista de requisitos. 19
20. El análisis de complejidad nos ayuda a encontrar el camino correcto para el desarrollo y colaboración del proyecto completo. 20
21. Planeamiento basado en ejemplos 21
22. Por lo general, los programadores no entendemos bien lo que el negocio realmente necesita, y a su vez el cliente no comprende lo que los programadores son capaces de hacer. 22
23. La mala interpretación lleva a trabajo excesivo y perdidas de tiempo. 23
24. La mejor manera de evitar los malentendidos es usar ejemplos. 24
25. Estos ejemplos surgen de la comunicación con el cliente. 25
26. Lenguaje obicuo 26
27. Es un lenguaje compartido por todos los miembros que componen el equipo de desarrollo. 27
28. Compuesto por programadores y por personas sin conocimiento técnico. 28
29. Es usado y desarrollado por todos los miembros del equipo para poder discutir sobre las características y crear ejemplos efectivos. 29
30. Given-When-Then Formato de ejemplos más popular en la comunidad BDD 30
31. Given: describe el contexto inicial del ejemplo. When: describe la acción ejecutada por el usuario en el sistema. Then: describe el resultado esperado luego de ejecutada la acción. 31
32. Desarrollo a través de ejemplos 32
33. Podemos utilizar herramientas de automatización para ejecutar estos ejemplos 33
34. Distintos ejemplos divididos en escenarios. 34
35. Loop BDD 35
36. Adaptación al cambio 36
37. –Heráclito “Lo único constante es el cambio.” 37
38. E l d e s a r r o l l o b a s a d o e n l a automatización de escenarios no es suficiente. 38
39. Debemos poder hacer cambios significativos y rápidos en el sistema. 39
40. Unit Testing en BDD 40
41. Unit testing para probar unidades pequeñas del sistema. 41
42. En BDD los llamamos especificaciones de objetos 42
43. Cambios grandes, basados en automatización de escenarios. 43
44. Cambios pequeños, basados en automatización la especificación de objetos. 44
45. UI Funcional Unitario Test pyramid 45
46. Práctica 46
47. Volvemos a los ejemplos 47
48. Los ejemplos se construyen en base a escenarios 48
49. Posible escenario Dado que en mi cuenta tengo $1000, cuando retiro del cajero automático $800, entonces en mi cuenta quedan $200. 49
50. Dado que en mi cuenta tengo $1000, cuando retiro del cajero automático $800, entonces en mi cuenta quedan $200. 50
51. Dado que en mi cuenta tengo $1000, cuando retiro del cajero automático $800, entonces en mi cuenta quedan $200. 51
52. Dado que en mi cuenta tengo $1000, cuando retiro del cajero automático $800, entonces en mi cuenta quedan $200. 52
53. Given When Then 53
54. Feature: Managing my bank account
 
 In order to access and manage my bank account
 As a bank customer
 I should be able to withdraw and deposit money into my account
 
 Scenario: Successful fund withdraw
 Given there are $1000 on my bank account
 When I withdraw $800 from the account
 Then I should have $200 remaining 54
55. Feature: Managing my bank account
 
 In order to access and manage my bank account
 As a bank customer
 I should be able to withdraw and deposit money into my account
 
 Scenario: Successful fund withdraw
 Given there are $1000 on my bank account
 When I withdraw $800 from the account
 Then I should have $200 remaining 55 Gherkin
56. Gherkin • Cucumber • Behat 56
57. behat 57
58. Framework BDD para PHP 58
59. $ composer require behat/behat Instalación 59
60. Feature: Managing my bank account
 
 In order to access and manage my bank account
 As a bank customer
 I should be able to withdraw and deposit money into my account
 
 Scenario: Successful fund withdraw
 Given there are $1000 on my bank account
 When I withdraw $800 from the account
 Then I should have $200 remaining 60
61. ¿Cómo puedo comprobar que mi aplicación se comporta de acuerdo a este escenario? 61
62. Ejecutando el escenario en contextos 62
63. use Behat\Behat\Context\Context;
 
 /**
 * Defines application features from the specific context.
 */
 class FeatureContext implements Context
 {
 /**
 * @Given /^there are (\$[\d]+) on my bank account$/
 */
 public function thereAreOnMyBankAccount($total)
 {
 // ...
 }
 
 /**
 * @When /^I withdraw (\$[\d]+) from the account$/
 */
 public function iWithdrawFromTheAccount($amount)
 {
 // ...
 }
 
 /**
 * @Then /^I should have (\$[\d]+) left$/
 */
 public function iShouldHaveLeft($remaining)
 {
 // ...
 }
 } 63
64. Funcional 64
65. /**
 * @Given /^there are (\$[\d]+) on my bank account$/
 * @param double $total
 */
 public function thereAreOnMyBankAccount($total)
 {
 $this->bankAccount->setTotal($total);
 } 65
66. /**
 * @When /^I withdraw (\$[\d]+) from the account$/
 * @param double $amount
 */
 public function iWithdrawFromTheAccount($amount)
 {
 $this->bankAccount->withdraw($amount);
 } 66
67. /**
 * @Then /^I should have (\$[\d]+) left$/
 * @param double $remaining
 */
 public function iShouldHaveLeft($remaining)
 {
 assertEquals($remaining, $this->bankAccount->getTotal());
 } 67
68. $ ./vendor/bin/behat Feature: Managing my bank account In order to access and manage my bank account As a bank customer I should be able to withdraw and deposit money into my account Scenario: Successful fund withdraw # features/account.feature:7 Given there are $1000 on my bank account # FeatureContext::thereAreOnMyBankAccount() When I withdraw $800 from the account # FeatureContext::iWithdrawFromTheAccount() Then I should have $200 left # FeatureContext::iShouldHaveLeft() 1 scenario (1 passed) 3 steps (3 passed) 0m0.02s (11.21Mb) 68
69. Acceptance 69
70. /**
 * @Given /^there are (\$[\d]+) on my bank account$/
 * @param double $total
 */
 public function thereAreOnMyBankAccount($total)
 {
 $this->bankAccount->setTotal($total);
 } 70
71. /**
 * @When /^I withdraw (\$[\d]+) from the account$/
 * @param double $amount
 */
 public function iWithdrawFromTheAccount($amount)
 {
 $this->visit('/account/withdraw');
 
 $amountElement = $this->find('css', 'input#amount');
 $amountElement->setValue($amount);
 
 $button = $this->find('css', 'submit');
 $button->click();
 } 71
72. /**
 * @Then /^I should have (\$[\d]+) left$/
 * @param double $remaining
 */
 public function iShouldHaveLeft($remaining)
 {
 $this->visit('/account');
 
 $this->assertElementContainsText('.balance .total', $remaining);
 } 72
73. Pruebas en browser 73
74. Mink Drivers • Selenium • Sahi • Goutte 74
76. Framework SpecBDD para PHP 76
77. $ composer require phpspec/phpspec Instalación 77
78. $ bin/phpspec desc Markdown Specification for Markdown created in spec. 78
79. namespace spec;
 
 use PhpSpec\ObjectBehavior;
 use Prophecy\Argument;
 
 class MarkdownSpec extends ObjectBehavior
 {
 function it_is_initializable()
 {
 $this->shouldHaveType('Markdown');
 }
 } 79
80. namespace spec;
 
 use PhpSpec\ObjectBehavior;
 
 class MarkdownSpec extends ObjectBehavior
 {
 function it_converts_plain_text_to_html_paragraphs()
 {
 $this->toHtml("Hi, there")->shouldReturn("<p>Hi, there</p>");
 }
 } 80
81. class Markdown
 {
 public function toHtml($argument1)
 {
 // TODO: write logic here
 }
 } 81
82. $ bin/phpspec run > spec\Markdown ✔ it converts plain text to html paragraphs 1 examples (1 passed) 247ms 82
83. Recursos • inviqa.com/bdd-guide • dannorth.net • behat.org • phpspec.net • wikipedia.org/wiki/Behavior-driven_development 83
84. ¡Gracias! http://bit.ly/1gXbQrJ 84