canvas 上的量角器 clickanddrug

Question

我需要在 canvas 上自动签名。当我使用 Cucumber 时，我使用 canvas.click_and_drop_by，现在当我尝试使用量角器执行它时，我读到我必须使用动作序列。如果我使用的是页面对象，我该怎么做？

这是 canvas:

<canvas class="pad float-left" height="100" width="290" title=""></canvas>

这是页面对象：

function MyPage() {
    this.firstSignature = element(by.css('.pad')[0]);

    this.sign = function() {
        var offset = {x:30, y:30};
        browser.actions().
            mousemove(this.firstSignature, offset).
            mousedown().
            mousemove(45,45).
            mouseup().
            performAction();
    };
}

module.exports = MyPage;

我怎样才能让这个拖动工作？

Answer 1

有一个特殊的dragAndDrop()方法：

browser.actions().dragAndDrop(this.firstSignature, {x: 45, y: 45}).perform();

canvas 上的量角器 clickanddrug

protractor clickanddrug on canvas

drag-and-drop

canvas

pageobjects

protractor