Geb 之书

import geb.Browser

Browser.drive {
    go "http://gebish.org"

    assert title == "Geb - Very Groovy Browser Automation" (1)

    $("div.menu a.manuals").click() (2)
    waitFor { !$("#manuals-menu").hasClass("animating") } (3)

    $("#manuals-menu a")[0].click() (4)

    assert title.startsWith("The Book Of Geb") (5)
}

import geb.Module
import geb.Page

class ManualsMenuModule extends Module { (1)
    static content = { (2)
        toggle { $("div.menu a.manuals") }
        linksContainer { $("#manuals-menu") }
        links { linksContainer.find("a") } (3)
    }

    void open() { (4)
        toggle.click()
        waitFor { !linksContainer.hasClass("animating") }
    }
}

class GebHomePage extends Page {
    static url = "http://gebish.org" (5)

    static at = { title == "Geb - Very Groovy Browser Automation" } (6)

    static content = {
        manualsMenu { module(ManualsMenuModule) } (7)
    }
}

class TheBookOfGebPage extends Page {
    static at = { title.startsWith("The Book Of Geb") }
}

import geb.Browser

Browser.drive {
    to GebHomePage (1)

    manualsMenu.open()

    manualsMenu.links[0].click()

    at TheBookOfGebPage
}

import geb.spock.GebSpec

class GebHomepageSpec extends GebSpec {

    def "can access The Book of Geb via homepage"() {
        given:
        to GebHomePage

        when:
        manualsMenu.open()
        manualsMenu.links[0].click()

        then:
        at TheBookOfGebPage
    }

}

class SignupPage extends Page {
    static url = "signup"
}

Browser.drive {
    to SignupPage
    assert $("h1").text() == "Signup Page"
    assert page instanceof SignupPage
}

import geb.Page
import geb.spock.GebSpec

class GoogleHomePage extends Page {
    static url = "http://www.google.com"
}

class GoogleSpec extends GebSpec {

    def "go method does NOT set the page"() {
        given:
        Page oldPage = page

        when:
        go "http://www.google.com"

        then:
        oldPage == page
        currentUrl.contains "google"
    }

    def "to method does set the page and change the current url"() {
        given:
        Page oldPage = page

        when:
        to GoogleHomePage

        then:
        oldPage != page
        currentUrl.contains "google"
    }

}

Browser.drive {
    go() (1)

    go "signup" (2)

    go "signup", param1: "value1", param2: "value2" (3)
}

<a href="http://www.gebish.org" target="myWindow">Geb</a>

Browser.drive {
    go()
    $("a").click()
    withWindow("myWindow") {
        assert title == "Geb - Very Groovy Browser Automation"
    }
}

<a href="http://www.gebish.org" target="_blank">Geb</a>

Browser.drive {
    go()
    $("a").click()
    withWindow({ title == "Geb - Very Groovy Browser Automation" }) {
        assert $(".slogan").text().startsWith("Very Groovy browser automation.")
    }
}

<a href="http://www.gebish.org" target="_blank">Geb</a>

Browser.drive {
    go()
    withNewWindow({ $('a').click() }) {
        assert title == 'Geb - Very Groovy Browser Automation'
    }
}

$('div.some-class p:first-child[title^="someth"]')

$(By.id("some-id"))
$(By.className("some-class"))
$(By.xpath('//p[@class="xpath"]'))

$("div", dynamic: true)

<div id="app">
    <ul>
        <li v-for="(berry,index) in berries" :key="`${berry}-${index}`">
            <button v-if="index != 0" v-on:click="swapWithNext(index - 1)">⇑</button>
            <button v-if="index != berries.length - 1" v-on:click="swapWithNext(index)">⇓</button>
            <span>{{ berry }}</span>
        </li>
    </ul>
</div>

var app = new Vue({
    el: '#app',
    data: {
        berries: [
            'strawberry',
            'raspberry',
            'blueberry',
            'cranberry'
        ]
    },
    methods: {
        swapWithNext: function(index) {
            this.berries.splice(index, 2, this.berries[index + 1], this.berries[index])
        }
    }
});

class ListItem extends Module {
    static content = {
        textElement { $("span") }
        upButton { $("button", text: "⇑") }
    }

    void moveUpBy(int count) {
        count.times { upButton.click() }
    }

    @Override
    String text() {
        textElement.text()
    }
}

static content = {
    item { text -> $("li", text: endsWith(text)).module(ListItem) }
}

item("blueberry").moveUpBy(2)

class PageWithListHandlingRerenders extends Page {
    static content = {
        items { $("li").moduleList(ListItem) }
        item { text -> $("li", text: endsWith(text), dynamic: true).module(ListItem) }
    }
}

to PageWithListHandlingRerenders
item("blueberry").moveUpBy(2)

assert items*.text() == ["blueberry", "strawberry", "raspberry", "cranberry"]

<p>a</p>
<p>b</p>
<p>c</p>

assert $("p", 0).text() == "a"
assert $("p", 2).text() == "c"
assert $("p", 0..1)*.text() == ["a", "b"]
assert $("p", 1..2)*.text() == ["b", "c"]

