带电的 Cypress 测试答案

【问题标题】：Cypress test with selectric带电的 Cypress 测试
【发布时间】：2020-03-04 10:29:48
【问题描述】：

我正在使用 Cypress 测试来测试我的项目，我在 jquery 的帮助下编写了该项目
我使用 selectric 库进行选择，但遇到了一个问题，即我无法测试我的选择。
请帮我解决这种情况。
我已经编写了 cypress 在下面给出的代码和错误

<select name="prefix" id="prefix_id" class="select-area">
            <option value="1">all</option>
            <option value="1">200 xxxx</option>
            <option value="2">255 xxxx</option>
</select>

it('search number', () => {
   cy.get('#prefix_id').select('1');
});

CypressError: Timed out retrying: cy.select() failed because this element:

<select class="select-area" name="region-select" id="region_id" tabindex="-1">...</select>

被另一个元素覆盖：

<div class="selectric">...</div>

修复此问题，或使用 {force: true} 禁用错误检查。

https://on.cypress.io/element-cannot-be-interacted-with

【问题讨论】：

你试过cy.get('#prefix_id').select('1', ( force: true });，这是错误消息提示的语法吗？
我已经解决了我的问题，我将在此发布
是的，我已经这样做了，它解决了问题，但是我有 ajax 请求到后端并且选择无法获得选项的值，因此，我已经解决了我在下面写了

标签： javascript jquery cypress

【解决方案1】：

首先我需要点击

<div class="selectric">...</div>

之后选项将以列表格式打开，如

<ul>
<li>hey</li>
<li>hey2</li>
</ul>

然后需要点击选项

cy.get('.region-container > .selectric-wrapper').click();
cy.get('.region-container > .selectric-wrapper > .selectric-items > .selectric-scroll > ul > .last').click();

我的选择和标签在一个容器内，该容器类是区域容器

【讨论】：