webdriverio / webdriverio/visual-testing

Using checkFullPageScreen method, capturing images with duplicate viewport and is not scrolling to the bottom of the page

Open
#125 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted
Dominant language
TypeScript
Stars
153
Forks
59
PR merge metrics
No merged PRs in 30d

Description

NOTE: Be aware of the fact that this module is only a plugin that provides all functionality from webdriver-image-comparison. So please check if this is an issue with this plugin or with webdriver-image-comparison.

Environment (please complete the following information):

  • Node.js version: 12.16.3
  • NPM version: 6.14.4
  • Browser name and version: Chrome 112/latest
  • Platform name and version: Windows 10
  • WebdriverIO version: 7.6.1
  • wdio-image-comparison-service version: 5.0.3

Config of WebdriverIO + wdio-image-comparison-service
services: [
[
"image-comparison",
{
// Some options, see the docs for more
baselineFolder: join(process.cwd(), "./tests/Baseline/"),
formatImageName: "{tag}-{logName}-{width}x{height}",
screenshotPath: join(process.cwd(), ".tmp/"),
savePerInstance: true,
autoSaveBaseline: true,
blockOutStatusBar: true,
blockOutToolBar: true,
ignoreNothing: true
// NOTE: When you are testing a hybrid app please use this setting
// isHybridApp: true,
// Options for the tabbing image

},
]
]

Describe the bug
the checkFullPageScreen() does not seem to be scrolling. it takes several screenshots of the same top viewport instead of scrolling and taking screenshot.

To Reproduce
Steps to reproduce the behavior:
Access url : https://www.tangerine.ca/app/#/login/login-id
Attempt to take full page screenshot
await browser.checkFullPageScreen("TangerinloginfullPage", {
fullPageScrollTimeout: 3000,
});

Expected behavior
A screenshot of the entire page should be taken without duplicate viewport.

****Actual behavior Screen *****

TangerineloginCifPage

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the checkFullPageScreen entry point and compare this plugin's behavior with the linked webdriver-image-comparison implementation. Reproduce the provided Chrome/WebdriverIO configuration and verify whether scrolling occurs; done means a full-page capture reaches the bottom without duplicate viewport images.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
testing
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.