zoukankan      html  css  js  c++  java
  • [Protractor] Protractor Interactive with elementor

    Install:

    npm install -g elementor

    Then run:

    webdriver-manager start

    Lets say if we want to test 'http://angular.github.io/protractor/#/api' page:

    elementor http://angular.github.io/protractor/#/api

    Notice: close the chrome debug tool first! Otherwise protractor cannot run!

    • When the page open, right click the tab, choose duplicate!
    • Choose the second tab, open the chrome debugger tool
    • In debugger tool, in elements tab, inspet one element, see the protractor tab:

    The number "1" you see here indicate that there is only 1 element match hte locators. 

    Let's select:

    by.css("#searchInput")
    • Go to the first window, click the extension tool:

    • Type what you want in the search input:

    Then you can find the element you want.

    • You can use 'sendKeys()' function to trigger seach:
    element.all(by.css("#searchInput")).sendKeys("filter")

    • You can use 'clear()' function to clean the input:
    element.all(by.css("#searchInput")).clear()

    ---------------------------------

    You can also use webstorm plugin for testing. Install the 'elementor' plugin.

    When imaging you are doing some unit testing.

    You can select the code you want, right click, in the pop menu select 'Test selected locator'.

  • 相关阅读:
    Html5结构相关元素
    html5文本元素
    html5全局属性
    元数据元素总结
    千里之行,始于足下
    换个角度思考
    java的权限修饰符
    四则运算
    测量软件使用感受
    JQuery高级
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5199698.html
Copyright © 2011-2022 走看看