Merge pull request #199 from 1ilsang/docs/visual-testing

Docs/visual testing
1ilsang · May 9, 2024 · e919190 · e919190
2 parents 23af691 + 1a6e8b2
commit e919190
Show file tree

Hide file tree

Showing 16 changed files with 1,246 additions and 12 deletions.
diff --git a/_posts/js/visual-regression-test.md b/_posts/js/visual-regression-test.md
diff --git a/e2e/__snapshots__/post/dom.spec.ts/desktop/visual-regression-test.html b/e2e/__snapshots__/post/dom.spec.ts/desktop/visual-regression-test.html
diff --git a/e2e/__snapshots__/post/dom.spec.ts/mobile/visual-regression-test.html b/e2e/__snapshots__/post/dom.spec.ts/mobile/visual-regression-test.html
diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/visual-regression-test.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/visual-regression-test.png
diff --git a/e2e/__snapshots__/post/screen.spec.ts/mobile/2024-01.png b/e2e/__snapshots__/post/screen.spec.ts/mobile/2024-01.png
diff --git a/e2e/__snapshots__/post/screen.spec.ts/mobile/bali-remote-work.png b/e2e/__snapshots__/post/screen.spec.ts/mobile/bali-remote-work.png
diff --git a/e2e/__snapshots__/post/screen.spec.ts/mobile/geultto8-open-source-seminar.png b/e2e/__snapshots__/post/screen.spec.ts/mobile/geultto8-open-source-seminar.png
diff --git a/e2e/__snapshots__/post/screen.spec.ts/mobile/junction2023.png b/e2e/__snapshots__/post/screen.spec.ts/mobile/junction2023.png
diff --git a/e2e/__snapshots__/post/screen.spec.ts/mobile/mac-init-apps.png b/e2e/__snapshots__/post/screen.spec.ts/mobile/mac-init-apps.png
diff --git a/e2e/__snapshots__/post/screen.spec.ts/mobile/mdn-ko-organizer.png b/e2e/__snapshots__/post/screen.spec.ts/mobile/mdn-ko-organizer.png
diff --git a/e2e/__snapshots__/post/screen.spec.ts/mobile/visual-regression-test.png b/e2e/__snapshots__/post/screen.spec.ts/mobile/visual-regression-test.png
diff --git a/e2e/__snapshots__/posts.spec.ts/desktop/posts.html b/e2e/__snapshots__/posts.spec.ts/desktop/posts.html
diff --git a/e2e/__snapshots__/posts.spec.ts/mobile/posts.html b/e2e/__snapshots__/posts.spec.ts/mobile/posts.html
diff --git a/e2e/post/common.spec.ts b/e2e/post/common.spec.ts
@@ -3,7 +3,7 @@ import { urls } from './utils';
 
 test.describe('common', () => {
   test('Check all post count', () => {
-    const ALL_POST_COUNT = 32;
+    const ALL_POST_COUNT = 33;
     expect(urls.length).toEqual(ALL_POST_COUNT);
   });
 });
diff --git a/src/features/styles/ui/posts/posts.scss b/src/features/styles/ui/posts/posts.scss
@@ -62,15 +62,10 @@
     padding: 1vh 2vw;
     content-visibility: auto;
     margin-bottom: 15px;
-    border-radius: 40px 80px / 80px 40px;
 
     &:hover {
-      color: white;
-      text-shadow:
-        -0.5px 0 $base-color,
-        0 0.5px $base-color,
-        0.5px 0 $base-color,
-        0 -0.5px $base-color;
+      color: $background-color;
+      border-radius: 40px 80px / 80px 40px;
       background: linear-gradient(
         -45deg,
         #ee7752,
@@ -106,8 +101,14 @@
         margin-top: 0.5rem;
 
         .title {
-          font-size: 1.4rem;
-          margin: 0 1rem 0.3rem 0;
+          font-size: 1.5rem;
+          text-shadow:
+            -0.5px 0 $base-color,
+            0 0.5px $base-color,
+            0.5px 0 $base-color,
+            0 -0.5px $base-color;
+          text-decoration: underline 0.15em #42506117;
+          margin-bottom: 0.3rem;
         }
       }
 

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -17,6 +17,13 @@ export default class MyDocument extends Document {
             rel="preload"
             crossOrigin="anonymous"
           />
+          <link
+            href="/assets/D2CodingBold.woff2"
+            as="font"
+            type="font/woff2"
+            rel="preload"
+            crossOrigin="anonymous"
+          />
           <Favicon />
         </Head>
         <body>