Nhấp vào tọa độ nhất định của phần tử trong thước đo

Question

Tôi muốn bấm vào một địa điểm cụ thể của nguyên tố canvas tôi, vì vậy tôi đã viết mã thước đo sau:

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

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

toRight/toBottom là số lượng pixel nơi nhấp chuột nên được thực hiện, tương đối góc trên cùng bên trái của canvas của tôi.

Tuy nhiên, nhấp chuột dường như không được thực hiện tại các tọa độ nhất định. Tôi đã nhận đoạn mã từ số related question về Đảm bảo chất lượng phần mềm & Trao đổi ngăn xếp thử nghiệm.

Bạn có thể xác nhận rằng đoạn mã này hoạt động không?
Bạn có thể đề xuất các giải pháp thay thế không?

Answer 1

bạn bỏ lỡ .perform()

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

tôi sử dụng này một vài lần trong các thử nghiệm của tôi và xác nhận công trình này

Answer 2

tôi đã thực hiện công việc này, đi qua một đối tượng đại diện cho phối hợp như Lập luận thứ hai của mouseMove:

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

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

Answer 3

trong trường hợp này, bạn đã bỏ lỡ perform() gọi:

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

Đây là một trong những sai lầm phổ biến khi viết kiểm tra e2e trong Thước đo góc/WebDriverJS.

Để ngăn chặn các lỗi này xảy ra, có một plugin eslint-plugin-protractor-ESLint rằng would warn you nếu perform() đã không kêu gọi browser.actions() chuỗi.