Cypress学习文档

沉淀cypress对常用html组件定位的文档


支持输入的下拉列表

<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>

页面列表

ITEM_HTML