Introducción a BDD PHPdayUY 2015

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

75. None

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