[英]Chart.js - printing a webpage containing Chart.js canvas prints out hundreds of blank pages
[英]Angular protractor tests timeout on pages containing Chart.js
我的问题是,通过简单地将 Chart.js 组件添加到我的 html 中,它会破坏我以前工作的组件量角器测试。 它似乎在等待Protractor.waitForAngular() - 并且永远不会返回。 在视觉上,我几乎可以立即看到图表呈现 - 所以没问题。
我的期望是 e2e 测试像往常一样通过 - 没有任何改变影响测试的运行 - 除非新的“等待图” - 这是这个问题的基础。
量角器.conf.js:
const {SpecReporter} = require('jasmine-spec-reporter');
exports.config = {
allScriptsTimeout: 11000,
specs: [
'./src/**/*.e2e-spec.ts',
],
capabilities: {
'browserName': 'chrome',
chromeOptions: {
args: ['--window-size=1280,800'],
}
},
directConnect: true,
baseUrl: 'http://rubytoo.local:4202/',
framework: 'jasmine',
jasmineNodeOpts: {
showColors: true,
defaultTimeoutInterval: 30000,
print: function () {
}
},
// SELENIUM_PROMISE_MANAGER: false,
onPrepare() {
require('ts-node').register({
project: require('path').join(__dirname, './tsconfig.e2e.json')
});
jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
}
};
我的组件:
<canvas id="{{data.id}}" width="{{data.width}}" height="{{data.height}}"></canvas>
我的 e2e 测试:
it('should display menu bar', () => {
expect(browser.getCurrentUrl()).toEqual(`${URL}/admin/dashboard`);
});
结果:
✗ should display submenu options
- Expected false to be truthy.
at /home/bruce/Projects/bwh-online/ruby/rubytoo-angular/e2e/src/admin.e2e-spec.ts:25:67
at step (/home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/tslib/tslib.js:141:27)
at Object.next (/home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/tslib/tslib.js:122:57)
at /home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/tslib/tslib.js:115:75
at new Promise (<anonymous>)
at Object.__awaiter (/home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/tslib/tslib.js:111:16)
at UserContext.<anonymous> (/home/bruce/Projects/bwh-online/ruby/rubytoo-angular/e2e/src/admin.e2e-spec.ts:24:42)
at /home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/jasminewd2/index.js:112:25
at new ManagedPromise (/home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/selenium-webdriver/lib/promise.js:1077:7)
- Failed: script timeout
(Session info: chrome=84.0.4147.105)
(Driver info: chromedriver=84.0.4147.30 (48b3e868b4cc0aa7e8149519690b6f6949e110a8-refs/branch-heads/4147@{#310}),platform=Linux 5.0.0-32-generic x86_64)
(Session info: chrome=84.0.4147.105)
(Driver info: chromedriver=84.0.4147.30 (48b3e868b4cc0aa7e8149519690b6f6949e110a8-refs/branch-heads/4147@{#310}),platform=Linux 5.0.0-32-generic x86_64)
at Object.checkLegacyResponse (/home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/selenium-webdriver/lib/error.js:546:15)
at parseHttpResponse (/home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/selenium-webdriver/lib/http.js:509:13)
at doSend.then.response (/home/bruce/Projects/bwh-online/ruby/rubytoo-angular/node_modules/selenium-webdriver/lib/http.js:441:30)
at process._tickCallback (internal/process/next_tick.js:68:7)
From: Task: Protractor.waitForAngular() - Locator: By(link text, Administration)
在添加 Chart.js 组件以告诉测试/Angular/Protractor 图表已完成渲染时,我需要做什么额外的事情吗?
我需要将以下两行添加到 e2e 测试中。 我还不太确定它为什么有效,但确实如此。 ignoreSynchronization似乎也被弃用了,所以也要注意这一点。
it('should display menu bar', () => {
browser.sleep(5000); //added
browser.ignoreSynchronization = true; //added
expect(browser.getCurrentUrl()).toEqual(`${URL}/admin/dashboard`);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.