diff --git a/playwright.config.ts b/playwright.config.ts index 93ea3204..a398d160 100644 --- a/playwright.config.ts +++ b/playwright.config.ts @@ -38,4 +38,8 @@ export default defineConfig({ // stdout: 'pipe', // stderr: 'pipe', }, + + expect: { + toHaveScreenshot: { maxDiffPixelRatio: 0.01 }, + }, }); diff --git a/src/autocomplete/styles.css.ts b/src/autocomplete/styles.css.ts index 3d9e6da6..c237bbd2 100644 --- a/src/autocomplete/styles.css.ts +++ b/src/autocomplete/styles.css.ts @@ -53,19 +53,24 @@ export default css` slot { display: contents !important; } - - @keyframes rotating { - 100% { + + @keyframes rotateAnimation { + from { + transform: rotate(0deg); + } + to { transform: rotate(360deg); } } + .spinner { border-radius: 50%; width: 22px; height: 22px; border: 2px solid rgba(0, 0, 0, 0.1); border-top: 2px solid #5f5a92; - animation: rotating 1.2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86); + animation: rotateAnimation 1.2s infinite + cubic-bezier(0.785, 0.135, 0.15, 0.86); box-sizing: border-box; margin-top: -3px; flex: none; diff --git a/test/e2e/visual.spec.ts-snapshots/basic-render-2-chromium-linux.png b/test/e2e/visual.spec.ts-snapshots/basic-render-2-chromium-linux.png index 5facd5ac..d9b21aff 100644 Binary files a/test/e2e/visual.spec.ts-snapshots/basic-render-2-chromium-linux.png and b/test/e2e/visual.spec.ts-snapshots/basic-render-2-chromium-linux.png differ diff --git a/test/e2e/visual.spec.ts-snapshots/basic-render-3-chromium-linux.png b/test/e2e/visual.spec.ts-snapshots/basic-render-3-chromium-linux.png index 9bcd9fbe..a53b76b6 100644 Binary files a/test/e2e/visual.spec.ts-snapshots/basic-render-3-chromium-linux.png and b/test/e2e/visual.spec.ts-snapshots/basic-render-3-chromium-linux.png differ diff --git a/test/e2e/visual.spec.ts-snapshots/basic-render-4-chromium-linux.png b/test/e2e/visual.spec.ts-snapshots/basic-render-4-chromium-linux.png index 30cc710d..58ec8872 100644 Binary files a/test/e2e/visual.spec.ts-snapshots/basic-render-4-chromium-linux.png and b/test/e2e/visual.spec.ts-snapshots/basic-render-4-chromium-linux.png differ diff --git a/test/e2e/visual.spec.ts-snapshots/basic-render-5-chromium-linux.png b/test/e2e/visual.spec.ts-snapshots/basic-render-5-chromium-linux.png index 7e3e3d16..ae54cd84 100644 Binary files a/test/e2e/visual.spec.ts-snapshots/basic-render-5-chromium-linux.png and b/test/e2e/visual.spec.ts-snapshots/basic-render-5-chromium-linux.png differ diff --git a/test/e2e/visual.spec.ts-snapshots/basic-render-6-chromium-linux.png b/test/e2e/visual.spec.ts-snapshots/basic-render-6-chromium-linux.png index 87ffca40..efd384f3 100644 Binary files a/test/e2e/visual.spec.ts-snapshots/basic-render-6-chromium-linux.png and b/test/e2e/visual.spec.ts-snapshots/basic-render-6-chromium-linux.png differ