使用 Protractor 测试 Chart.js 画布 [英] Test a Chart.js canvas with Protractor

问题描述

我对量角器还很陌生，如果这是一个愚蠢的问题，我很抱歉.我正在研究测试应用程序并需要测试 Chart.js 图表中的值.

I'm fairly new to protractor so sorry if this is a stupid question. I'm looking into testing an application and need test the values inside a Chart.js graph.

有没有人知道如何让我的量角器程序查看画布内部.

Has anyone got any ideas on how to get my protractor program to look inside the canvas.

这是 HTML 格式的画布输出.

This is the canvas output in HTML.

<canvas id="test" 
        class="chart chart-line ng-isolate-scope" 
        data="test.data" 
        labels="test.labels" 
        series="test.series" 
        legend="true" 
        options="test.options" 
        colours="test.colours" 
        width="1816" 
        height="800" 
        style="width: 908px; 
        height: 400px;">
</canvas>

提前致谢.

推荐答案

Protractor 可以获取画布的属性，但无法访问其中创建的对象.但这取决于您要做什么.画布测试策略可能包括 图像差异 和 字符串差异，通常是 利用 browser.actions 来操作它们.

Protractor can get attributes of the canvas, but it can't access object created within it. But it depends what you're looking to do. Strategies for canvas testing might include image diffs, and string diffs, and often make use of browser.actions for manipulating them.

这篇关于使用 Protractor 测试 Chart.js 画布的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！