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:
