Cypress 測試與 selectric

Question

我正在使用 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：重試超時：cy.select() 失敗，因為此元素：

<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

Answer 1

首先我需要點擊到 div

<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();

我的選擇和標簽在一個容器中，該容器是區域容器