Javascript 如何使用量角器在画布上的特定位置执行单击事件
我在这个问题上被困了很长时间,我不知道该怎么做 我正在尝试自动生成一个地图应用程序,其中包含位置和地点。当您单击特定位置时,它将打开有关位置或地点的详细信息。地图有一个画布,HTML代码如下所示:Javascript 如何使用量角器在画布上的特定位置执行单击事件,javascript,angularjs,node.js,protractor,Javascript,Angularjs,Node.js,Protractor,我在这个问题上被困了很长时间,我不知道该怎么做 我正在尝试自动生成一个地图应用程序,其中包含位置和地点。当您单击特定位置时,它将打开有关位置或地点的详细信息。地图有一个画布,HTML代码如下所示: <canvas width="642" height="741" oncontextmenu="return false;" type="layer" class="tmc" style="user-select: none; left: 0px; top: 0px; position: abs
<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>
但是有些我怎么也不能达到渴望的结果。请帮忙
另外,请在UI屏幕截图下方找到附件 我能理解尝试自动化基于
画布的应用程序的痛苦,HTML中没有任何内容,完整的地图直接从浏览器中的canvas元素呈现。甚至谷歌地图也有同样的表现。HTML中只有canvas
元素,与页面交互的唯一方法是使用量角器的
你可以试试这样的。这在GMAP上对我很有效
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();
});
});
可能重复的
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();
});
});