Protractor es un marco de prueba de extremo a extremo desarrollado para aplicaciones Angular y AngularJS. Ejecuta pruebas contra la aplicación interactuando con ella como lo haría un usuario real, ejecutándose en un navegador real. En este artículo, vamos a crear una prueba básica.
Requisito previo: instalación y configuración del transportador
Acercarse:
- Vamos a crear un programa de prueba básico en el que vamos a comprobar si el título de la aplicación web de Angular es correcto o no.
- Todas las pruebas de Protractor tendrán un archivo que contendrá la configuración y este será el archivo inicial que iniciará la prueba.
- Vamos a crear este archivo con el nombre conf.js.
conf.js:
Javascript
exports.config = { // Capabilities to be passed to the // webdriver instance. // Here we are specifying the browser // to be chrome capabilities: { 'browserName': 'chrome' }, // Framework to use. Jasmine is // being used here. framework: 'jasmine', // The test file which are relative // to the current working directory // when protractor is called. specs: ['test.js'], // Options to be passed to Jasmine. jasmineNodeOpts: { defaultTimeoutInterval: 30000 } };
- Ahora vamos a crear nuestro archivo de prueba test.js. En este archivo, accederemos a una aplicación web AngularJS y luego verificaremos si el título es correcto o no.
- Browser es un global creado por Protractor, que se utiliza para los comandos de nivel de navegador, como la navegación con browser.get .
- La sintaxis describe e it proviene del marco Jasmine, donde describe es una descripción de su prueba, mientras que son los pasos para la prueba.
El archivo de especificaciones llamado test.js:
Javascript
describe('Protractor Demo App', function () { it('should have a title', function () { // Open the AngularJS webpage browser.get( 'http://juliemr.github.io/protractor-demo/'); // Check if the title is 'Super // Calculator' or not. expect(browser.getTitle()) .toEqual('Super Calculator'); }); });
- Finalmente, estamos listos para ejecutar nuestro archivo usando el siguiente comando:
protractor conf.js
- Esto ejecutará el archivo de configuración y la prueba se ejecutará como se muestra en la siguiente captura de pantalla:
Producción: