Cypress JS设置隐藏输入框的值。

Question

我正在尝试使用cypressjs，并且正在尝试在一个隐藏的输入框中设置值（我正在使用Material UI，并使用一个选择/搜索框）。

我想知道是否有可能以某种方式设置隐藏输入框的值（这是我在浏览器上看到的内容）：

<input name="search" type="hidden" id="search-simple" 
 value="1234"

如何在我的测试中复制它？ 我尝试使用type和force:true，但没有成功。

cy.get('#search-simple').type('ddc66ac588c4ae5d70683cb16729a7e8', { force: true });

我也尝试模拟整个与UI的交互，但仍然无法使其正常工作。

谢谢。

- mikey

Answer 1

基本上，Cypress可以让你用原生的Javascript操作DOM。

对于你的情况，你可以像这样做：

cy.get('#search-simple').then(elem => {
    elem.val('some text');
});

- Joshua Wade

---

我发现需要使用 elem.val('some text'); 来设置元素的值。 - Fush

Answer 2

你可以使用 Cypress 的 invoke 函数：

cy.get('#search-simple').invoke('val', 'ddc66ac588c4ae5d70683cb16729a7e8')

- Tamik Soziev