我正在测试的软件有许多弹出窗口/模式窗口。主页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。
最佳答案
我可以设置 viewport
使用 setViewportSize
来满足我的需求
await overviewPage.setViewportSize({ width: 1920, height: 1080 });
它解决了我的问题。
关于node.js - 如何使用 Playwright 最大化弹出窗口(例如单击按钮打开弹出窗口),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65234134/