我們如何實現瀏覽器放大和縮小劇作家？

Question

需要找到一種在 e2e 測試運行期間放大和縮小瀏覽器的方法。 下面的代碼不起作用。

await page.keyboard.down('Control');
  for (let i = 0; i < 7; i++) {
    await page.keyboard.press('+');
  }
  await page.keyboard.up('Control');

Answer 1

您可以使用 Javascript 進行設置：

 await page.evaluate(() => {
            document.body.style.zoom=1.0;
        });

將值設置為所需的縮放：

• 1.0是 100%
• 1.1是 110%
• 等等

我沒有安裝任何東西來測試這個，但如果你遇到任何問題，請告訴我，我會再看看。

Answer 2

可能對您有用：

let zoom: 0.1;
let zoomLevel = 1;
zoomLevel += zoom;
document.getElementById("canvasDivContainer").offsetWidth == document.getElementById("canvasDivContainer").offsetWidth - 1000;
$('body').css({ zoom: zoomLevel, '-moz-transform': 'scale(' + zoomLevel + ')' });

Answer 3

我沒有用上面的任何方法得到它，我在這里得到了它

page.evaluate("document.body.style.zoom=2.0")

2.0=200%