2

我在页面上有以下代码：

 <div class="col-md-5 col-lg-3">
  <div class="react-selectize bootstrap3 root-node simple-select open">
   <div class="react-selectize-control">
    <div class="react-selectize-placeholder">testing!</div>
     <div class="react-selectize-search-field-and-selected-values">
      <input class="resizable-input" style="width: 4px;" type="input">

如果我物理选择输入字段，然后使用 watir-classic 运行以下命令：

BROWSER.div(:class => 'col-md-5 col-lg-3')
       .div(:class => 'react-selectize-search-field-and-selected-values')
       .text_field(:class => 'resizable-input')
       .send_keys('Magg')

它将进入Magg该字段，但如果我不手动选择该字段，我似乎无法等待输入文本。

我尝试了以下方法：

BROWSER.div(:class => 'col-md-5 col-lg-3')
       .div(:class => 'react-selectize-search-field-and-selected-values')
       .text_field(:class => 'resizable-input')

和

.set('Magg')
.fire_event('onfocus')
.fire_event('mousedown')
.fire_event('mouseup')

使用

.parent.text_field(:class => 'resizable-input')
.parent.input(:class => 'resizable-input').set('Magg')
.input(:class => 'resizable-input').set('Magg')
.input(:class => 'resizable-input').send_keys('Magg')

我一直在与使用控件的开发人员合作，我们都无法弄清楚如何赋予控件焦点，以便在send_keys不手动选择控件的情况下工作。任何指导将不胜感激。

4

2 回答 2

1

请注意，您的 HTML 输入标记的“类型”值无效。根据W3.org，“输入”的类型不是输入标签的有效类型选择。

这可能是导致您期望工作的方法（例如.set）失败的原因。这也意味着返回更具体的输入子类型（例如.text_field）的所有 watir 方法都无法选择该标签。

Watir根据输入标签的具体子类型定义了具体的输入相关方法（如.set、.unset），并具有选择这些具体输入类型（如.button）的方法。通常你会使用它的子类型的方法来选择一个输入标签，但是因为那个值是无效的，在这种情况下这不是一个选项，你被迫使用.input. 但正如我们刚刚讨论的，watir 中的输入对象没有定义像 .set 这样的方法。所以你唯一的后备是使用 .sendkeys 将击键发送到元素。

如果是我，我会在那个 HTML 上写一个错误，它没有根据 W3 规范为“类型”使用正确的值。

将 HTML 修复为有效可能会使其与 Watir 或任何其他自动化工具一起工作得更好，尤其是那些基于 webdriver 的自动化工具。

于 2016-07-21T17:43:13.277 回答
1

首先 - Watir Classic 已弃用的强制性警告，您应该使用 Watir WebDriver。（这可能会解决这个问题）

第二 - 从技术上讲：div(:class => 'col-md-5 col-lg-3')应该是div(:css => '.col-md-5.col-lg-3')因为类应该是单数的。

你element.fire_event(:click)以前试过element.set吗？

于 2016-07-20T02:54:41.230 回答