Merge pull request #683 from pixiv/chore/update-snapshot-test

Theme/token V2 demo の snapshot を更新
pixiv · Dec 25, 2024 · 7659229 · 7659229
2 parents 435d86d + b62161a
commit 7659229
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git 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__`,

diff --git 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
@@ -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;
@@ -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"
@@ -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}
 >
@@ -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"