Protractor is an end-to-end test framework developed for Angular and AngularJS applications. It run tests against the application interacting with it as a real user would, running in a real browser. In this article, we are going to create a basic test.
Pre-requisite: Installation and Setup of Protractor
Approach:
- We are going to create a basic test program in which we are going to check whether the title of the Angular web app is correct or not.Â
- All the Protractor tests will have a file which will contain the configuration and this will be the initial file that will initiate the test.Â
- Let’s create this file with the name 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     } }; |
- Now let’s create our test file test.js. In this file, we are going to access an AngularJS web app and then check if the title is correct or not.Â
- Browser is a global created by Protractor, which is used for browser-level commands such as navigation with browser.get.Â
- The describe and it syntax is from the Jasmine framework where describe is a description of your test while it is the steps for the test.
The spec file named test.js:
Javascript
describe('Protractor Demo App', function () {     it('should have a title', function () {           // Open the AngularJS webpage         browser.get(           // Check if the title is 'Super         // Calculator' or not.         expect(browser.getTitle())             .toEqual('Super Calculator');     }); }); |
- Finally, we are ready to run our file using the command given below:
protractor conf.js
- This will run the configuration file and the test will be run as shown in the screenshot below:
Output:
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
