使用量角器測試Chart.js畫布

我對量角器相當陌生，所以很抱歉，如果這是一個愚蠢的問題。我正在研究測試應用程序，並需要測試Chart.js圖表中的值。使用量角器測試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>

在此先感謝。

來源

2016-01-13 Evan Burbidge

量角器可以獲取畫布的屬性，但不能訪問其中創建的對象。但這取決於你想要做什麼。帆布測試的策略可能包括image diffs和string diffs，並且通常用make use of browser.actions來操縱它們。

來源

2016-01-13 14:18:14 Brine

嗨我會尋找返回存儲在它裏面的字符的值。 –

啊......我誤解了你的問題。不，您無法訪問畫布內的元素。我更新了我的答案。但是我列出的測試策略可能會幫助您找到一種測試此限制的方法。 – Brine

我想你可能會得到canvas上下文中evaluating的底層圖表數據。例如：

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

來源

2016-01-13 23:24:42 alecxe

不錯！這對我有用，謝謝你！ – vict

好的Alecxe .... – Brine

使用量角器測試Chart.js畫布

回答

相關問題