Angular 每次提取browser.manage（）后的量角器。将（）记录到助手函数

我的总体目标是将browser.manage（）.logs（）提取到助手函数中。通过在测试中每次调用

后在
中包含
browser.manage（）.logs（）
功能，我正朝着这个目标迈进

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

browser.manage（）.logs（）的内联版本将打印错误。每次之后的
和
检查控制台都不会打印日志

我需要做什么来修复此问题？

内联
浏览器.manage（）.logs（）
是否正在检索错误并擦除日志？我尝试过将它们全部注释掉的各种组合，唯一有效的是内联版本

我还配置了
量角器屏幕快照插件
，它生成的报告在
显示浏览器日志
按钮下显示控制台错误。这是否以某种方式抓住了错误并阻止了
browser.manage（）.logs（）
获取它

形态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);
        });
    }
};

控制台

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);
  });

当测试失败时，我们使用类似的机制来读取控制台。
我们的解决方案如下所示：

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
以断言不存在控制台错误。
每次在您阅读测试用例中的
browser.manage（）.logs（）
之后。日志将是空的。因此，在每次
之后，
中没有日志

您可以尝试删除测试用例中的
browser.manage（）.logs（）
，并仅在每次
之后将其保留在
中，ES6语法似乎是问题所在，因此将语法更改为答案语法是可行的。