test: disable animation in confirm-dialog and CRUD tests (#7824) (#7833)

Co-authored-by: Serhii Kulykov <iamkulykov@gmail.com>
vaadin · Sep 20, 2024 · f0d3ce6 · f0d3ce6
1 parent 1dcf85e
commit f0d3ce6
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/packages/confirm-dialog/test/not-animated-styles.js b/packages/confirm-dialog/test/not-animated-styles.js
@@ -1,7 +1,7 @@
 import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
 registerStyles(
-  'vaadin-dialog-overlay',
+  'vaadin-confirm-dialog-overlay',
   css`
     :host([opening]),
     :host([closing]),

diff --git a/packages/crud/test/not-animated-styles.js b/packages/crud/test/not-animated-styles.js
@@ -0,0 +1,13 @@
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+
+registerStyles(
+  'vaadin-crud-dialog-overlay',
+  css`
+    :host([opening]),
+    :host([closing]),
+    :host([opening]) [part='overlay'],
+    :host([closing]) [part='overlay'] {
+      animation: none !important;
+    }
+  `,
+);
diff --git a/packages/crud/test/visual/lumo/crud.test.js b/packages/crud/test/visual/lumo/crud.test.js
@@ -1,5 +1,6 @@
 import { fixtureSync, nextRender } from '@vaadin/testing-helpers';
 import { visualDiff } from '@web/test-runner-visual-regression';
+import '../../not-animated-styles.js';
 import '../../../theme/lumo/vaadin-crud.js';
 
 describe('crud', () => {

diff --git a/packages/crud/test/visual/material/crud.test.js b/packages/crud/test/visual/material/crud.test.js
@@ -1,5 +1,6 @@
 import { fixtureSync, nextRender } from '@vaadin/testing-helpers';
 import { visualDiff } from '@web/test-runner-visual-regression';
+import '../../not-animated-styles.js';
 import '../../../theme/material/vaadin-crud.js';
 
 describe('crud', () => {