Images do not load correctly when we use the iPhone as an emulation device.

[hemakumar234]

Images do not load correctly when we use the iPhone as an emulation device but loads fine when we use any Android emulation device.

To Reproduce Steps (or script) to reproduce the behavior:

1. Go to 'https://m.clinique.com/products/1599/makeup/foundations'
2. Scroll down to 'product grid page'
3. You may see that the images are broken.

const { openBrowser, write, closeBrowser, goto } = require('taiko');
openBrowser();
await emulateDevice('iPhone X')
goto('https://m.clinique.com/products/1599/makeup/foundations')

Expected behavior All content and images should be loaded correctly without broken images as it comes in android.

Screenshots iPhone device emulation screenshot

Android device emulation screenshot

Versions:

• Taiko: [Version: 1.2.8 (Chromium: 88.0.4314.0) RELEASE]
• OS []
• Node.js [v16.13.0]

Gauge version: 1.4.2
Commit Hash: f080fbc

Plugins
-------
html-report (4.1.4)
js (2.4.0)
screenshot (0.1.0)
ts (0.1.0)

[zabil]

The site does not load when emulating iphone using just the browser (without Taiko) For example

Can you check if there's an issue with how app renders?

[hemakumar234]

Thanks for the quick response. I will check and update you :)

[zabil]

👍 closing this for now then. Will re-open if it's an issue with Taiko