Htykuut

I am working on a GWT Application (similar to Paint). In this, I have an HTML5 Canvas in which there is a functionality that scrolling a mousewheel up and down will zoom in and out of the canvas.

I have searched a lot but didn't find a workaround to fix this issue. Here's what did:

int PosX = 0;

int PosY = 10;

JavascriptExecutor executor = (JavascriptExecutor) getDriver();

String script = "document.getElementById('frontCanvas').scrollBy("

                                + PosX + "," + PosY + ")";

executor.executeScript(script); 



WebDriverWait wait = new WebDriverWait(getDriver(), 20);

wait.until(ExpectedConditions.javaScriptThrowsNoExceptions(script));

Now, this above code is working for another Angular application in which I am scrolling up and down a div element (which has a scrollbar) but it is not working on my canvas (which doesn't have a scrollbar) in the GWT application.

I am using Selenium 3.14.0 and run this code on the Chrome browser.
Can anyone suggest what can be done to fix this issue?

This will scroll specific in the current page using JS

JavascriptExecutor executor = (JavascriptExecutor) getDriver();

executor.executeScript("window.scrollBy(" + start + "," + end + ")");

else you can Scroll until a WebElement is found example:

WebElement x;

JavascriptExecutor executor = (JavascriptExecutor) getDriver();

getJs().executeScript("arguments[0].scrollIntoView();", x);

Thanks,