選取元素

Geb使用的選取元素的語法，是仿JQuery Selector，有助於大家快速上手，由於這點好處，在學習怎麼控制元素時，可以使用JQuery廣大的資源。

例如：

w3schools JQuery：有許多範例，並提供線上改線上測的界面，在學習語法上非常方便。

jQuery Selector Tester

這部分中文的資料很多，我就不再細不琢磨了。

控制元素

練習完怎麼選取元素後，接下來就是操作元素了，那有哪些method可以用？這時候Navigator API文件，就是你最好的朋友。

<div id="alin" alt="alt text">
<span id="address">Taiwan</span>
</div>

// 這就是一個 Navigator Object
$('#alin')

Navigator API文件 裡列的method，就是你可以操作的動作。

以下列出常用的幾個method：

attr：取得元素特定屬性的值

assert $('#alin').attr('alt') == 'alt text'

children：取得子元素

$('#alin').children()

Navigator click(Class pageClass)：點擊元素

$('#alin').click(LoginPage)

Navigator filter(String selector)：針對以選取的元素集合，在做一次過濾

$('#alin').filter('span')

Navigator last()：取得集合的最後一個元素

$('div').last()

Navigator next()：取得下一個元素

$('div').next()

Navigator parent()：取得上一層元素

$('div').parent()

int size()：取得集合的元素數量

$('div').size()

String text()：取得元素的文字

$('div').text()

def value()：取得元素的值

$('input', name: 'email').value()

Navigator value(def value)：設定元素的值

$('input', name: 'email').value('aaa@bbb.com')