使用 cypress 在 html 中的特定类/id 中获取第 n 个文本变量

Question

我是 cypress 的新手，最近我不得不使用 cypress 在网站中提取文本变量。现在，我终于弄清楚了如何在 html 中提取特定类/id 的文本变量。但是，我找不到正确的方法来提取 类/id 中的确切第 n 个元素。

例如，这是我的html：

             <div class ="main-menu-wrapper align-self-stretch align-items-stretch" id="navbarCollaspse">
                <ul region="header" class="clearfix nav navbar-nav navbar-nav-center mx-auto">
                  
                    <li class="nav-item menu-item--expanded dropdown">
                     <a href="https://example/subwebsite/aaaaa" 
                      class="nav-link dropdown-toggle main-menu-1" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true"> 
                       TEXTAAAAA </a>
            
                    <li class="nav-item menu-item--expanded dropdown">
                     <a href="https://example/subwebsite/bbbbb" 
                      class="nav-link dropdown-toggle main-menu-2" data-toggle="dropdown" 
                      aria-expanded="false" aria-haspopup="true"> 
                      TEXTBBBBBB </a>
        
                     <li class="nav-item menu-item--expanded dropdown">
                     <a href="https://example/subwebsite/ccccc" 
                      class="nav-link dropdown-toggle main-menu-3" data-toggle="dropdown" aria- 
 expanded="false" aria-haspopup="true"> 
                TEXTCCCCCC </a>
     </div>

这是我的 cypress javascript 代码：

cy.visit('https://example/website')
    cy.get([class="clearfix nav navbar-nav navbar-nav-center mx-auto"]).each(($el) => {
      cy.wrap($el).invoke('text')
        .then(text => {
     //do something with the text
    //Here, I could get TEXTAAAAA TEXTBBBBBB TEXTCCCCCC orderly, however, i want to extract only TEXTBBBBBB
        })
    })

现在，当我cy.get([class="clearfix nav navbar-nav navbar-nav-center mx-auto"]).each($el) 时，我可以得到TEXTAAAAA TEXTBBBBBB TEXTCCCCCC。但是，现在，我只想获取类中的第二个元素，在本例中为TEXTBBBBBB。我试图引用from here 的方式，但赛普拉斯找不到路径。 关于如何使用 cypress 在类中获取特定元素的任何想法都会有很大帮助！谢谢一百万！

Answer 1

如果你想提取特定元素的文本，你可以使用索引值来完成，它应该看起来像这样。这里我们提取第二个元素。

cy.get('locator').each(($el, index) => {
   if (index == 1) {
      cy.wrap($el).invoke('text').then((text) => {
         //do something with the text
      })
   }
})