Question

我的总体目标是将browser.manage（）。logs（）解压缩到辅助函数。我正在通过在测试中的browser.manage().logs()调用中包含afterEach功能来实现此目标。

我知道我的测试是抛出一个控制台错误。

browser.manage().logs()的内联版本将打印错误。 afterEach和checkConsole都不会打印日志。

我需要做些什么来解决这个问题？内联browser.manage().logs()检索错误并擦除日志吗？我已经尝试了将它们全部注释掉的所有组合，唯一有效的是内联版本。

我也配置了protractor-screenshoter-plugin，它生成的报告显示Show browsers logs按钮下的控制台错误。这是以某种方式抓住错误并阻止browser.manage().logs()获取错误吗？

conf.ts

import { browser, Config } from 'protractor';

export let config: Config = {
    plugins: [{
        package: 'protractor-screenshoter-plugin',
        screenshotPath: './protractor/screenshots',
        screenshotOnExpect: 'failure+success',
        screenshotOnSpec: 'none',
        withLogs: true,
        writeReportFreq: 'asap',
        imageToAscii: 'none',
        clearFoldersBeforeTest: true
    }],

    capabilities: {
        'browserName': 'chrome',
        chromeOptions: {
            args: [ '--disable-gpu', '--window-size=1440x900', '--headless'],
        },
        'moz:firefoxOptions': {
            args: [ '-headless' ],
        },
        'loggingPrefs' : {"driver": "ALL", "server": "ALL", "browser": "ALL"}
    },

    directConnect: true,
    framework: 'jasmine2',

    baseUrl: 'https://localhost/',
    rootElement: 'app',

    getPageTimeout: 10000,
    allScriptsTimeout: 11000,
    jasmineNodeOpts: {
        defaultTimeoutInterval: 52000,
        onComplete: null,
        showColors: true,
        includeStackTrace: true,
    },

    onPrepare: function() {
        // returning the promise makes protractor wait for the reporter config before executing tests
        return browser.getProcessedConfig().then(function(pconfig) {
            // console.log("pconfig", pconfig);
        });
    }
};

console_helper.ts

import { browser } from 'protractor';

export let checkConsole = () => {
    browser.manage().logs().get('browser').then((browserLog: any) => {
        // this also fails to print the error message
        console.log("browserLog", browserLog);
   });
}

project.ts

import { browser, element, by, ExpectedConditions } from 'protractor';
const EC = ExpectedConditions;

import { checkConsole } from "./helpers/console_helper";


afterEach(function() {
    browser.manage().logs().get('browser').then(function(browserLogs) {
        // this fails to print the error message
        console.log("browserLogs", browserLogs); 
    });
});

it("should click on the button and redirect", () => {
    browser.get('/url-it-needs');
    browser.wait(EC.urlContains('/url-it-needs'), 5000);
    let button = element(by.cssContainingText('button', 'BUTTON TEXT'));
    browser.wait(EC.visibilityOf(button), 5000);
    browser.wait(EC.elementToBeClickable(button), 5000);
    button.click();
    browser.sleep(500);  // wait for the error to be returned from the backend
    /* 
    // this will print the proper error message
   browser.manage().logs().get('browser').then(function(browserLogs) {
          console.log("browserlogs Inline", browserLogs);
     });  */

   // this times out
   browser.wait(browser.getCurrentUrl().then((url: string) => {
       console.log("URL after click", url);
       expect(url).toMatch("/properUrl");
   }, 5000);
  });

Answer 1

我们使用类似的机制在测试失败时读取控制台。我们的解决方案看起来像这样：

export function printConsole () {
    return browser.manage().logs().get('browser').then(browserLog => {
        browserLog.forEach(log => console.error(log.message));
    })
    .catch(() => console.log('Could not get browser log.'));
};

稍微修改它以实际返回日志可能是有意义的：

export function getConsole () {
    return browser.manage().logs().get('browser')
    .catch(() => console.log('Could not get browser log.'));
};

export function printConsole () {
    return getConsole.then(browserLog => {
        browserLog.forEach(log => console.error(log.message));
    });
};

这样你也可以用它来断言，即检查length === 0断言没有控制台错误。

Answer 2

每次阅读测试用例中的 browser.manage().logs() 后。日志将是空的。因此，您在 afterEach 中没有日志。

您可以尝试删除测试用例中的 browser.manage().logs() 并仅将其保留在 afterEach 中。

量角器afterEach将browser.manage（）。logs（）提取到辅助函数

2 个答案: