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?

回答1:

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.

回答2:

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
}],

回答3:

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.

回答4:

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 - [])
  }]

来源：https://stackoverflow.com/questions/24010647/check-there-were-no-errors-in-the-browser-console-with-protractor

标签

javascript

angularjs

selenium

testing

protractor