如何使用量角器的内部功能?

时间:2017-07-13 11:46:49

标签: angularjs node.js protractor

我在网页上有一段代码:

<input value="Update" class="button" onclick="return confirmUpdate();" type="submit">

如何访问此&#34; confirmUpdate()&#34;单击此按钮后的功能?

量角器的代码如下所示:

  it('should choose and install CrossVista package', function() {
    browser.get(`http://${serverAddress}/web/CVCM/login.do`);
    element(by.name('company_name')).$('[value="SOMECOMPANY"]').click();
    element(by.name('license_key')).$('[value="asfgastgasgf"]').click();
    element(by.value('Update')).click();
  });

但我不知道如何访问&#34; OK&#34;运行confirmUpdate()函数后弹出的小弹出窗口中的按钮...

我没有这方面的经验,对我来说是全新的东西,但我只需要点击几下自动...所以我甚至不知道我应该提供哪些信息以扩大主题......

1 个答案:

答案 0 :(得分:0)

要点击“确定”按钮或与网页上的任何类型的字段进行互动,您应该打开HTML代码。

如果您使用的是Chrome,则可以在所需元素上右键单击,然后点击检查。这将拉出网页HTML中的对象。

然后看看你如何引用元素。一些例子:

<div id="okBtn"> </div> - &gt; element(by.id('okBtn')).click();

<div class="acceptButtons"> </div> - &gt; element(by.css('.acceptButtons')).click();

此处列出了取决于结构的更多方式:http://timothymartin.azurewebsites.net/protractor-cheat-sheet/

如果您看不到任何内容非常有用,右键单击对象(在HTML区域中)并点击复制Xpath

然后你可以使用element(by.xpath('PASTE IT HERE')).click();