@wdio/image-comparison-core 1.2.3 → 1.2.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @wdio/image-comparison-core
 
+## 1.2.4
+
+### Patch Changes
+
+- 60997df: fix: prevent false emulation detection when checkElement is called inside an iframe after switchFrame
+
+  ### Committers: 1
+
+  - Taro.Nonoyama([@n2-freevas](https://github.com/n2-freevas))
+
 ## 1.2.3
 
 ### Patch Changes

package/dist/clientSideScripts/getScreenDimensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getScreenDimensions.d.ts","sourceRoot":"","sources":["../../src/clientSideScripts/getScreenDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,QAAQ,EAAE,OAAO,GAAG,gBAAgB,CAwG/E"}
+{"version":3,"file":"getScreenDimensions.d.ts","sourceRoot":"","sources":["../../src/clientSideScripts/getScreenDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,QAAQ,EAAE,OAAO,GAAG,gBAAgB,CA0G/E"}

package/dist/clientSideScripts/getScreenDimensions.js

@@ -8,7 +8,9 @@ export default function getScreenDimensions(isMobile) {
     const dpr = window.devicePixelRatio || 1;
     const minEdge = Math.min(width, height);
     const maxEdge = Math.max(width, height);
+    const isInIframe = window.self !== window.top;
     const isLikelyEmulated = !isMobile && // Only check for emulated on desktop
+        !isInIframe && // Skip emulation detection inside iframes
         dpr >= 2 && // High-DPI signal
         minEdge <= 800 && // Catch phones/tablets in portrait/landscape
         maxEdge <= 1280 && // Conservative max for emulated tablet sizes

package/dist/clientSideScripts/getScreenDimensions.test.js

@@ -145,6 +145,28 @@ describe('getScreenDimensions', () => {
         expect(dimensions.dimensions.window.screenWidth).toBe(2880);
         expect(dimensions.dimensions.window.screenHeight).toBe(1800);
     });
+    it('should not detect emulation when running inside an iframe', () => {
+        const originalSelf = window.self;
+        Object.defineProperty(window, 'self', {
+            value: {},
+            configurable: true,
+            writable: true,
+        });
+        Object.defineProperty(window, 'devicePixelRatio', { value: 3, configurable: true });
+        Object.defineProperty(window, 'innerWidth', { value: 50, configurable: true });
+        Object.defineProperty(window, 'innerHeight', { value: 100, configurable: true });
+        Object.defineProperty(window, 'matchMedia', {
+            value: vi.fn().mockImplementation(() => ({ matches: false })),
+            ...CONFIGURABLE,
+        });
+        const dimensions = getScreenDimensions(false);
+        Object.defineProperty(window, 'self', {
+            value: originalSelf,
+            configurable: true,
+            writable: true,
+        });
+        expect(dimensions.dimensions.window.isEmulated).toBe(false);
+    });
     it('should handle zero devicePixelRatio', () => {
         Object.defineProperty(window, 'devicePixelRatio', { value: 0, configurable: true });
         Object.defineProperty(window, 'innerWidth', { value: 1920, configurable: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wdio/image-comparison-core",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "author": "Wim Selles - wswebcreation",
   "description": "Image comparison core module for @wdio/visual-service - WebdriverIO visual testing framework",
   "keywords": [