量角器测试无缘无故中断:“等待异步 Angular 任务完成超时"

问题描述

我的量角器测试从上周一 (2018-03-26) 开始就坏了，我不知道为什么.他们上次工作(并成功通过)是在那之前的星期五——2018-03-23.

我该如何调试这个问题?我尝试了很多东西，但没有任何想法......

错误输出

$ npm run e2e>[email protected] pree2e C:\W\cp\myproj\myproj.SPA>webdriver-manager update --standalone false --gecko false[12:54:20] I/update - chromedriver: 文件存在 C:\W\cp\myproj\myproj.SPA\node_modules\protractor\node_modules\webdriver-manager\selenium\chromedriver_2.37.zip[12:54:20] I/更新 - chromedriver:解压 chromedriver_2.37.zip[12:54:21] I/update - chromedriver: chromedriver_2.37.exe 是最新的>[email protected] e2e C:\W\cp\myproj\myproj.SPA>量角器(节点:13492)[DEP0022] 弃用警告:不推荐使用 os.tmpDir().使用 os.tmpdir() 代替.[12:54:27] I/launcher - 运行 1 个 WebDriver 实例[12:54:27] I/direct - 直接使用 ChromeDriver...DevTools 监听 ws://127.0.0.1:12867/devtools/browser/b73e368c-ac7f-407a-890d-24fbb6f0c4c9[11912:8644:0404/125435.389:ERROR:shader_disk_cache.cc(238)] 未能创建着色器缓存条目:-2[11912:8644:0404/125435.390:ERROR:shader_disk_cache.cc(238)] 未能创建着色器缓存条目:-2[11912:8644:0404/125435.390:ERROR:shader_disk_cache.cc(238)] 未能创建着色器缓存条目:-2茉莉花开始2018-04-04T12:54:40.566 [警告] http://localhost:13403/#/- WebSocket 连接到ws://localhost:13403/sockjs-node/534/0y0ajoq5/websocket"失败:WebSocket 已关闭在建立连接之前.可重用组件工作台× 用零值覆盖非零值不应擦除输入数字字段- 失败:等待异步 Angular 任务在 11 秒后完成超时.这可能是因为当前页面不是 Angular 应用程序.有关更多详细信息，请参阅常见问题解答:https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular在等待带有定位器的元素时 - Locator: By(css selector, *[id="inputNumber1"])(会话信息:chrome=64.0.3282.140)(驱动程序信息:chromedriver=2.37.540470(e522d04694c7ebea4ba8821272dbef4f9b818c91)，平台=Windows NT 6.1.7601 SP1 x86_64)在 Object.checkLegacyResponse (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\error.js:546:15)在 parseHttpResponse (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\http.js:509:13)在 doSend.then.response (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\http.js:441:30)在<匿名>在 process._tickCallback (internal/process/next_tick.js:188:7)来自:任务:Protractor.waitForAngular() - 定位器:By(css selector, *[id="inputNumber1"])在 Driver.schedule (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\webdriver.js:807:17)在 ProtractorBrowser.executeAsyncScript_ (C:\W\cp\myproj\myproj.SPA\node_modules\protractor\built\browser.js:425:28)在 angularAppRoot.then (C:\W\cp\myproj\myproj.SPA\node_modules\protractor\built\browser.js:456:33)在 ManagedPromise.invokeCallback_ (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\promise.js:1376:14)在 TaskQueue.execute_ (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\promise.js:3084:14)在 TaskQueue.executeNext_ (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\promise.js:3067:27)在 asyncRun (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\promise.js:2927:27)在 C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\promise.js:668:7在<匿名>在 process._tickCallback (internal/process/next_tick.js:188:7) 错误在 ElementArrayFinder.applyAction_ (C:\W\cp\myproj\myproj.SPA\node_modules\protractor\built\element.js:459:27)在 ElementArrayFinder.(anonymous function).args [as getAttribute] (C:\W\cp\myproj\myproj.SPA\node_modules\protractor\built\element.js:91:29)在 ElementFinder.(anonymous function).args [as getAttribute] (C:\W\cp\myproj\myproj.SPA\node_modules\protractor\built\element.js:831:22)在 Function.Page.getInputText (C:\W\cp\myproj\myproj.SPA\e2e\dom-wrappers\page.ts:75:22)在 InputNumberWrapper.get [as text] (C:\W\cp\myproj\myproj.SPA\e2e\dom-wrappers\input-number.wrapper.ts:11:21)在 UserContext.(C:\W\cp\myproj\myproj.SPA\e2e\e2e-workbench-page.e2e-spec.ts:16:43)在新的 ManagedPromise (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\promise.js:1077:7)在 ControlFlow.promise (C:\W\cp\myproj\myproj.SPA\node_modules\selenium-webdriver\lib\promise.js:2505:12)来自:任务:在控制流中运行拟合(用零值覆盖非零值不应擦除输入数字字段")从异步测试:错误(C:\W\cp\myproj\myproj.SPA\e2e\e2e-workbench-page.e2e-spec.ts:15:5)在对象(C:\W\cp\myproj\myproj.SPA\e2e\e2e-workbench-page.e2e-spec.ts:4:1)在 Module._compile (module.js:635:30)在 Module.m._compile (C:\W\cp\myproj\myproj.SPA\node_modules\ts-node\src\index.ts:392:23)在 Module._extensions..js (module.js:646:10)在 Object.require.extensions.(anonymous function) [as .ts] (C:\W\cp\myproj\myproj.SPA\node_modules\ts-node\src\index.ts:395:12)

