支持输入的下拉列表
<h1>说明</h1>
<p>对于可输入的下拉列表框,如google搜索,输入关键字后,系统会给出提示关键字,此时再选择下拉选项中的选项</p>
<p>方法有二种,在场景上有小小的区别,发下</p>
<h1>方法一</h1>
<pre><code class="language-javascript"> cy.intercept({
method: "GET",
url: "/api/cmdb/cluster/list*", //api参数等用*过滤
}).as("clusterListApi"); //设置为alias
cy.get('div#clusterId').click(); //查找到输入框,并点击或执行focus()
cy.get('input#clusterId').type('{selectall}').type(`${clusterName}`) //{selectall}为防止输入框中预设置了字符串;输入字符${clusterName}为参数传入
.wait('@clusterListApi', {timeout:5000}); //在input框中输入关键字,等接口返回后继续
cy.get('input#clusterId').type('{enter}'); //在接口返回后,直接回车(**输入的关键字完全匹配接口返回的列表中的值,或唯一)**</code></pre>
<h1>方法二</h1>
<pre><code class="language-javascript">cy.get('div#clusterId').click();
//输入每一个字符时,都加入了一个delay等待时间,输入完整个字符后,全匹配(即认为输入的即是在下拉列表中存在的,或有的系统不需要和下拉列表相同,如google)
cy.get('input#clusterId').type('{selectall}').type(`${clusterName}`, { delay: 1000 }).type('{enter}');</code></pre>
<h1>参考</h1>
<p>1,中文解释type用法的文档
<a href="https://docs.cypress.io/guides/references/configuration#cypress-json">https://docs.cypress.io/guides/references/configuration#cypress-json</a>
2,文中用到的type('{}'),见官方文档
<a href="https://docs.cypress.io/api/commands/type#Arguments">https://docs.cypress.io/api/commands/type#Arguments</a></p>