被另一个元素 Cypress 覆盖

Question

重试超时：cy.select() 失败，因为此元素：

<select aria-describedby="searchDropdownDescription" class="nav-search-dropdown searchSelect" data-nav-digest="Xa0GQ+pPQ/tdsV+GmRWeXB8PUD0=" data-nav-selected="0" id="searchDropdownBox" name="url" style="display: block;" tabindex="0" title="Search in">...</select>

被另一个元素覆盖：

<input type="text" id="twotabsearchtextbox" value="" name="field-keywords" autocomplete="off" placeholder="" class="nav-input" dir="auto" tabindex="0" aria-label="Search">

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

describe('Amazon test', function()
{
    it('Matching book', function()
    {
        cy.visit("https://amazon.com")
        cy.title().should('eq',"Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs & more")
        cy.get('#twotabsearchtextbox').click({force: true}).get('#searchDropdownBox').select('Books')
        
    })
  })

我该如何解决？

Answer 1

您想要单击该<select>标签。但赛普拉斯嘲笑一个真实的人。真人无法<select>在真实浏览器中单击 ，因为<select>被<input>.

所以我认为你可能需要首先调试你的页面代码。

提醒一下，部分覆盖也会触发这个问题。

Answer 2

尝试这个：

cy.get('#twotabsearchtextbox').click().get('#searchDropdownBox').select('Books',{force: true})