test: use fixed overlay height in time-picker visual tests (#8408)

vaadin · Dec 30, 2024 · 39242e5 · 39242e5
1 parent f12e44c
commit 39242e5
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 2 deletions.
diff --git a/...es/time-picker/test/visual/lumo/screenshots/time-picker/baseline/ltr-opened.png b/...es/time-picker/test/visual/lumo/screenshots/time-picker/baseline/ltr-opened.png
diff --git a/...es/time-picker/test/visual/lumo/screenshots/time-picker/baseline/rtl-opened.png b/...es/time-picker/test/visual/lumo/screenshots/time-picker/baseline/rtl-opened.png
diff --git a/packages/time-picker/test/visual/lumo/time-picker.test.js b/packages/time-picker/test/visual/lumo/time-picker.test.js
@@ -12,6 +12,7 @@ describe('time-picker', () => {
     div.style.display = 'inline-block';
     div.style.padding = '10px';
     element = fixtureSync('<vaadin-time-picker></vaadin-time-picker>', div);
+    element.style.setProperty('--vaadin-time-picker-overlay-max-height', '300px');
   });
 
   it('basic', async () => {
@@ -90,7 +91,7 @@ describe('time-picker', () => {
       });
 
       it('opened', async () => {
-        div.style.height = '500px';
+        div.style.height = '350px';
         div.style.width = '200px';
         element.click();
         await visualDiff(div, `${dir}-opened`);

diff --git a/...ime-picker/test/visual/material/screenshots/time-picker/baseline/ltr-opened.png b/...ime-picker/test/visual/material/screenshots/time-picker/baseline/ltr-opened.png
diff --git a/...ime-picker/test/visual/material/screenshots/time-picker/baseline/rtl-opened.png b/...ime-picker/test/visual/material/screenshots/time-picker/baseline/rtl-opened.png
diff --git a/packages/time-picker/test/visual/material/time-picker.test.js b/packages/time-picker/test/visual/material/time-picker.test.js
@@ -12,6 +12,7 @@ describe('time-picker', () => {
     div.style.display = 'inline-block';
     div.style.padding = '10px';
     element = fixtureSync('<vaadin-time-picker></vaadin-time-picker>', div);
+    element.style.setProperty('--vaadin-time-picker-overlay-max-height', '300px');
   });
 
   it('basic', async () => {
@@ -90,7 +91,7 @@ describe('time-picker', () => {
       });
 
       it('opened', async () => {
-        div.style.height = '500px';
+        div.style.height = '350px';
         div.style.width = '200px';
         element.click();
         await visualDiff(div, `${dir}-opened`);