如何使用 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 已打开，但视口很小，我不知道如何最大化它。

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

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

Answer 1

我可以使用setViewportSize 将弹出窗口的viewport 设置为我的需求

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

它解决了我的问题。