使用Geb和Spock对网页图像进行验证

Question

我刚开始使用geb和spock，但是当我只有代码的视图源时，我试图验证网页上显示的图像。任何建议都很感激！我根据以前编写的链接测试建模了这段代码，所以我肯定我遗漏了一些东西。我的页面文件的一个示例是：

// code not included where I have defined the url/etc. Below is content

someImage { $("img", file: "image-logo.png") }

我的规范页面的一个示例是：

def "Valid image"() {
        given: "an image checker"
        to SomePage
        when:
        someImage.hover()
        then:
        verifyAt()

Answer 1

您可以验证图像样式设置为Display，任何具有css属性Display：None的内容都不能通过webdriver API进行交互。

我在Geb中对navigator对象使用IsDisplay方法时遇到了一些问题，因此我将执行以下操作：

在定义页面内容的地方，添加一个检查可以与之交互的内容的方法（因此设置为显示）：

someImage { $("img", file: "image-logo.png") }

Boolean contentDisplayed(Navigator content) {
    content
}

def "Valid image"() {
    given: "an image checker"
    to SomePage
    when:
    someImage.hover()
    then:
    contentDisplayed(someImage)

def "Valid image"() {
    when: "an image checker"
    to SomePage
    then:
    contentDisplayed(someImage)