Jeśli mam następujące HTML:Używanie selektorów CSS do uzyskania dostępu do określonych wierszy tabeli z selenem
<tbody id="items">
<tr><td>Item 1</td></tr>
<tr><td>Item 2</td></tr>
<tr><td>Item 3</td></tr>
<tr><td>Item 4</td></tr>
<tr><td>Item 5</td></tr>
<tr><td>Item 6</td></tr>
</tbody>
Jak chciałbym używać selektorów CSS z selenem dostęp do punktu 4 (lub naprawdę każdy element chciałem)?
Można użyć selektora nth-child:
#items tr:nth-child(4) {color:#F00;}
żywo przykład: http://jsfiddle.net/Flack/G8QPB/
ale nie ma pojęcia, czy to działa z selenem.
Ale według dokumentów powinna.
Obecnie lokalizator selektor CSS obsługuje wszystkie CSS1, CSS2 i CSS3 selektorów oprócz nazw w CSS3, niektóre klasy pseudo (: nth-of-type,: nth-last-of-type, first-of-type ,: last-of-type,: only-of-type,: visited,: hover,: active,: focus,: noteterminate) i pseudoelementy (:: first-line, :: first-letter, :: selection, ::przed po).
Czy chcesz wybrać według treści ("Element 4")? Według pozycji (4 wiersz)? Czy jest to <tr id="foo"> i wybierz jedną z opcji: tr # foo> td ?
pozycja tylko bez dodawania ny extra HTML – wierddemon
selenium.getText("css=table>tbody[id=items]>tr:nth-child(3)>td(3)");
Można użyć XPath go znaleźć w wielu różnych sposobów, ale najłatwiej jest:
//td[text()='Item 4']
można spróbować to dla wyszukiwania według dowolnego tekstu wewnętrznej
css=td:contains('Item 4')
zostało znalezione: http://saucelabs.com/blog/index.php/2010/01/selenium-totw-css-selectors-in-selenium-demystified/
Nie zbadałem tego, ale w CSS nie jest oparty na zerowaniu-nth-child()? (Rozumiem, że czwarty wiersz to ': nth: child (3)', choć zdecydowanie mógłbym być całkowicie błędny.) –
Cóż, przykład na żywo działa poprawnie. – Flack
http://www.w3.org/TR/css3-selectors/#nth-child-pseudo "Indeks pierwszego elementu potomnego elementu to 1". – Flack