javascript Cypress jS隐藏输入的设定值

68de4m5k 于 2023-03-06 发布在 Java

关注(0)|答案(2)|浏览(109)

我正在尝试使用Cypressjs，并尝试为一个隐藏的输入设置一个值。（我使用的是材质UI，并带有一个选择/搜索框）。
我想知道是否有可能以某种方式设置一个隐藏输入的值（这是我在浏览器上的）：

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

我如何在我的测试中复制它呢？我试过将type与force:true一起使用，但没有运气。

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

我还尝试模拟整个交互与用户界面，但仍然没有得到它的工作。
谢谢

2条答案

本质上，Cypress为您提供了对DOM的原生Javascript访问。
在您的情况下，可以执行something like this：

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

可以使用Cypress的invoke函数：

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