Html5 canvas 如何使用量角器悬停在画布元素的某个区域上

Html5 canvas 如何使用量角器悬停在画布元素的某个区域上,html5-canvas,protractor,end-to-end,Html5 Canvas,Protractor,End To End,我有一个圆图,像这样: 如果将鼠标悬停在不同的颜色上,颜色和文字会发生变化,如下所示: 该图表是用JavaScript构建的。它由一个用数据填充的元素组成 现在我想用量角器为它写一个端到端的测试。有办法做到这一点吗 这是元素的代码,如第页所示: <canvas width="183" height="183" style="width: 183px; height: 183px;"></canvas> 可以使用mouseMove悬停元素。它有一个可选的偏移参数,可用

我有一个圆图,像这样:

如果将鼠标悬停在不同的颜色上,颜色和文字会发生变化,如下所示:

该图表是用JavaScript构建的。它由一个用数据填充的
元素组成

现在我想用量角器为它写一个端到端的测试。有办法做到这一点吗

这是
元素的代码,如第页所示:

<canvas width="183" height="183" style="width: 183px; height: 183px;"></canvas>

可以使用
mouseMove
悬停元素。它有一个可选的偏移参数,可用于精确控制元素的悬停区域:

browser.actions()
    .mouseMove(Backoffice.doughnutChart, {x: 100, y: 100})
    .perform();
browser.actions()
    .mouseMove(Backoffice.doughnutChart, {x: 100, y: 100})
    .perform();