Cypress中如何测试无href属性的新标签页跳转链接？

你的核心问题是：这个<a>标签没有原生href属性，跳转逻辑完全由JavaScript实现，所以修改target属性根本无效——浏览器不会用原生方式处理这个<a>的点击，而是执行绑定的JS代码打开新标签页。

试试这几个实用方案：

方案1：拦截window.open（最可靠） #

Cypress可以拦截JS里的window.open调用，把跳转强制改到当前标签页：

// 先监听window.open，替换成当前页跳转逻辑
cy.window().then((win) => {
  cy.stub(win, 'open').callsFake((url) => {
    win.location.href = url; // 让跳转在当前标签页发生
    return { closed: false }; // 模拟open返回的窗口对象，避免JS报错
  });
});

// 点击触发跳转的按钮（注意：实际触发事件的是内部的button，不是<a>标签）
cy.get('button.button-wrapper:contains("Preview")').click();

方案2：直接触发绑定的JS事件 #

如果跳转逻辑绑定在<a>或内部按钮的click事件上，可以直接触发对应元素的点击：

// 直接点击Preview按钮
cy.get('button.button-wrapper:contains("Preview")')
  .invoke('click');

// 或者如果事件绑定在<a>标签上，也可以直接点击<a>
cy.get('a:has(button:contains("Preview"))')
  .invoke('click');

配合方案1的window.open拦截，就能在当前页完成跳转测试。

方案3：优化选择器（避免绝对路径） #

你之前用的绝对XPath/html/body/div[1]/div[1]/header/div[2]/a非常不稳定，页面结构稍有变化就会失效，建议换成基于内容或类名的稳定选择器：

• 找包含Preview按钮的<a>：cy.get('a:has(button:contains("Preview"))')
• 直接定位按钮：cy.get('button.button-wrapper:contains("Preview")')

为什么你之前的方法无效？ #

• 检查href的方法：标签本身没有href属性，断言直接失败
• 修改/移除target：跳转不是浏览器原生的<a>跳转，是JS调用window.open实现的，所以修改target对JS逻辑完全无影响

内容的提问来源于stack exchange，提问作者Moueen Akhtar