Problems when running checkFullPageScreen on iOS devices using v.9.0.0 #1000
Description
Environment (please complete the following information):
"@wdio/browserstack-service": "^9.19.2",
"@wdio/cli": "^9.19.2",
"@wdio/local-runner": "^9.19.2",
"@wdio/mocha-framework": "^9.19.2",
"@wdio/spec-reporter": "^9.19.2",
"@wdio/visual-service": "^9.0.0",
Config of WebdriverIO + @wdio/visual-service
The images below was created using Browserstack Automate and the following devices:
capabilities: [
{
"bstack:options": {
osVersion: "18",
deviceName: 'iPad 9th',
projectName: "ProjectName",
buildName: "BuildName",
sessionName: "SessionName",
appiumVersion: "2.15.0",
realMobile: "true",
debug: "true",
networkLogs: "true",
consoleLogs: "verbose",
},
browserName: "safari",
platformName: "iOS",
} as Capabilities.BrowserStackCapabilities,
capabilities: [
{
"bstack:options": {
osVersion: "18",
deviceName: "iPhone 14",
projectName: "ProjectName",
buildName: "BuildName",
sessionName: "SessionName",
appiumVersion: "2.15.0",
realMobile: "true",
debug: "true",
networkLogs: "true",
consoleLogs: "verbose",
},
browserName: "safari",
platformName: "iOS",
} as Capabilities.BrowserStackCapabilities,
Describe the bug
There is a difference in how full page screenshots are created between version 8.0.4 and 9.0.0. When using the iOS devices listed above, the image is not stitched together properly:
v.8.0.4
v.9.0.0, see the red arrow
I am able to reproduce this issue on multiple places in my application.
To Reproduce
Use this snippet to generate baseline images using v.8.0.4:
await browser.url('https://webdriver.io/docs/desktop-testing/windows')
await expect(await browser.checkFullPageScreen('TEST', { removeElements: [await $('//nav'), await $('#ms-floating-button')] })).toBeLessThanOrEqual(0.1);
Install v.9.0.0, run the test again and compare the output of both versions.
Expected behavior
v.8.0.4 is the closest match to what the actual page looks like
Log
...
Additional context
Add any other context about the problem here.