单击主窗口上的链接后如何验证元素在新窗口中的显示

Question

我正在使用赛普拉斯单击主页上的链接，该链接会在新窗口中打开相应页面。我无法识别此页面上的任何元素。我这样做是为了验证点击是否打开了正确的页面。

我看到了链接：Access a new window - cypress.io，这对回答问题没有多大帮助。

如果有什么方法可以测试的话，请提出建议。

我尝试了一些类似的方法：

cy.window().contains('.div.trItem')
cy.window().its('.trValue).should('eq','SomeHeading')
cy.url().should('include', '/theLink1.html/')

预期： - 单击链接在新窗口中打开正确的页面 - 在新窗口中识别 URL 包含一些文本 - 某些文本显示在新窗口中

Answer 1

首先，您无法使用赛普拉斯访问另一个选项卡或窗口。考虑分离你的测试用例。例如，在一项测试中，您可以检查 a 元素是否包含带有预期 url 的 href 属性和带有 _blank 的 target 属性。 像这样：

it('contains valid a element', () => {
  cy.visit('https://example.cypress.io/')
  cy.contains('Cypress.io').should('have.attr', 'href', 'https://www.cypress.io').should('have.attr', 'target', '_blank')
})

在第二次测试中检查您的其他页面是否包含预期的文本。