javascript - Cypress - 断言属性 src 包含字符串并且可见

Question

我有这个页面，其中包含字符串的 src 的日历 iframehttps://link.to.calendar/在页面加载时应该可见。

  const testCalendar = 'https://link.to.calendar/';
  it('Calendly iframe should be visible', () => {
    cy.get('iframe')
      .should(
        'have.attr',
        'src'
      )
      .and('contains', testCalendar)
      .should('be.visible')
  })

如果我删除，则断言有效，.should('be.visible')因此该元素似乎存在于 DOM 中。然而，两者.should('be.visible')还是.should('be.hidden')失败了。

当使 URL 成为完全匹配时，断言也匹配：

  it('Calendly iframe should be visible', () => {
    cy.get('iframe')
      .should(
        'have.attr',
        'src',
        'https://exact.url.to.calendar/'
      )
      .should('be.visible')
  })

这是我不太了解赛普拉斯，我知道这一点。只是希望有人可以通过解释指出我正确的方向。

亲切的问候，帕特里克