使用cypress从复杂的层次结构中获取元素

量子

我是柏树的新手。最近,我试图在网站中获取文本变量并将元素推入数组。但是,我无法正确获取元素位置。我尝试了其他方法,例如,get(), find()但仍然失败CypressError: Timed out retryimg: Expected to find element:'.nav-link pr-0 d-none d-lg-block>.langSelector', but never found it

这是我的html:

...
<div class="nav-link pr-0 d-none d-lg-block">
  <div id="langSelector">
  <a data-dir="AAA" href="/AAA/example"> AAA </a>
  <a data-dir="BBB" href="/BBB/example"> BBB </a>
  <a data-dir="CCC" href="/CCC/example"> CCC </a>
  </div>
</div>
...

这是我失败的尝试:

  cy.get('.nav-link pr-0 d-none d-lg-block > .langSelector').find('>a').each(($el) => {
          cy.wrap($el).invoke('text')
            .then(text => {
              exampleArray.push(text.trim())
            })
        })

另一个失败的尝试:

 cy.get('div > .langSelector > a').each(($el) => {
          cy.wrap($el).invoke('text')
          .then(text => {
            exampleArray.push(text.trim())
          })
      })

错误消息是相同的:CypressError: Timed out retryimg: Expected to find element:'.nav-link pr-0 d-none d-lg-block>.langSelector', but never found it任何想法将是一个很大的帮助!谢谢万!

老派

langSelector不是类,因此.选择器前不应有一个它是一个,id因此应使用选择#

尝试 cy.get('#langSelector > a')

参考:

附带说明一下,最佳实践是在html中使用单独的属性来分配测试特定的ID(例如data-tid,data-cy等),并在测试中引用该ID。此信息也在上面的链接参考中。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

反应:获取层次结构中的组件顺序

在Java中获取呼叫层次结构

使用XPath表达式总是查找相似元素名称的层次结构中的最后一个元素

Web Api ODATA Controller中的层次结构复杂类型

在F#中建模复杂的层次结构

在项目的层次结构中找不到新元素

如何在R中创建列表的复杂层次结构

获取数值列表中元素层次结构的Python方法

在复杂的层次结构上递归

如何在Perl中使用XML :: LibXML获取元素的层次结构

我可以使用Powershell获取json中属性的层次结构路径吗?

如何使用Graph API在C#中获取Teams组织层次结构数据

获取元素的DOM层次结构级别(计数后代级别)

如何grep复杂的层次结构?

使用MDX从层次结构中删除成员

在复杂的视图层次结构中查找CGRect

使用NIB创建复杂的VC层次结构

在Scala类型中编码复杂的层次结构规则

使用嵌套键在木偶清单中获取层次结构值

从指令[AngularJS]的链接函数中获取DOM层次结构中的元素

使用层次结构获取 Json 值并放入变量中

如何避免 reactjs 索引中的复杂层次结构

解析 html 文件,使用 xslt 3 从嵌套类别层次结构中获取数据

如何检测javascript元素层次结构中的循环

使用 XSLT 删除同名的 XML 层次结构元素?

在 Cypress 中获取原生 HTML 元素

获取父子层次结构

Cypress:使用另一个元素作为参考从表中获取元素

使用 XPath 获取 XML 元素的层次结构