Thursday, September 4, 2025
HomeLanguagesJavascriptAngularJS End to End (E2E) Testing | Protractor

AngularJS End to End (E2E) Testing | Protractor

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!
RELATED ARTICLES

Most Popular

Dominic
32263 POSTS0 COMMENTS
Milvus
81 POSTS0 COMMENTS
Nango Kala
6627 POSTS0 COMMENTS
Nicole Veronica
11799 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11858 POSTS0 COMMENTS
Shaida Kate Naidoo
6749 POSTS0 COMMENTS
Ted Musemwa
7025 POSTS0 COMMENTS
Thapelo Manthata
6696 POSTS0 COMMENTS
Umr Jansen
6716 POSTS0 COMMENTS