Question

我对量角器很新，所以如果这是一个愚蠢的问题，请对不起。我正在研究测试应用程序，需要测试Chart.js图中的值。

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

这是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>

提前致谢。

Answer 1

我认为您可以在canvas的上下文中通过evaluating获取基础图表数据。例如：

var canvas = element(by.css("canvas#test[data]"));
canvas.evaluate("test.data").then(function (data) {
    console.log(data);
});

Answer 2

量角器可以获取画布的属性，但它无法访问在其中创建的对象。但这取决于你想要做什么。画布测试的策略可能包括image diffs和string diffs，通常还需要make use of browser.actions来操作它们。

使用Protractor测试Chart.js画布

2 个答案: