为给定的 xpath 编写 WATIR 等效代码
Write WATIR equivalent Code for the given xpath
我正在尝试为给定的 xpath 编写 watir 代码,但它单击了错误的按钮,下面给定的 xpath 工作得很好。
@browser.element(xpath: "//div[text()='#{locator.strip}']/../following-sibling::div/input/following-sibling::div").click
WATIR 代码
@browser.div(text: locator.strip).parent.following_sibling(tag_name: 'div').input.following_sibling(tag_name: 'div').click
我试图单击 select 列表按钮来打开该选项,但它错误地单击了我的目标 select_list 下方的 select 列表。谁能帮助我哪里出错了?如果你看到下图,它必须打开标题,但是它打开了ID类型。
更新
<div class="v-csslayout v-layout v-widget spml-cell v-csslayout-spml-cell spml-property v-csslayout-spml-property span4 v-csslayout-span4">
<div class="v-caption v-caption-spml-value v-caption-uppercase v-caption-editable" id="gwt-uid-43" for="gwt-uid-44">
<div class="v-captiontext">Title</div>
</div>
<div role="combobox" class="v-filterselect v-widget spml-value v-filterselect-spml-value uppercase v-filterselect-uppercase editable v-filterselect-editable v-filterselect-prompt" id="ClientDetails/Title">
<input type="text" class="v-filterselect-input" autocomplete="off" id="gwt-uid-44" aria-labelledby="gwt-uid-43" tabindex="0" dir="" style="width: 281px;">
<div class="v-filterselect-button" aria-hidden="true" role="button"></div>
</div>
</div>
XPath 和 Watir 代码之间的区别在于它们如何解释元素的“文本”:
- 在 XPath 中,
//div[text()='#{locator.strip}']
表示 div
的 第一个文本节点 必须等于定位符。
- 在 Watir 中,
div(text: locator.strip)
表示 div
的所有文本节点 的 串联必须等于定位符。
因此,您最终从不同的元素开始:
- XPath 从
<div class="v-captiontext">Title</div>
开始
- Watir 从
<div class="v-csslayout v-layout v-widget spml-cell v-csslayout-spml-cell spml-property v-csslayout-spml-property span4 v-csslayout-span4">
开始
这种差异导致 Watir 导航到不同的父字段,然后跳转到相邻字段。
知道这一点,如果您想尽可能接近您的 XPath,您可以将 class 定位器添加到初始 div:
@browser.div(text: locator.strip, class: 'v-captiontext').parent.following_sibling(tag_name: 'div').input.following_sibling(tag_name: 'div').click
但是,假设这些元素中没有任何其他文本(即与示例完全一样),Watir 已经给出了 top-level 元素。因此你可以简单地做:
@browser.div(text: locator.strip).div(class: 'v-filterselect-button').click
我正在尝试为给定的 xpath 编写 watir 代码,但它单击了错误的按钮,下面给定的 xpath 工作得很好。
@browser.element(xpath: "//div[text()='#{locator.strip}']/../following-sibling::div/input/following-sibling::div").click
WATIR 代码
@browser.div(text: locator.strip).parent.following_sibling(tag_name: 'div').input.following_sibling(tag_name: 'div').click
我试图单击 select 列表按钮来打开该选项,但它错误地单击了我的目标 select_list 下方的 select 列表。谁能帮助我哪里出错了?如果你看到下图,它必须打开标题,但是它打开了ID类型。
更新
<div class="v-csslayout v-layout v-widget spml-cell v-csslayout-spml-cell spml-property v-csslayout-spml-property span4 v-csslayout-span4">
<div class="v-caption v-caption-spml-value v-caption-uppercase v-caption-editable" id="gwt-uid-43" for="gwt-uid-44">
<div class="v-captiontext">Title</div>
</div>
<div role="combobox" class="v-filterselect v-widget spml-value v-filterselect-spml-value uppercase v-filterselect-uppercase editable v-filterselect-editable v-filterselect-prompt" id="ClientDetails/Title">
<input type="text" class="v-filterselect-input" autocomplete="off" id="gwt-uid-44" aria-labelledby="gwt-uid-43" tabindex="0" dir="" style="width: 281px;">
<div class="v-filterselect-button" aria-hidden="true" role="button"></div>
</div>
</div>
XPath 和 Watir 代码之间的区别在于它们如何解释元素的“文本”:
- 在 XPath 中,
//div[text()='#{locator.strip}']
表示div
的 第一个文本节点 必须等于定位符。 - 在 Watir 中,
div(text: locator.strip)
表示div
的所有文本节点 的 串联必须等于定位符。
因此,您最终从不同的元素开始:
- XPath 从
<div class="v-captiontext">Title</div>
开始
- Watir 从
<div class="v-csslayout v-layout v-widget spml-cell v-csslayout-spml-cell spml-property v-csslayout-spml-property span4 v-csslayout-span4">
开始
这种差异导致 Watir 导航到不同的父字段,然后跳转到相邻字段。
知道这一点,如果您想尽可能接近您的 XPath,您可以将 class 定位器添加到初始 div:
@browser.div(text: locator.strip, class: 'v-captiontext').parent.following_sibling(tag_name: 'div').input.following_sibling(tag_name: 'div').click
但是,假设这些元素中没有任何其他文本(即与示例完全一样),Watir 已经给出了 top-level 元素。因此你可以简单地做:
@browser.div(text: locator.strip).div(class: 'v-filterselect-button').click