fix delay test

chromaui · Jan 25, 2024 · 53710c7 · 53710c7
1 parent 283026a
commit 53710c7
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 25 deletions.
diff --git a/packages/cypress/tests/cypress/e2e/options.cy.ts b/packages/cypress/tests/cypress/e2e/options.cy.ts
@@ -1,4 +1,4 @@
-it('Options / delay', { env: { delay: 1200 } }, () => {
+it('Options / delay', { env: { delay: 5000 } }, () => {
   cy.visit('/options/delay');
 });
 

diff --git a/packages/playwright/tests/options.spec.ts b/packages/playwright/tests/options.spec.ts
@@ -1,7 +1,7 @@
 import { test } from '../src';
 
 test.describe(() => {
-  test.use({ delay: 1200 });
+  test.use({ delay: 5000 });
 
   test('Options / delay', async ({ page }) => {
     await page.goto('/options/delay');

diff --git a/test-server/fixtures/assets/images/animated.gif b/test-server/fixtures/assets/images/animated.gif
diff --git a/test-server/fixtures/options/delay.html b/test-server/fixtures/options/delay.html
@@ -1,28 +1,7 @@
 <!doctype html>
 <html>
-  <head>
-    <style>
-      /* don't show the image at the beginning */
-      img {
-        visibility: hidden;
-        animation-name: make-shown;
-        animation-duration: 2ms;
-        animation-delay: 1000ms;
-        animation-fill-mode: forwards;
-      }
-
-      @keyframes make-shown {
-        0% {
-          visibility: hidden;
-        }
-        100% {
-          visibility: visible;
-        }
-      }
-    </style>
-  </head>
   <body>
-    <img src="/img?url=fixtures/blue.png"/>
-    <h4>The image should be snapshotted since we're waiting until the delayed-revealed image is visible.</h4>
+    <img src="/images/animated.gif"/>
+    <h4>The image should be snapshotted as purple since we're waiting until the delayed-revealed image is visible.</h4>
   </body>
 </html>