重複の可能性:
HTML キャンバスの単体テスト
関数が HTML5 キャンバスにいくつかの線を正しく描画したかどうかを判断するために、単体テスト (Jasmine を使用) を作成したいと考えています。以下は、テスト対象のコードの単純化されたバージョンです。
var plotter = {};
plotter.draw = function(input) {
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
context.beginPath();
context.lineWidth = 5;
context.moveTo(input.startX, input.startY);
context.lineTo(input.endX, input.endY);
context.stroke();
return canvas;
};
キャンバスを検査して、描画機能が正しく機能していることを確認するにはどうすればよいですか? 出来ますか?そうでない場合は、キャンバスとともにいくつかのメタデータを返し、メタデータを検査する方がよいでしょうか?