node.js - 如何使用 Playwright 最大化弹出窗口(例如单击按钮打开弹出窗口)

Question

我正在测试的软件有许多弹出窗口/模式窗口。主页loginPage以全屏模式打开。单击按钮后，将打开一个新的弹出(模态)窗口，例如。 overviewPage我想要实现的是改变这个弹出窗口的视口(viewport)，或者更好地最大化它，在这种情况下是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已打开但视口(viewport)很小，我不知道如何最大化它。
我已经设置了标志 --start-maximized在 context ，它适用于 loginPage .如何以及在哪里设置弹出窗口的视口(viewport)。
我正在使用剧作家版本:v1.2.1。

Answer 1

我可以设置 viewport使用 setViewportSize 来满足我的需求

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

它解决了我的问题。