nash1111 · nash1111 · Jun 30, 2024 · Jun 7, 2024 · Jun 7, 2024 · Jun 7, 2024
diff --git a/app/components/NavigationButton.tsx b/app/components/NavigationButton.tsx
@@ -6,6 +6,22 @@ interface NavigationButtonProps {
     label: string;
 }
 
+//function NavImage({ src, alt, id }) {
+//    const to = `/images/${idx}`;
+//    const vt = unstable_useViewTransitionState(href);
+//    return (
+//      <Link to={to} unstable_viewTransition>
+//        <img
+//          src={src}
+//          alt={alt}
+//          style={{
+//            viewTransitionName: vt ? "image-expand" : "",
+//          }}
+//        />
+//      </Link>
+//    );
+//  }
+
 export const NavigationButton = ({ path, label }: NavigationButtonProps) => {
     return (
         <div className="flex gap-4">

diff --git a/public/lastUpdated.ts b/public/lastUpdated.ts
@@ -1 +1 @@
-export const lastUpdated = "2024-06-30T08:06:21";
+export const lastUpdated = "2024-06-30T12:13:19";
diff --git a/server.pid b/server.pid
diff --git a/test-results/screenshots/blog-page-DarkDesktop.png b/test-results/screenshots/blog-page-DarkDesktop.png
diff --git a/test-results/screenshots/blog-page-MobileSafari.png b/test-results/screenshots/blog-page-MobileSafari.png
diff --git a/test-results/screenshots/blog-page-chromium.png b/test-results/screenshots/blog-page-chromium.png
diff --git a/test-results/screenshots/task-page-DarkDesktop.png b/test-results/screenshots/task-page-DarkDesktop.png
diff --git a/test-results/screenshots/task-page-MobileSafari.png b/test-results/screenshots/task-page-MobileSafari.png
diff --git a/test-results/screenshots/task-page-chromium.png b/test-results/screenshots/task-page-chromium.png
diff --git a/...sults/tests-recordBlogViewTransi-4bb40-uld-render-without-crashing-DarkDesktop/video.webm b/...sults/tests-recordBlogViewTransi-4bb40-uld-render-without-crashing-DarkDesktop/video.webm
diff --git a/...ults/tests-recordBlogViewTransi-4bb40-uld-render-without-crashing-MobileSafari/video.webm b/...ults/tests-recordBlogViewTransi-4bb40-uld-render-without-crashing-MobileSafari/video.webm
diff --git a/...-results/tests-recordBlogViewTransi-4bb40-uld-render-without-crashing-chromium/video.webm b/...-results/tests-recordBlogViewTransi-4bb40-uld-render-without-crashing-chromium/video.webm
diff --git a/test-results/videos/DarkDesktop/blogPage.webm b/test-results/videos/DarkDesktop/blogPage.webm
diff --git a/test-results/videos/MobileSafari/blogPage.webm b/test-results/videos/MobileSafari/blogPage.webm
diff --git a/test-results/videos/chromium/blogPage.webm b/test-results/videos/chromium/blogPage.webm
diff --git a/tests/recordBlogViewTransition.spec.tsx b/tests/recordBlogViewTransition.spec.tsx
@@ -0,0 +1,25 @@
+import { test } from '@playwright/test';
+
+test.use({
+    video: {
+        mode: 'on',
+    }
+});
+test.describe('/task page', () => {
+    test('should render without crashing', async ({ page }, testInfo) => {
+        await page.goto('http://localhost:5173/blog');
+        await page.waitForSelector('text=個人ブログをNextからRemixに移行しました');
+        await page.getByText('個人ブログをNextからRemixに移行しました').click();
+        await page.waitForLoadState('networkidle');
+        await page.waitForTimeout(2000);
+        await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight));
+        await page.waitForTimeout(2000);
+        await page.waitForSelector('button:has-text("Back to BLOG")');
+        await page.locator('button:has-text("Back to BLOG")').click();
+        await page.waitForTimeout(2000);
+        await page.waitForLoadState('networkidle');
+        await page.close();
+        await page.video()?.saveAs(`test-results/videos/${testInfo.project.name}/blogPage.webm`);
+        // webm->gif
+    });
+});
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export const lastUpdated = "2024-06-30T08:06:21";
		export const lastUpdated = "2024-06-30T12:13:19";