confirm ttvc is not affected by animation delay (#88)

### Summary I want to ensure that css animations don't affect TTVC in its current implementation, so I've added a small test to verify this ### Test plan can be run with `npx playwright test test/e2e/animation1/index.spec.ts --ui` Co-authored-by: Rich Hong <[email protected]>
dropbox · May 24, 2024 · 3d059d3 · 3d059d3
1 parent 40aa9ce
commit 3d059d3
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/test/e2e/animation1/index.html b/test/e2e/animation1/index.html
@@ -0,0 +1,19 @@
+<head>
+  <script src="/dist/index.min.js"></script>
+  <script src="/analytics.js"></script>
+</head>
+<style>
+  @keyframes test-fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+</style>
+
+<body>
+  <div style="opacity: 0; animation: test-fade-in 300ms 3000ms forwards">Delayed animation</div>
+</body>
diff --git a/test/e2e/animation1/index.spec.ts b/test/e2e/animation1/index.spec.ts
@@ -0,0 +1,18 @@
+import {test, expect} from '@playwright/test';
+
+import {getEntriesAndErrors} from '../../util/entries';
+
+const ANIMATION_DELAY = 3000;
+
+test.describe('TTVC', () => {
+  test('an animation delay', async ({page}) => {
+    await page.goto(`/test/animation1`, {
+      waitUntil: 'networkidle',
+    });
+
+    const {entries} = await getEntriesAndErrors(page);
+
+    expect(entries.length).toBe(1);
+    expect(entries[0].duration).toBeLessThan(ANIMATION_DELAY);
+  });
+});