11

我有一个使用 KnockoutJS 的应用程序，我正在尝试编写一些测试表单的测试。如果您不了解 KnockoutJS，简单来说就是它提供了从我的视图到我的数据模型的绑定。这意味着当我在输入字段中键入值时，我的基础对象会自动使用该输入字段值进行更新。默认情况下，这是通过更改事件完成的。

我遇到的问题是，当我的 WebDriver 测试在字段中输入时，更改事件没有触发，因此我的基础数据模型没有适当的值。这会导致我的表单验证在不应该失败时失败。

我已经完成了我在互联网上可以找到的一切来完成这项工作。我有：

  1. 发送 tab 键
  2. 点击离开表单域
  3. 发送 JavaScript 代码以触发焦点和模糊事件（在模糊时进行验证）
  4. 在输入之前单击表单域
  5. 设置等待只是以防这是一个时间问题
  6. 更改 KnockoutJS 以更新 afterkeydown 上的输入字段

这些都不适合我。

此外，我已经验证这不是事件冒泡问题，因为我明确删除了所有其他事件，只留下了 KnockoutJS 更改事件。

对于我正在寻找的解决方案，它适用于所有浏览器驱动程序（...至少是主要驱动程序，例如 IE、FF、Chrome、Safari），并且不需要使用 jQuery。

我该如何解决这个问题？

这是我用来在字段中输入值的相关代码：

// find element
WebElement input = this.element.findElement(By.className("controls"))
                               .findElement(By.tagName("input"));

// to set focus?
input.click();

// erase any existing value (because clear does not send any events
for (int i = 0; i < input.getAttribute("value").length(); i++) {
    input.sendKeys(Keys.BACK_SPACE);
}

// type in value
input.sendKeys(text);

// to fire change & blur? (doesnt fire change)
//input.sendKeys(Keys.TAB);

// to fire change & blur? (doesnt fire change)
driver.findElement(By.tagName("body")).click();
4

2 回答 2

5

所以我现在找到了解决这个问题的方法，但到目前为止我相信这是正确的解决方案。这确实违反了我关于不使用 jQuery 的规则，但是我觉得这对我来说没问题，因为 KnockoutJS 需要加载 jQuery。可能有一种简单的 JavaScript 方式来执行此操作。我已经用 FireFox、Safari 和 PhantomJS 对此进行了测试。我认为它在 Chrome 中也能正常工作。我不承诺 Internet Explorer。

我不会将此答案标记为正确答案。正确的解决方案应该是通过 WebDriver 浏览器触发正确的事件。只有当我认为通过 WebDriver 无法做到这一点时，我才会将此标记为正确答案。

// find element in question
WebElement input = this.element.findElement(By.className("controls"))
                               .findElement(By.tagName("input"));

// click it to fire focus event
input.click();

// erase any existing value
for (int i = 0; i < input.getAttribute("value").length(); i++) {
    input.sendKeys(Keys.BACK_SPACE);
}

// enter in desired text
input.sendKeys(text);

// fire on change event (WebDriver SHOULD DO THIS)
((JavascriptExecutor) driver).executeScript(
        "$(arguments[0]).change(); return true;"
    , input);

// click away to fire blur event
driver.findElement(By.tagName("body")).click();
于 2013-05-31T16:06:10.210 回答
4

所以我相信我已经发现了我的问题。我完全承认这是 PEBKAC。我忘记了如果浏览器窗口没有主动关注机器（这对我来说仍然很奇怪），WebDriver 会出现问题。当我调试问题时，我正在使用我的编辑器来单步调试代码。通过正常运行代码并且不从浏览器移除焦点，事件会使用所有三种解决方案（选项卡、点击离开和 javascript）按预期触发。

我有一个显示所有三种方法的示例项目，但是我是 git 和 github 的主要菜鸟，并且在交付项目时遇到问题。一旦我弄清楚了，我将与大家分享这个项目。

编辑：在 GitHub ( https://github.com/loesak/knockout.webdriver.change.event.test ) 上获取示例代码。您可以将项目作为服务器中的 web 应用程序启动并手动运行测试，也可以通过 maven ( mvn clean install) 运行测试。我并没有付出太多努力来让它稳健地工作，所以假设你已经安装了 Firefox 并且端口0808 8080 是开放的。

编辑：固定的端口号

于 2013-06-04T20:55:02.127 回答