From f37b8322dbff54a4d8290222a496d19984250ae4 Mon Sep 17 00:00:00 2001
From: naporin0624 <naporin0624@gmail.com>
Date: Wed, 25 Dec 2024 06:34:26 +0000
Subject: [PATCH 1/3] chore(react): update snapshot test tokenv2demo story

---
 .../docs/__snapshots__/TokenV2Demo.story.storyshot   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot b/packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot
index 61559b669..82aeab8b0 100644
--- a/packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot
+++ b/packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot
@@ -265,7 +265,7 @@ exports[`Storybook Tests > theme/Toke v2 Demo > Styled 1`] = `
             <img
               alt="Title"
               className="c10"
-              src="https://loremflickr.com/150/100/animals?random=0"
+              src="https://loremflickr.com/150/100/animals?random=0&lock=0"
             />
             <h3
               className="c11"
@@ -286,7 +286,7 @@ exports[`Storybook Tests > theme/Toke v2 Demo > Styled 1`] = `
             <img
               alt="Title"
               className="c10"
-              src="https://loremflickr.com/150/100/animals?random=1"
+              src="https://loremflickr.com/150/100/animals?random=1&lock=1"
             />
             <h3
               className="c11"
@@ -307,7 +307,7 @@ exports[`Storybook Tests > theme/Toke v2 Demo > Styled 1`] = `
             <img
               alt="Title"
               className="c10"
-              src="https://loremflickr.com/150/100/animals?random=2"
+              src="https://loremflickr.com/150/100/animals?random=2&lock=2"
             />
             <h3
               className="c11"
@@ -441,7 +441,7 @@ exports[`Storybook Tests > theme/Toke v2 Demo > Tailwind 1`] = `
             <img
               alt="Title"
               className="rounded-m aspect-[3/2] w-[100%]"
-              src="https://loremflickr.com/150/100/animals?random=0"
+              src="https://loremflickr.com/150/100/animals?random=0&lock=0"
             />
             <h3
               className="text-text text-caption-m m-0"
@@ -462,7 +462,7 @@ exports[`Storybook Tests > theme/Toke v2 Demo > Tailwind 1`] = `
             <img
               alt="Title"
               className="rounded-m aspect-[3/2] w-[100%]"
-              src="https://loremflickr.com/150/100/animals?random=1"
+              src="https://loremflickr.com/150/100/animals?random=1&lock=1"
             />
             <h3
               className="text-text text-caption-m m-0"
@@ -483,7 +483,7 @@ exports[`Storybook Tests > theme/Toke v2 Demo > Tailwind 1`] = `
             <img
               alt="Title"
               className="rounded-m aspect-[3/2] w-[100%]"
-              src="https://loremflickr.com/150/100/animals?random=2"
+              src="https://loremflickr.com/150/100/animals?random=2&lock=2"
             />
             <h3
               className="text-text text-caption-m m-0"

From 26d6709cbb13578b337b0d04875b3a49f21fd106 Mon Sep 17 00:00:00 2001
From: naporin0624 <naporin0624@gmail.com>
Date: Wed, 25 Dec 2024 06:34:55 +0000
Subject: [PATCH 2/3] fix(react): fix typo

---
 packages/react/docs/TokenV2Demo.story.tsx                     | 2 +-
 packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/docs/TokenV2Demo.story.tsx b/packages/react/docs/TokenV2Demo.story.tsx
index f40d5e17b..5e887cbf1 100644
--- a/packages/react/docs/TokenV2Demo.story.tsx
+++ b/packages/react/docs/TokenV2Demo.story.tsx
@@ -5,7 +5,7 @@ import TokenV2Styled from './TokenV2DemoStyled'
 import TokenV2Tailwind from './TokenV2DemoTailwind'
 
 export default {
-  title: 'theme/Toke v2 Demo',
+  title: 'theme/Token v2 Demo',
   component: TokenV2Styled,
 } as Meta<typeof TokenV2Styled>
 
diff --git a/packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot b/packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot
index 82aeab8b0..fdf487726 100644
--- a/packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot
+++ b/packages/react/docs/__snapshots__/TokenV2Demo.story.storyshot
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storybook Tests > theme/Toke v2 Demo > Styled 1`] = `
+exports[`Storybook Tests > theme/Token v2 Demo > Styled 1`] = `
 .c0 {
   -webkit-transition: 0.3s color ease-in-out;
   transition: 0.3s color ease-in-out;
@@ -327,7 +327,7 @@ exports[`Storybook Tests > theme/Toke v2 Demo > Styled 1`] = `
 </div>
 `;
 
-exports[`Storybook Tests > theme/Toke v2 Demo > Tailwind 1`] = `
+exports[`Storybook Tests > theme/Token v2 Demo > Tailwind 1`] = `
 <div
   data-dark={false}
 >

From b62161a8da33b45fef17638cf7d686d646b3475f Mon Sep 17 00:00:00 2001
From: naporin0624 <naporin0624@gmail.com>
Date: Wed, 25 Dec 2024 07:18:00 +0000
Subject: [PATCH 3/3] chore: mask image test-runner

---
 .storybook/test-runner.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.storybook/test-runner.ts b/.storybook/test-runner.ts
index 135d76fa1..1b9548b22 100644
--- a/.storybook/test-runner.ts
+++ b/.storybook/test-runner.ts
@@ -30,7 +30,10 @@ const vrtTestConfig: TestRunnerConfig = {
     await waitForPageReady(page)
     await page.waitForTimeout(200)
 
-    const image = await page.screenshot()
+    const image = await page.screenshot({
+      animations: 'disabled',
+      mask: [page.locator('img')],
+    })
     expect(image).toMatchImageSnapshot({
       customSnapshotIdentifier: context.id,
       customDiffDir: `${process.cwd()}/__diff_output__`,