diff --git a/packages/confirm-dialog/test/not-animated-styles.js b/packages/confirm-dialog/test/not-animated-styles.js index d228e17806..214ae85ce7 100644 --- 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 new file mode 100644 index 0000000000..f7ab02fe22 --- /dev/null +++ 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 index 1ccac542ea..6715bc9e72 100644 --- 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 index 4f38168fd7..d48e3c703b 100644 --- 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', () => {