我尝试了什么

❗ 将 webdriver-manager 降级到之前的版本(2.36 和 2.35):

webdriver-manager update --standalone false --gecko false --versions.chrome 2.36

❗检出之前通过测试的代码(由 CI 服务器证明)到另一台机器上的新 repo 克隆.

❗将谷歌Chrome浏览器降级到之前的版本Version 64.0.3282.140 (Official Build) (64-bit).

❗ 将应用中的所有 NPM 包升级到最新最好的版本(见下面的package.json).

问题仍然存在.

有趣的是，身份验证代码有效(来自 protractor.conf.js 的代码).这是后来失败的量角器代码......

源代码

e2e-workbench-page.e2e-spec.ts

import { E2EWorkbenchPageWrapper } from './dom-wrappers/e2e-workbench-page.wrapper';从'./dom-wrappers/page'导入{页面}；描述('可重用组件工作台'，函数(){让工作台页面:E2EWorkbenchPageWrapper；beforeAll(() => {workbenchPage = new E2EWorkbenchPageWrapper();workbenchPage.navigateTo();});afterEach(() => Page.standardAfterEach());fit(`用零值覆盖非零值不应擦除输入数字字段`, () => {expect(workbenchPage.inputNumber1.text).toBe('', '输入数字默认为空');workbenchPage.inputNumber1.setText('8');workbenchPage.inputNumber1.setText('0');expect(workbenchPage.inputNumber1.text).toBe('0.0000', '输入数字应该有一个正确格式的值.');});});

e2e-workbench-page.wrapper.ts

import { promise as wdpromise } from 'selenium-webdriver';import { InputNumberWrapper } from './input-number.wrapper';从'./page'导入{页面}；导出类 E2EWorkbenchPageWrapper {导航到():wdpromise.Promise{return Page.navigateToRelativeAngularRoute('e2e-workbench');}获取 inputNumber1(): InputNumberWrapper {return new InputNumberWrapper(Page.getInputById('inputNumber1'));}}

input-number.wrapper.ts

import { by, ElementFinder } from 'protractor';导入 { promise as wdpromise } from 'selenium-webdriver';从'./page'导入{页面}；导出类 InputNumberWrapper {构造函数(私有_elementFinder:ElementFinder){}获取文本():wdpromise.Promise{返回 Page.getInputText(this.inputElementFinder);}setText(text: string): wdpromise.Promise{返回 Page.setInputText(this.inputElementFinder, text);}焦点():wdpromise.Promise{返回 Page.focusOnNonButtonElement(this.inputElementFinder);}私人获取 inputElementFinder(): ElementFinder {返回 this._elementFinder.all(by.css('.form-control')).get(0);}}

执行测试的页面的 HTML

<身体><myproj-root _nghost-c0=""ng-version="4.4.6"><!-- 一些 html...--><div _ngcontent-c0=""><router-outlet _ngcontent-c0=""></router-outlet><myproj-e2e-workbench class=""><div class="row"><div class="col-md-3"><input-number class="col-md-6" id="inputNumber1"><div class="input-group has-error"><input type="text" class="form-control ng-invalid"></div></input-number>