Question

我有一个检查HTML5范围输入值的测试。

return this.remote
  // etc.
  .findById('range') 
  .getAttribute("value")
  .then(function(val){
      expect(parseInt(val)).to.equal(2);  
  });

当我检查其初始值时，该值是正确的，但是如果我更改了值然后检查，则它尚未更新。我发现开发人员工具中的值也没有更新。我尝试使用

  .sleep(3000)

更改值和调用

之间的

  .getAttribute('value')

但是没有＆＃39;似乎是个问题。

在此JSfiddle中，使用浏览器的开发者工具检查范围元素将显示标题更改，但值不会显示（即使文本框中的值已正确更改）。所以这可能是webdriver的一个问题，但我想知道是否有人遇到过这个问题。

这是否与测试未能获得更新值有关？我可以使用另一种方法来读取值（属性）吗？

编辑：看起来浏览器的onchange / oninput事件没有正确触发（类似的问题：WebDriver: Change event not firing和Why does the jquery change event not trigger when I set the value of a select using val()?），并且webdriver也可能无法启动。我是否必须添加Jquery作为我的测试的定义，即使我只需要使用trigger()？还是有另一种解决方案吗？

编辑2：我已经添加了一个更好的示例，说明我如何在新的JSfiddle中使用范围输入。我添加了加/减按钮，它们无法触发应该更新范围输入的value属性的更改事件（并且无法将值输入到文本框中）。

Answer 1

您可以在测试中手动触发更改事件。我能够在你的JSFiddle中获得'textValue'输入来更新这种方式，我想它可能在你的测试中有相似的作用。

rangeBar = document.querySelector('#range');
function myFire(element, eventType) {
  var myEvent = document.createEvent('UIEvent');
  myEvent.initEvent(
    eventType, // event type
    true,      // can bubble?
    true       // cancelable?
  );
  element.dispatchEvent(myEvent);
}
myFire(rangeBar, 'change');

这经常出现在我的基础测试类（Java）中有一个帮助器

public enum SeleniumEvent
{blur,change,mousedown,mouseup,click,reset,select,submit,abort,error,load,mouseout,mouseover,unload,keyup,focus}

public void fireEvent(WebElement el, SeleniumEvent event)
{
    ((JavascriptExecutor) getDriver()).executeScript(""+
            "var element = arguments[0];" +
            "var eventType = arguments[1];" +
            "var myEvent = document.createEvent('UIEvent');\n" +
            "myEvent.initEvent(\n" +
            "   eventType, // event type\n" +
            "   true,      // can bubble?\n" +
            "   true       // cancelable?\n" +
            ");\n" +
            "element.dispatchEvent(myEvent);", el, event.toString());
}

另一种想法。 getAttribute("value")可能无法获得您认为的功能。在JavaScript中，document.querySelector('#range').getAttribute('value')始终返回硬编码值属性（即默认值或初始值），而不是输入的当前值。 document.querySelector('#range').value返回当前值。

实习测试返回范围输入的错误值

1 个答案: