-
-
Notifications
You must be signed in to change notification settings - Fork 22
Broken screenshot for scrollable containers with overflow #217
-
When using snapshots for Views which are larger than the page or are scrollable the resulting snapshot is not correct.
Does anyone has similar issues of do I only miss a configuration?
Beta Was this translation helpful? Give feedback.
All reactions
Replies: 1 comment 2 replies
-
Hey @patrickschroeter!
Is the image above a single screenshot made by the plugin itself?
Can you provide some simple reproduction scenario? You can example directory from this repo as a started for reproduction: https://github.com/FRSOURCE/cypress-plugin-visual-regression-diff/tree/main/example
Beta Was this translation helpful? Give feedback.
All reactions
-
@FRSgit Thanks for your answer. I was able to reproduce it by changing the scroll container from html to body by adding the following CSS to the App.vue in the example project has the same effect:
html {
height: 100%;
overflow: hidden;
}
body {
height: 100%;
overflow: auto;
}
Screenshot 2023年03月30日 at 10 45 24
Tested on macOS with Plugin Version 3.2.14
Beta Was this translation helpful? Give feedback.
All reactions
-
👍 1
-
@FRSgit Were you able to reproduce this issue or is it still a unique problem? Should I create an issue out of it?
Beta Was this translation helpful? Give feedback.