如何使用WDIO断言新标签页的URL？

你遇到的问题是测试工具默认仍聚焦在原标签页（url1所在页面），直接用assert(browser).toHaveUrlContaining()会断言原页面URL，导致失败。解决核心是先切换到新打开的标签页，再执行URL断言，以下是具体步骤（以Playwright为例，适配你使用的断言语法）：

• 点击按钮触发新标签页打开后，获取当前浏览器上下文的所有标签页句柄
• 切换到新标签页（通常是句柄数组的最后一项，因为新标签页会追加到列表末尾）
• 等待新标签页加载完成（可选但能避免断言时机过早）
• 针对新标签页执行URL断言

代码示例 #

// 点击打开新标签页的按钮
await page.click('你的按钮选择器');

// 获取所有标签页的句柄集合
const allTabs = await browser.context().pages();
// 切换到最后一个标签页（新打开的那个）
const newTab = allTabs[allTabs.length - 1];

// 等待新标签页加载完成（确保页面URL已稳定）
await newTab.waitForLoadState('networkidle');

// 断言新标签页URL包含目标内容
await expect(newTab).toHaveUrlContaining('url2的标识字符串');

如果使用其他测试框架（如Cypress），核心逻辑一致：先切换到新标签页的上下文，再做断言。

内容的提问来源于stack exchange，提问作者Linh Ho