单击按钮时不会加载模态弹出窗口

Question

我试图在单击按钮后打开模式弹出窗口，但出现以下错误：

它点击了按钮，但在按钮点击事件后不知何故不加载弹出窗口。

test.only('Create Template', async({ page })=>{

  await page.goto('http://localhost:3000');
  await page.click('text=Templates');
  await page.click('text=Create Template');
  await page.waitForURL('http://localhost:Templates');

  });

racing.stop
— 1ms
browserContext.newPage
— 272ms
page.goto
(localhost:3000)
— 990ms
locator.click
(text=Templates)
— 206ms
locator.click
(text=Create Template)
— 476ms
page.waitForURL()
waiting for navigation to "http://localhost:Templates" until "load"

Answer 1

waitForURL 将在同一页面中等待 url。它不会收听新页面（弹出窗口）。您可以从上下文等待新页面：

const [newPage] = await Promise.all([
  context.waitForEvent('page'),
  page.click('text=Create Template'),
]);
console.log(await newPage.evaluate('location.href'));

单击按钮时不会加载模态弹出窗口

Modal popup does not load on button click

typescript

playwright