feat(pie-lottie-player): DSW-2365 update visual test

justeattakeaway · Sep 2, 2024 · 144af95 · 144af95
1 parent 3cb1957
commit 144af95
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/packages/components/pie-lottie-player/test/component/pie-lottie-player.spec.ts b/packages/components/pie-lottie-player/test/component/pie-lottie-player.spec.ts
@@ -3,7 +3,7 @@ import { readFile } from 'fs/promises';
 import { test, expect } from '@sand4rt/experimental-ct-web';
 import { PieLottiePlayer, LottiePlayerProps } from '../../src/index.ts';
 
-const animationData = JSON.parse(await readFile(new URL('./courier.json', import.meta.url), { encoding: 'utf-8' }));
+const animationData = JSON.parse(await readFile(new URL('../courier.json', import.meta.url), { encoding: 'utf-8' }));
 
 const componentSelector = 'pie-lottie-player';
 

diff --git a/...lottie-player/test/component/courier.json → ...nents/pie-lottie-player/test/courier.json b/...lottie-player/test/component/courier.json → ...nents/pie-lottie-player/test/courier.json
diff --git a/packages/components/pie-lottie-player/test/visual/pie-lottie-player.spec.ts b/packages/components/pie-lottie-player/test/visual/pie-lottie-player.spec.ts
@@ -1,14 +1,23 @@
 
+import { readFile } from 'fs/promises';
 import { test } from '@sand4rt/experimental-ct-web';
 import percySnapshot from '@percy/playwright';
 import { PieLottiePlayer, LottiePlayerProps } from '../../src/index.ts';
 
+const animationData = JSON.parse(await readFile(new URL('../courier.json', import.meta.url), { encoding: 'utf-8' }));
+
 test.describe('PieLottiePlayer - Visual tests`', () => {
     test('should display the PieLottiePlayer component successfully', async ({ page, mount }) => {
         await mount(PieLottiePlayer, {
-            props: {} as LottiePlayerProps,
+            props: {
+                animationData,
+            } as LottiePlayerProps,
         });
 
+        // Ensure to snapshot always the first frame
+        page.locator('pie-lottie-player')
+            .evaluate((el:PieLottiePlayer) => el.stop());
+
         await percySnapshot(page, 'PieLottiePlayer - Visual Test');
     });
 });