如何使用 Playwright 最大化弹出窗口（例如单击按钮打开弹出窗口）

Question

我正在测试的软件有很多弹出窗口/模式窗口。主页loginPage以全屏模式打开。单击按钮后，将打开一个新的弹出（模式）窗口，例如。overviewPage

我想要实现的是更改此弹出窗口的视口，或者更好地最大化它，在本例中是overviewPage

这是我的代码：

const browser = await chromium.launch({
        args: ['--start-maximized'],
        headless : false, slowMo : 50});
const context = await browser.newContext({viewport : null});
const loginPage = await context.newPage();
await loginPage.goto(myURL.href);  //Login Page was opened in Maximized mode (Fullscreen)

// Next step is to click a button on Login Page, and a new page is opened.
await loginPage.click('#nextBtn');

console.log('Get page after a specific action (e.g. clicking a button');
const [overviewPage] = await Promise.all([
    context.waitForEvent('page')
]);
await overviewPage.waitForLoadState();
await overviewPage.screenshot({ path: `reportoverview.png` });
console.log('Current window: ' + await overviewPage.title());

弹出窗口overviewPage已打开，但视口很小，我不知道如何最大化它。

--start-maximized我已经在 中设置了标志context，并且它适用于loginPage. 如何以及在哪里设置弹出窗口的视口。

我正在使用 Playwright 版本：v1.2.1。

Answer 1

我可以viewport根据我的需求设置弹出窗口setViewportSize

await overviewPage.setViewportSize({ width: 1920, height: 1080 });

它解决了我的问题。