如何在capybara中编辑日历输入元素

Question

我正在尝试编辑一个日历输入元素并设置一个新的日期。这就是我要做的。

元素:

<input class="ant-calendar-input " placeholder="MM/DD/YYYY" value="03/01/2022">

Xpath:

/html/body/div[2]/div/div/div/div/div[1]/div/input

我代码:

find("ant-calendar-input").set(value='01/01/2022')

我得到一个错误，capybara无法找到这个元素。

Answer 1

-calendar-input"CSS选择器会查找类型为"anti -calendar-input"的元素，而你显示的元素类型为"input"，类为"anti -calendar-input"。匹配该元素的有效CSS选择器应该像

这样

find('input.ant-calendar-input').set('01/01/2022')

话虽如此，您声称这是一个日历输入，但input元素只是一个文本输入。我假设这意味着您正在使用某种绑定到input元素的JS小部件，因此可能隐藏了原始输入。如果是这种情况，那么您需要与小部件生成的元素交互(就像用户必须做的那样)，而不是直接与输入元素

交互。