💚 テストを修正

arrow2nd · Jan 14, 2024 · 0121b1b · 0121b1b
1 parent 3990493
commit 0121b1b
Show file tree

Hide file tree

Showing 5 changed files with 71 additions and 41 deletions.
diff --git a/components/molecules/not-found-card/__snapshots__/index.test.tsx.snap b/components/molecules/not-found-card/__snapshots__/index.test.tsx.snap
@@ -3,47 +3,65 @@
 exports[`NotFoundCard 見た目が変化していないか 1`] = `
 <div>
   <div
-    class="w-96 m-2 p-6 rounded-lg shadow-md bg-white flex flex-row items-center justify-center"
+    class="w-96 m-2 p-6 rounded-lg shadow-md bg-white flex flex-col"
   >
-    <svg
-      fill="currentColor"
-      height="1em"
-      stroke="currentColor"
-      stroke-width="0"
-      version="1.1"
-      viewBox="0 0 16 16"
-      width="1em"
-      xmlns="http://www.w3.org/2000/svg"
+    <div
+      class="flex flex-row items-center"
     >
-      <path
-        d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5z"
-      />
-      <path
-        d="M12.5 6h-2c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"
-      />
-      <path
-        d="M5.5 6h-2c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"
-      />
-      <path
-        d="M9.5 13.375c-0.128 0-0.256-0.049-0.354-0.146-0.072-0.072-0.46-0.229-1.146-0.229s-1.075 0.157-1.146 0.229c-0.195 0.195-0.512 0.195-0.707 0s-0.195-0.512 0-0.707c0.471-0.471 1.453-0.521 1.854-0.521s1.383 0.051 1.854 0.521c0.195 0.195 0.195 0.512 0 0.707-0.098 0.098-0.226 0.146-0.354 0.146z"
-      />
-      <path
-        d="M11.5 9c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z"
-      />
-      <path
-        d="M11.5 12c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z"
-      />
-      <path
-        d="M4.5 9c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z"
-      />
-      <path
-        d="M4.5 12c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z"
-      />
-    </svg>
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM8 1.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5z"
+        />
+        <path
+          d="M12.5 6h-2c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"
+        />
+        <path
+          d="M5.5 6h-2c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"
+        />
+        <path
+          d="M9.5 13.375c-0.128 0-0.256-0.049-0.354-0.146-0.072-0.072-0.46-0.229-1.146-0.229s-1.075 0.157-1.146 0.229c-0.195 0.195-0.512 0.195-0.707 0s-0.195-0.512 0-0.707c0.471-0.471 1.453-0.521 1.854-0.521s1.383 0.051 1.854 0.521c0.195 0.195 0.195 0.512 0 0.707-0.098 0.098-0.226 0.146-0.354 0.146z"
+        />
+        <path
+          d="M11.5 9c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z"
+        />
+        <path
+          d="M11.5 12c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z"
+        />
+        <path
+          d="M4.5 9c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z"
+        />
+        <path
+          d="M4.5 12c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z"
+        />
+      </svg>
+      <p
+        class="ml-2 font-bold"
+      >
+        見つかりませんでした…
+      </p>
+    </div>
     <p
-      class="ml-2"
+      class="mt-2 text-sm text-natural-gray"
     >
-      みつかりませんでした...
+      アイドル・ユニット名が間違っているか、
+      <a
+        class="underline hover:text-imas transition-colors"
+        href="https://sparql.crssnky.xyz/imas/"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        im@sparql
+      </a>
+      にイメージカラーの情報が登録されていないようです。
     </p>
   </div>
 </div>

diff --git a/components/organisms/color-cards/index.test.tsx b/components/organisms/color-cards/index.test.tsx
@@ -14,7 +14,7 @@ describe('ColorCards', () => {
 
   test('カードが無いときの表示が正しいか', () => {
     const { getByText } = render(<ColorCards {...props} items={[]} />)
-    expect(getByText('みつかりませんでした...')).toBeTruthy()
+    expect(getByText('見つかりませんでした…')).toBeTruthy()
   })
 
   test('見た目が変化していないか', () => {

diff --git a/components/organisms/ui/index.test.tsx b/components/organisms/ui/index.test.tsx
@@ -19,7 +19,7 @@ describe('UI', () => {
       fireEvent.click(getByTestId('search-button'))
     })
 
-    expect(getByText('みつかりませんでした...')).toBeTruthy()
+    expect(getByText('見つかりませんでした…')).toBeTruthy()
   })
 
   test('ブランドから検索ができるか', () => {

diff --git a/package.json b/package.json
@@ -29,6 +29,7 @@
     "@testing-library/react": "^14.1.2",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/color-convert": "^2.0.3",
+    "@types/jest": "^29.5.11",
     "@types/node": "^20.11.0",
     "@types/react": "18.2.47",
     "@types/react-scroll": "^1.8.10",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml