@argos-ci/puppeteer 2.2.7 → 2.2.8

package/dist/index.mjs

@@ -48,6 +48,16 @@ async function getScreenshotPath(name) {
 function checkIsFullPage(options) {
     return options.fullPage !== undefined ? options.fullPage : options.element === undefined;
 }
+/**
+ * Sets the viewport size and waits for the visual viewport to match the specified dimensions.
+ * @returns A promise that resolves when the viewport size has been successfully set and matched.
+ */ async function setViewportSize(page, viewportSize) {
+    await page.setViewport(viewportSize);
+    await page.waitForFunction(({ width, height })=>window.innerWidth === width && window.innerHeight === height, {}, {
+        width: viewportSize.width,
+        height: viewportSize.height
+    });
+}
 /**
  * Setup Argos for the screenshot process.
  * @returns A function to teardown Argos.
@@ -175,13 +185,13 @@ function checkIsFullPage(options) {
         // Take screenshots for each viewport
         for (const viewport of viewports){
             const viewportSize = resolveViewport(viewport);
-            await page.setViewport(viewportSize);
+            await setViewportSize(page, viewportSize);
             await stabilizeAndScreenshot(getScreenshotName(name, {
                 viewportWidth: viewportSize.width
             }));
         }
         // Restore the original viewport
-        await page.setViewport(originalViewport);
+        await setViewportSize(page, originalViewport);
     } else {
         await stabilizeAndScreenshot(name);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@argos-ci/puppeteer",
   "description": "Visual testing solution to avoid visual regression. Puppeteer commands and utilities for Argos visual testing.",
-  "version": "2.2.7",
+  "version": "2.2.8",
   "author": "Smooth Code",
   "license": "MIT",
   "repository": {
@@ -40,7 +40,7 @@
     "puppeteer": ">=1"
   },
   "dependencies": {
-    "@argos-ci/browser": "2.1.3",
+    "@argos-ci/browser": "2.1.4",
     "@argos-ci/util": "2.1.1"
   },
   "devDependencies": {
@@ -63,5 +63,5 @@
     "argos-upload": "pnpm exec argos upload screenshots --build-name \"argos-puppeteer-e2e-node-$NODE_VERSION-$OS\"",
     "e2e": "pnpm run test && pnpm run argos-upload"
   },
-  "gitHead": "e711cad38854fb0ec6aa96587ed4b49490b8add0"
+  "gitHead": "c109fcd4e295e7df202cc749cec2d91a6b0b5645"
 }