AngularJS Protractor:无头模式下随机失败(Firefox)

Question

这是我的conf文件。

exports.config = {
rootElement: '[ng-app="myapp"]',
framework: 'jasmine',
seleniumAddress: 'http://localhost:4444/wd/hub',
specs: ['./web/assets/e2e/**/*protractor.js'],
SELENIUM_PROMISE_MANAGER: false,
baseUrl: 'https://localhost',
capabilities: {
browserName: 'firefox',
marionette: true,
acceptInsecureCerts: true,
'moz:firefoxOptions': {
args: ['--headless'],
},
}
}

因此，使用此配置，我的测试随机失败，出现以下错误

Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.

但是！当我评论出以下行

'moz:firefoxOptions': {
args: ['--headless'],
},

它代表无头模式，并观察firefox是如何运行我的测试的——测试永远不会失败，只需少花3次时间。

下面是一个测试的例子，由于我上面提到的错误，测试失败了几次。

it('- should test add button open a form', async () => {
await ClientListPageDriver.openAddClientForm();
await FormDriver.toBeShown('Add New Client');
await FormDriver.pressClose();
});

以下是我参考的驱动程序的方法

this.openAddClientForm = async () => {
const button = await $('button[ng-click="$ctrl.addClient()"]');
await button.click();
};
this.toBeShown = async (title) => {
const modalElement = await $('#form').element(by.cssContainingText('.form-header h2', title))
const awaitSeconds = 6;
return await browser.wait(
protractor.ExpectedConditions.presenceOf(modalElement),
awaitSeconds * 1000,
`Form should be shown within ${awaitSeconds} sec`,
);
};
this.pressClose = async () => {
const button = await $('button[ng-click="$ctrl.closeForm()"]');
await button.click();
};

我的问题是——我做错了什么，我可能错过了什么，如何解决？谢谢

Answer 1

将以下代码添加到您的配置中

allScriptsTimeout: 20000,
jasmineNodeOpts: {
defaultTimeoutInterval: 100000
}

根据测试执行时间调整超时间隔。参考https://www.theoldschoolhouse.com/reviews_client/node_modules/protractor/docs/timeouts.md更多信息

希望它能帮助你