Este es un paso a paso de como hacer una ensalada de testing funcional de una aplicación angularjs. Decimos ensalada por los nombres de las herramientas: cucumber, gherkin.
Elegimos como aplicación el tutorial de angular:
http://angular.github.io/angular-phonecat/step-12/app/#/phones
1. Instalar librerías
$ npm install cucumber –save-dev
$ npm install protractor –save-dev
$ npm install chai –save-dev
$ npm install chai-as-promised –save-dev
2. Actualizar y correr webdriver
$ ./node_modules/protractor/bin/webdriver-manager update
$ ./node_modules/protractor/bin/webdriver-manager start
3. Configurar protractor, escribir primera especificación y paso para ejecutarla:
Luego ejecutar con:
$ ./node_modules/protractor/bin/protractor config/protractor.conf.js
Hasta aca tenemos la receta de la ensalada. Ahora, cómo podríamos hacer para especificar la búsqueda? Podría ser algo así:
El código completo:
https://github.com/banquito/hello-protractor-cucumber-gherkin
