CODEWITHSUNDEEP
javascriptangularjsseleniumtestingprotractor
Liad Livnat
Liad Livnat

Reputation: 7475

Check there were no errors in the browser console with Protractor

I'm using Protractor to test AngularJS

I want to check that at the end of the test no uncaught exceptions occurred and were printed to the browser console.

Is there a simple way to do that?

Upvotes: 10

Views: 6470

Answers (4)

CSchulz
CSchulz

Reputation: 11020

How @velochy stated there is now an own package for the module: https://www.npmjs.com/package/protractor-console-plugin

You can use it in your protractor.conf:

  plugins: [{
    package: 'protractor-console-plugin',
    failOnWarning: {Boolean}                (Default - false),
    failOnError: {Boolean}                  (Default - true),
    logWarnings: {Boolean}                  (Default - true),
    exclude: {Array of strings and regex}   (Default - [])
  }]

Upvotes: 1

alecxe
alecxe

Reputation: 473823

Protractor 2.0.0 has introduced a new console plugin specifically for the task.

Add the following to the protractor configuration:

plugins: [{
    path: '/path/to/node_modules/protractor/plugins/console/index.js',
    failOnWarning: true,
    failOnError: true
}],

Upvotes: 16

Mark Amery
Mark Amery

Reputation: 154595

With a little effort we can tweak the accepted answer to work with Cucumber.js, in case you're not using Protractor with the default testing framework.

this.After(function(callback) {
    browser.manage().logs().get('browser').then(function(browserLog) {
        if (browserLog.length !== 0) {
            var failMessage = "There was output in the browser console:" +
                              browserLog.map(JSON.stringify).join(";\n");
            callback.fail(failMessage);
        }
        else {
            callback();
        }
    });
});

You'll want to check out the documentation on After hooks, which are Cucumber's equivalent to Jasmine's afterEach.

Upvotes: 1

Ranadheer Reddy
Ranadheer Reddy

Reputation: 4324

If you're using Protractor with Jasmine, use the following code:

afterEach(function() {
    browser.manage().logs().get('browser').then(function(browserLog) {
        expect(browserLog.length).toEqual(0);
    });
});

This will pass the test case if there are no console errors. If there are any console errors, the test will fail.

Instructions on how to access the content of the browser's console can be found in the How can I get hold of the browser's console section of the FAQ.

Upvotes: 18

Related Questions