如何消除Webdriver代码中的xpath？

Question

我正在致力于网站的自动化，我试图找到一种减少代码中对xpath的使用的方法。 我的代码看起来像这样

    driver.findElement(By.xpath("//html/body/center/div/div/center/table/tbody/tr/td/form/table/tbody/tr[3]/td/input")).click();
    driver.findElement(By.xpath("//html/body/div/table/tbody/tr/td/table/tbody/tr/td/table/tbody/tr/td")).getText();
    driver.findElement(By.xpath("//html/body/div/table/tbody/tr/td/div[2]/div/div/div[4]/div/div/div")).click();
    driver.findElement(By.xpath("//html/body/div[3]/div/div/div/div[2]/div/span/ul[2]/li[6]/a")).click();
    /*driver.findElement(By.xpath("//html/body/div/div/div/div[3]/div/div[2]/div[2]/table/tbody/tr/td[3]/table/tbody/tr/td[2]/em/button")).click();
    WebElement editUserForm = driver.findElement(By.cssSelector("iframe[src*='editUserForm']"));

有什么办法可以减少这些xpath，使我的代码看起来不破旧？ 其中一位成员建议我“请不要使用绝对xpath”。 这是什么意思 ？ 请帮忙。 还请告诉我是否有任何链接可以帮助我解决这个问题。

是否有可能创建一个将字符串作为xpath指针的文件，然后仅在代码中使用该字符串？

Answer 1

您应该投资Page Objects，这是一个非常有用的模式：

https://code.google.com/p/selenium/wiki/PageObjects

这将有助于将测试与实现分开。 我的意思是，应该留下测试详细说明应采取的步骤，实现（“页面对象”）应详细说明如何采取这些步骤。

至于XPath本身，是的，它们非常糟糕且不可靠。 我假设您已经通过某种工具（例如IDE或Firebug）为您自动生成了它们。 请立即将它们丢弃，不要再使用它，也不要阅读一些XPath教程-即使XPath规范也是一个很好的学习场所。

首先，删除//html/body位，这是不必要的，并使其看起来更糟。 没有它，它将正常工作。

其次，是的，拥有绝对XPath（即基于位置的XPath）是不好的。 在您的第一个XPath中：

//html/body/center/div/div/center/table/tbody/tr/td/form/table/tbody/tr[3]/td/input

看到最后的tr[3]吗？ 如果我要在该行之前tr一行（ tr ），该怎么办？ 这意味着现在您的XPath应该是：

//html/body/center/div/div/center/table/tbody/tr/td/form/table/tbody/tr[4]/td/input

因此，这意味着测试将失败。 但是，测试不会因为测试功能中断而中断，而是因为测试实现中断而中断。 您的测试不应该如此脆弱。 如果开发人员希望将tr停留在想要的水平之上，那很好，除非它破坏了您正在测试的实际内容，那么您的测试应该仍然可以通过。

您应该以不同的方式思考。 考虑其他使用该元素的方法。 假设我有这个：

<div id="divUpload">
<span class="uploadDetails">We only support the following files:
    <span class="docSpan">.doc</span>
    <span class="txtSpan">.txt</span>
</span>
<button type="submit">Upload the file<submit>
<div>

我想用docSpan作为它的类名来获取范围。

我可以：

//div/span/span[1]

哪个可行，但是如果更改为：

<div id="divUpload">
<span class="uploadDetails">We only support the following files:
    <span class="excelSpan">.xls</span>
    <span class="docSpan">.doc</span>
    <span class="txtSpan">.txt</span>
</span>
<button type="submit">Upload the file<submit>
<div>

这意味着[1]位不再有效。

所以，我可以：

//div/span[@class='uploadDetails']/span[text()='.doc']

这意味着，它只会如果失败span我想取出来的是一类跨度的孩子uploadDetails 或 uploadDetails类是干脆采取关闭跨度。

或者我可以：

//div/descendant::span[text()='.doc']

这意味着，如果将跨度全部移开，它只会失败，并且不再是该“父级” div的子级。

底线是不依赖职位。 考虑一下该元素附近的情况。 有什么上课的吗？ 里面是否有文字？ 是否附近有ID的物品？

Answer 2

这里又是XPath Y不要与CSS一起使用

css = .uploadDetails> .docSpan-.doc

css = .uploadDetails> .excelSpan-.xls

css = .uploadDetails> .txtSpan-.txt

简单