使用each()中的invoke()访问href属性 Cypress

发布于 2025-01-11 15:57:11 字数 426 浏览 0 评论 0原文

我是 Cypress 的新手，我尝试使用 invoke() 从组中访问每个 div 标签的 href 属性，但它给出了错误。有人可以建议你怎么做吗？

cy.get('.bms-scoreboard__game-tile--mls').each(($el,index,$list) => {
            $el.get('a')
                .invoke('attr','href')
                .then(href => {
                    cy.request(href)
                        .its('status')
                        .should('eq',200)
                })
        })

原文

I am new to Cypress and I'm trying to access the href attribute for each div tag from a group using invoke() but it gives error. Can someone suggest how you do it?

cy.get('.bms-scoreboard__game-tile--mls').each(($el,index,$list) => {
            $el.get('a')
                .invoke('attr','href')
                .then(href => {
                    cy.request(href)
                        .its('status')
                        .should('eq',200)
                })
        })

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

少女的英雄梦 2025-01-18 15:57:11

我认为 .get() 不合适 - 它仅适用于而不是每个 '.bms-scoreboard__game-tile-- mls'。

尝试 .find()

使用 jQuery 运算符

cy.get('.bms-scoreboard__game-tile--mls')
  .each(($el,index,$list) => {
    const href = $el.find('a').attr('href')
    cy.request(href)
      .its('status')
      .should('eq', 200)
  })
})

或 Cypress 运算符

cy.get('.bms-scoreboard__game-tile--mls')
  .each(($el,index,$list) => {
    cy.wrap($el).find('a')
      .invoke('attr','href')
      .then(href => {
        cy.request(href)
           .its('status')
           .should('eq',200)
      })
  })
})

，或将“find”移至第一个选择器

cy.get('.bms-scoreboard__game-tile--mls a')
  .each($a => {
    const href = $a.attr('href')
    cy.request(href)
      .its('status')
      .should('eq', 200)
  })
})

I don't think .get() is appropriate - it only works from the <body> not from each '.bms-scoreboard__game-tile--mls'.

Try .find() instead

With jQuery operators

cy.get('.bms-scoreboard__game-tile--mls')
  .each(($el,index,$list) => {
    const href = $el.find('a').attr('href')
    cy.request(href)
      .its('status')
      .should('eq', 200)
  })
})

or with Cypress operators

cy.get('.bms-scoreboard__game-tile--mls')
  .each(($el,index,$list) => {
    cy.wrap($el).find('a')
      .invoke('attr','href')
      .then(href => {
        cy.request(href)
           .its('status')
           .should('eq',200)
      })
  })
})

or move "find" into first selector

cy.get('.bms-scoreboard__game-tile--mls a')
  .each($a => {
    const href = $a.attr('href')
    cy.request(href)
      .its('status')
      .should('eq', 200)
  })
})

回复收藏 0 原文

呢古 2025-01-18 15:57:11

$el 是一个 JQuery 元素，而不是 Cypress 链中的元素本身。您需要使用 cy.wrap() 才能在 Cypress 链中使用它。

cy.get('.bms-scoreboard__game-tile--mls').each(($el,index,$list) => {
            cy.wrap($el)
                .get('a')
                .invoke('attr','href')
                .then(href => {
                    cy.request(href)
                        .its('status')
                        .should('eq',200)
                })
        })

$el is a JQuery element, and not itself in the Cypress chain. You'll need to use cy.wrap() to use it in a Cypress chain.

cy.get('.bms-scoreboard__game-tile--mls').each(($el,index,$list) => {
            cy.wrap($el)
                .get('a')
                .invoke('attr','href')
                .then(href => {
                    cy.request(href)
                        .its('status')
                        .should('eq',200)
                })
        })

回复收藏 0 原文

~没有更多了~