playwright关闭弹框

### 使用 Playwright 关闭弹出窗口或警告对话框 在自动化测试中处理弹出窗口或警告对话框是常见的需求。对于 Playwright 而言，可以通过监听 `page.on('dialog')` 事件来捕获并处理这些对话框。 当页面触发一个新对话框时，Playwright 的 API 提供了一个回调函数用于响应此事件。在这个回调里可以调用 `.dismiss()` 或者 `.accept()` 方法来关闭对话框[^1]： ```javascript // JavaScript example of handling alerts with Playwright const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage(); // Listen for the 'dialog' event on the page object. page.on('dialog', async dialog => { console.log(`Alert message: ${dialog.message()}`); // Choose one based on your test scenario: await dialog.accept(); // Accepts the dialog (click OK) // OR //await dialog.dismiss(); // Dismisses the dialog (click Cancel) await browser.close(); }); // Trigger an alert in this case just as demonstration purpose await page.evaluate(() => alert('This is a test alert')); })(); ``` 上述代码展示了如何设置一个侦听器以捕捉任何类型的对话框（如确认框、提示框）。一旦检测到对话框，则可以选择接受它或者取消它取决于具体的测试场景需要。 #### 处理多个弹窗的情况 如果应用程序可能会打开多个浏览器上下文（例如新的标签页），则应考虑使用 `browserContext` 来管理不同页面之间的交互。通过这种方式可以在父级页面操作的同时也能够控制子页面的行为。 ```javascript // Handling multiple pages including popups within same context const context = await browser.newContext(); const page = await context.newPage(); context.on('page', async newPage => { if (!newPage.isClosed()) { // Handle any actions needed when popup opens here... console.log("Popup detected:", newPage.url()); await newPage.close(); // Close newly opened tab/window directly after detection } }); await page.goto('http://example.com'); await page.click('#some-link-that-may-open-popup'); // Action that might open another window/tab ``` 这段脚本说明了怎样监控整个浏览会话中的所有页面变化，并针对新开的页面执行特定的操作比如立即关闭它们。