webdriver-io - 如何使用 WebdriverIO 从 input type="date" 中清除日期

Question

我现在正在使用WebdriverIO和开发一个网络应用程序。这些天我试图从输入中设置一个日期type="date"，我得到了错误

无效元素状态：元素必须是用户可编辑的才能清除它。

并发现我可以通过使用来摆脱错误，addValue()但任何 API 仍然不会清除该值。

client.clearElement('#deadline')

也得到

无效元素状态：元素必须是用户可编辑的才能清除它。

如何从表单中删除值？

Answer 1

您可以在浏览器脚本中运行以清除它

browser.execute(function () {
 document.querySelector('#deadline').value = '';
}, null);

或者给它一些价值

var date = '2020-03-28';
browser.execute(function (date) {
 document.querySelector('#deadline').value = date';
}, date);

参考：https ://github.com/webdriverio/webdriverio/issues/386

更优雅的方法是创建一个自定义命令并将这段代码放入其中

Answer 2

这个对我有用：

client.selectorExecute("#dateInput", function(inputs, value) {
    // you can run over the inputs
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].type == 'date') // any condition
            inputs[i].value = "1973-12-09";
    }

    // or just do that:
    inputs[i].value = "1973-12-09";
    return;
})