<p>1</p>
<p>2</p>

assert $("p").max { it.text() }.text() == "2"

assert $("p")*.text().max() == "2"

import geb.Browser
import geb.navigator.Navigator
import geb.navigator.event.NavigatorEventListenerSupport

navigatorEventListener = new NavigatorEventListenerSupport() {
    void afterClick(Browser browser, Navigator navigator) {
        println "${navigator*.tag()} was clicked"
    }
}

<p class="a"></p>
<p class="b"></p>

assert $("div") == $(".foo") (1)
assert $(".a") == $(".a") (2)
assert $(".a") == $("p").not(".b") (3)
assert $("p") == $("p") (4)
assert $("p") == $(".a").add(".b") (5)

assert $("div") != $("p") (1)
assert $(".a") != $(".b") (2)
assert $(".a").add(".b") != $(".b").add(".a") (3)

import org.openqa.selenium.Keys

$("input") << Keys.chord(Keys.CONTROL, "c")

<form>
    <select name="artist">
        <option value="1">Ima Robot</option>
        <option value="2">Edward Sharpe and the Magnetic Zeros</option>
        <option value="3">Alexander</option>
    </select>
</form>

$("form").artist = "1" (1)
$("form").artist = 2 (2)
$("form").artist = "Alexander" (3)

<form>
    <select name="genres" multiple>
        <option value="1">Alt folk</option>
        <option value="2">Chiptunes</option>
        <option value="3">Electroclash</option>
        <option value="4">G-Funk</option>
        <option value="5">Hair metal</option>
    </select>
</form>

$("form").genres = ["2", "3"] (1)
$("form").genres = [1, 4, 5] (2)
$("form").genres = ["Alt folk", "Hair metal"] (3)
$("form").genres = [] (4)

<form>
    <input type="checkbox" name="pet" value="dog" />
</form>

$("form").pet = true

<form>
    <input type="checkbox" name="pet" value="dog" checked/>
</form>

assert $("input", name: "pet").value() == "dog"
assert $("form").pet == "dog"

<form>
    <input type="checkbox" name="pet" value="dog"/>
</form>

assert $("input", name: 'pet').value() == null
assert $("form").pet == null

<form>
    <input type="checkbox" name="checkedByDefault" value="checkedByDefaulValue" checked/>
    <input type="checkbox" name="uncheckedByDefault" value="uncheckedByDefaulValue"/>
</form>

assert $("form").checkedByDefault
assert !$("form").uncheckedByDefault

<form>
    <label for="dog-checkbox">Canis familiaris</label>
    <input type="checkbox" name="pet" value="dog" id="dog-checkbox"/>
    <label for="cat-checkbox">Felis catus</label>
    <input type="checkbox" name="pet" value="cat" id="cat-checkbox" />
    <label for="lizard-checkbox">Lacerta</label>
    <input type="checkbox" name="pet" value="lizard" id="lizard-checkbox" />
</form>

$("form").pet = "dog"
$("form").pet = "Canis familiaris"

$("form").pet = ["dog", "lizard"]
$("form").pet = ["Canis familiaris", "Lacerta"]

<form>
    <input type="checkbox" name="pet" value="dog" checked/>
    <input type="checkbox" name="pet" value="cat" />
</form>

assert $("input", name: "pet", value: "dog").value()
assert !$("input", name: "pet", value: "cat").value()

<form>
    <label for="site-current">Search this site</label>
    <input type="radio" id="site-current" name="site" value="current">

    <label>Search Google
        <input type="radio" name="site" value="google">
    </label>
</form>

$("form").site = "current"
assert $("form").site == "current"
$("form").site = "google"
assert $("form").site == "google"

$("form").site = "Search this site"
assert $("form").site == "current"
$("form").site = "Search Google"
assert $("form").site == "google"

<form>
    <input type="text" name="language"/>
    <input type="text" name="description"/>
</form>

$("form").language = "gro"
$("form").description = "Optionally statically typed dynamic lang"
assert $("form").language == "gro"
assert $("form").description == "Optionally statically typed dynamic lang"

$("form").language() << "ovy"
$("form").description() << "uage"
assert $("form").language == "groovy"
assert $("form").description == "Optionally statically typed dynamic language"

import org.openqa.selenium.Keys

$("form").language() << Keys.BACK_SPACE
assert $("form").language == "groov"

<input type="file" name="csvFile"/>

$("form").csvFile = uploadedFile.absolutePath

WebElement singleElement()
WebElement firstElement()
WebElement lastElement()
Collection<WebElement> allElements()

def actions = new Actions(driver)

WebElement someItem = $("li.clicky").firstElement()
def shiftClick = actions.keyDown(Keys.SHIFT).click(someItem).keyUp(Keys.SHIFT).build()

shiftClick.perform()

interact {
    keyDown Keys.SHIFT
    click $("li.clicky")
    keyUp Keys.SHIFT
}

interact {
    keyDown Keys.SHIFT
    actions.click($("li.clicky").singleElement())
    keyUp Keys.SHIFT
}

«name»(«options map») { «definition» }

theDiv(cache: false, required: false) { $("div", id: "a") }