在同一选项卡中打开 iframe 中的链接

Question

我正在尝试单击赛普拉斯 iframe 中的链接。 链接在下一个选项卡中打开，测试失败。

cy.get('iframe.body').wait(1000).its('0.contentDocument.body')
  .find('a').contains('Click').click();

要解决此问题，请使用类似这样的方法使新页面在同一选项卡上打开。 但它不起作用：

cy.get('iframe.body').wait(1000).its('0.contentDocument.body')
  .find('a').contains('Click')
  .invoke('removeAttr', 'target').click();

元素看起来像这样：

<iframe class="body" data-flexie-id="3" data-flexie-parent="true" src="messages/1.html" style="">
</iframe>
<p>
  <a href="https://Thisisalink/91cf-a6c3792a5cc5" target="_blank">Click</a>
</p>

Answer 1

target="_parent"在与父级相同的页面中打开链接。 编辑：我想你不希望<a>在<iframe>中，对吧？

<iframe class="body" data-flexie-id="3" data-flexie-parent="true" src="messages/1.html" style=""></iframe>
<p><a href="https://Thisisalink/91cf-a6c3792a5cc5" target="_blank">Click</a></p>

Answer 2

我找到了 2 个解决方案：

1. 复制链接并访问它：

Cypress.Commands.add("ui_clickTagButton", (buttonSelector) => {
    cy.log('ui_clickTagButton - start')

    cy.wrap(buttonSelector)
        .should('have.prop', 'href')
        .then(href => cy.visit(href))

    cy.log('ui_clickTagButton - End')
})

2. 使用 Jquery删除目标属性- 合并在 cypress 中，然后单击：

Cypress.Commands.add("ui_removeATagTargetAttributeAndCick", (aTagSelector) => {
    cy.log('ui_clickAnchorTagButton')
    cy.get(aTagSelector)
        .then((aTagElement) => {
            Cypress.$(aTagElement).removeAttr("target");
            cy.get(aTagElement)
                .click({force: true})
                .should('not.exist')
        })
})

因此，对于您的情况，我将使用第二个：

cy.get('iframe.body').wait(1000).its('0.contentDocument.body').find('a')
   .then(button => {
       cy.ui_removeATagTargetAttributeAndCick(button)
   })

Answer 3

您的 HTML 表示链接在iframe之外，如果是这样，您不需要 select 它。

使用.find('a')类似于.within(() =>...) ，但由于<a>不在iframe内，如果您直接针对<a> ，您删除目标的策略将起作用

cy.contains('a', 'Click')  
  .invoke('removeAttr', 'target')
  .click();