如何在Playwright的E2E测试运行时实现浏览器窗口动态调整大小？

你可以根据实际测试场景选择对应方案：

• 调整页面视口尺寸（E2E测试最常用，适配页面渲染验证场景）
  直接调用页面实例的setViewportSize方法即可，示例代码如下：

  await page.setViewportSize({
    width: width - 30,
    height: height
  });
  

  该方法优先级高于浏览器上下文初始化时配置的视口参数，可随时在测试执行过程中调用动态修改
• 调整浏览器窗口本身尺寸（仅 headed 非无头模式适用，需要修改浏览器外层窗口大小时使用）
  先获取页面对应的浏览器窗口实例再调用setSize方法即可，示例代码如下：

  const browserWindow = await page.browserWindow();
  await browserWindow.setSize(width - 30, height);
  

内容的提问来源于stack exchange，提问作者Sangeetha