无法找到位于赛普拉斯组件内的定位器

Question

我正在寻找下拉箭头定位器。我使用了 cypress cmd - cy.get('.dropdown-arrow').click() 但它给出了找不到元素的错误。

这是我的代码

<widgets-bms-scoreboard>
    <div class="1">
        <div class="wrapper">
            <div class="header">
                <div class="dropdown">
                    <div class="dropdown-arrow"> </div>
                </div>  
            </div>
        </div>
    </div>  
</widgets-bms-scoreboard>

Answer 1

从评论来看，阴影 DOM 存在。您可以通过将其添加到 cypress.json

来访问其中的元素

{
  "includeShadowDom": true
}

或在测试中

cy.get('widgets-bms-scoreboard')
  .shadow()
  .find('.dropdown-arrow').click()

无法找到位于赛普拉斯组件内的定位器

Not able to find the locator which is inside a component in Cypress

javascript

vue.js

cypress