Cliccando su determinate coordinate di elemento a goniometro

Question

voglio di fare clic su una posizione specifica del mio elemento canvas, così ho scritto il seguente codice goniometro:

var canvas = element(by.id("canvas")); 

var clickCanvas = function(toRight, toBottom) { 
    browser.actions() 
    .mouseMove(canvas, -toRight, -toBottom) 
    .click(); 
} 

toRight/toBottom sono il numero di pixel in cui il clic dovrebbe essere fatto, relativo all'angolo in alto a sinistra della mia tela.

Tuttavia, il clic non sembra essere eseguito alle coordinate date. Ho ottenuto lo snippet da uno related question sullo strumento di verifica della qualità del software &.

Puoi confermare che questo frammento di lavoro funziona?
Potete suggerire alternative?

Answer 1

ti sei perso .Effettuare()

browser.actions().mouseMove(canvas, -toRight, -toBottom).click().perform();

Io uso un paio di volte nel mio test e confermare questo funziona

Answer 2

ho fatto questo lavoro, passando un oggetto che rappresenta la coordinata come il secondo argomento di mouseMove:

var canvas = element(by.id("canvas")); 

var clickCanvas = function (toRight, toBottom) { 
    browser.actions() 
     .mouseMove(canvas, {x: toRight, y: toBottom}) 
     .click() 
     .perform(); 
}; 

Answer 3

In questo caso, si hanno perso il perform() chiamano:

browser.actions() 
    .mouseMove(canvas, -toRight, -toBottom) 
    .click(); // < no .perform() HERE 

Questo è uno degli errori più comuni quando si scrive test E2E in Goniometro/WebDriverJS.

Per evitare questi errori si ripetano, esiste un plugin eslint-plugin-protractor-ESLint che would warn you se perform() non è stato chiamato sul browser.actions() catena.