selenium - 如何使用 selenium webdriver 在 Canvas 上移动鼠标进行绘制

Question

我想在 Canvas 元素上自动绘制。我已经写了一个测试用例并且它通过了。

但是在我的代码中，我编写了选择绘图工具并在 Canvas 上绘制一条简单线条的函数。最后选择了绘图工具但未绘制线。
下面是代码——

public void DrawLine() {    
wait.until(ExpectedConditions.elementToBeClickable(anotate_draw));    
    action.click(anotate_draw).perform();     
    action.clickAndHold(canvas_page1)
    .moveByOffset(420, 280)    
    .moveByOffset(550,300)  
    .release().build().perform();
}

Answer 1

您可能自己已经回答了这个问题。但这也可能对您有用:

WebElement element = driver.findElement(By.xpath("Your xPath")); // where your canvas element is 

    Actions builder = new Actions(driver);
    Action drawAction = builder.moveToElement(element,50,50)  // start point
                 .click()
                 .moveByOffset(100, 60) // second point
                 .doubleClick()
                 .build();
       drawAction.perform();