打开_blank 链接并继续使用 Playwright 进行测试

Question

我正在测试两个相互链接的网站。我从第一个网站开始，其中有指向第二个网站的链接 (_blank)。我想继续在该选项卡上进行测试。

test('test', async ({ page }) => {
  const browser = await chromium.launch();
  const context = await browser.newContext();

  await page.goto('https://example.io/');

  const [newPage] = await Promise.all([
   context.waitForEvent('page'),
   page.locator('a.browser-button').first().click() // Opens tab
    ])
   await newPage.waitForLoadState();
   console.log(await newPage.title());

  await page.screenshot({ path: 'test.png', fullPage: true });
  await browser.close();
});

所以我单击按钮，打开一个新选项卡。然后我想从那里继续。相反，我收到错误：

超时超过 30000 毫秒。context.waitForEvent('页面')

我也按照文档中的方式尝试过，但也无法使其工作： https: //playwright.dev/docs/pages

Answer 1

处理新页面记录在此处

您可以从点击事件中捕获新页面。

const [newPage] = await Promise.all([
  context.waitForEvent('page'),
  page.locator('a[target="_blank"]').click() // Opens a new tab
])
await newPage.waitForLoadState();
console.log(await newPage.title());