如何使用量角器在畫布上的特定位置執行點擊事件

Question

我在這個問題上停留了很長時間，我不知道該怎麼去做。

我試圖自動地圖應用程序的位置和位置。當你點擊特定位置時，它將打開有關位置或地點的詳細信息。有供圖畫布和HTML代碼如下所示：

<canvas width="642" height="741" oncontextmenu="return false;" type="layer" class="tmc" style="user-select: none; left: 0px; top: 0px; position: absolute; width: 642px; height: 741px;"></canvas> 

這畫布基本上是一個地圖，我想在其中有一些數據的特定位置進行鼠標點擊事件。

我不click事件看起來是這樣的

browser.sleep(10000).then(function() { 
      var canvas = element(by.xpath("xpath")); 

      canvas.click(); 

     }); 

但一些如何我無法實現的願望的結果。請幫助

另請參閱下面附加的用戶界面截圖。

Answer 1

我可以體會到試圖自動化基於canvas的應用程序的痛苦，並且HTML中沒有任何內容，並且完整的Map直接從瀏覽器中的canvas元素呈現。即使谷歌地圖也表現相同。在HTML中只有canvas元素，並且與頁面交互的唯一方法是使用量角器的actions API

您可以嘗試類似這樣的操作。這在gMaps上適用於我。

describe('Describe something', function() { 
    it('check check', function() { 
     browser.driver.get('https://www.google.co.in/maps/place/Hyderabad,+Telangana/data=!4m2!3m1!1s0x3bcb99daeaebd2c7:0xae93b78392bafbc2?sa=X&ved=0ahUKEwiMosHAy9rSAhVCt48KHYP5DBMQ8gEIgQEwDQ') 
     browser.driver.actions(). 
     // Move mouse to a particular position 
     mouseMove({x: 636, y: 292}). 
     // Click or hoverOver on the location 
     doubleClick(). 
     perform(); 
    }); 
});