selenium 进阶一： CSS SELECTOR

selenium 进阶1： CSS SELECTOR

selenium 不如JQUERY对CSS支持的那么好一直是我心中的痛。

比如：找到页面中，找到一组 <a>, 然后再找到[2].parent()这个dom, jQuery得心应手，selenium 之前则只能借助于晦涩难懂的 xpath.? >_<

而 selenium 大牛们都是推荐 CSS selector的。所以。。。我找了一下解决方案，发现selenium 虽然使用了sizzle (https://github.com/jquery/sizzle/wiki/Sizzle-Home) ，但是对某些selector还是不支持的，下面就是“不支持”的列表：

根据这个文章，

http://marakana.com/bookshelf/selenium_tutorial/locators.html

6.7.?CSS

The CSS locator strategy uses CSS selectors to find the elements in the page. Selenium supports CSS 1 through 3 selectors syntax excepted CSS3 namespaces and the following:

pseudo-classespseudo-elements

:nth-of-type

::first-line

:nth-last-of-type

::first-letter

:first-of-type

::selection

:last-of-type

::before

:only-of-type

::after

:visited

:hover

:active

:focus

:indeterminate

• css=div[id="pancakes"] > button[value="Blueberry"] selects the button with its value property set at Blueberry if children of the pancakes div

  PROS:

  • Much faster than XPath
  • Widely used
  • Provides a good balance between structure and attributes
  • Allows for selection of elements by their surrounding context

    CONS:

    • They tend to be more complex and require a steeper learning curve