Attempt to fix navbar inconsistency

Added waitFor: 'network-idle' in an attempt to wait for the JS to load. Also removed tests for blog page since there is currently no way of running the Playwright tests with DEBUG_MODE_ENABLED sadly.
EthanThatOneKid · Oct 12, 2022 · 312e3b3 · 312e3b3
1 parent deee127
commit 312e3b3
Show file tree

Hide file tree

Showing 27 changed files with 5 additions and 61 deletions.
diff --git a/src/routes/(site)/1st/page.test.ts b/src/routes/(site)/1st/page.test.ts
@@ -47,7 +47,7 @@ test('first contributions page matches screenshot', async ({ page }, testInfo) =
     });
   }
 
-  await page.goto('/1st');
+  await page.goto('/1st', { waitUntil: 'networkidle' });
   expect(await page.screenshot({ fullPage: true, scale: 'css' })).toMatchSnapshot({
     name: `page-${data.projectName}.png`,
   });

diff --git a/src/routes/(site)/1st/screenshots/page-dark-desktop.png b/src/routes/(site)/1st/screenshots/page-dark-desktop.png
diff --git a/src/routes/(site)/1st/screenshots/page-dark-mobile.png b/src/routes/(site)/1st/screenshots/page-dark-mobile.png
diff --git a/src/routes/(site)/1st/screenshots/page-dark-tablet.png b/src/routes/(site)/1st/screenshots/page-dark-tablet.png
diff --git a/src/routes/(site)/1st/screenshots/page-light-desktop.png b/src/routes/(site)/1st/screenshots/page-light-desktop.png
diff --git a/src/routes/(site)/1st/screenshots/page-light-mobile.png b/src/routes/(site)/1st/screenshots/page-light-mobile.png
diff --git a/src/routes/(site)/1st/screenshots/page-light-tablet.png b/src/routes/(site)/1st/screenshots/page-light-tablet.png
diff --git a/src/routes/(site)/about/page.test.ts b/src/routes/(site)/about/page.test.ts
@@ -47,7 +47,7 @@ test('about page matches screenshot', async ({ page }, testInfo) => {
     });
   }
 
-  await page.goto('/about');
+  await page.goto('/about', { waitUntil: 'networkidle' });
   expect(await page.screenshot({ fullPage: true, scale: 'css' })).toMatchSnapshot({
     name: `page-${data.projectName}.png`,
   });

diff --git a/src/routes/(site)/about/screenshots/page-dark-mobile.png b/src/routes/(site)/about/screenshots/page-dark-mobile.png
diff --git a/src/routes/(site)/about/screenshots/page-light-mobile.png b/src/routes/(site)/about/screenshots/page-light-mobile.png
diff --git a/src/routes/(site)/blog/[id]/page.test.ts b/src/routes/(site)/blog/[id]/page.test.ts
@@ -47,7 +47,7 @@ test('blog post page matches screenshot', async ({ page }, testInfo) => {
     });
   }
 
-  await page.goto('/blog/272');
+  await page.goto('/blog/272', { waitUntil: 'networkidle' });
   expect(await page.screenshot({ fullPage: true, scale: 'css' })).toMatchSnapshot({
     name: `page-${data.projectName}.png`,
   });

diff --git a/src/routes/(site)/blog/[id]/screenshots/page-light-desktop.png b/src/routes/(site)/blog/[id]/screenshots/page-light-desktop.png
diff --git a/src/routes/(site)/blog/[id]/screenshots/page-light-mobile.png b/src/routes/(site)/blog/[id]/screenshots/page-light-mobile.png
diff --git a/src/routes/(site)/blog/[id]/screenshots/page-light-tablet.png b/src/routes/(site)/blog/[id]/screenshots/page-light-tablet.png
diff --git a/src/routes/(site)/blog/page.test.ts b/src/routes/(site)/blog/page.test.ts
diff --git a/src/routes/(site)/blog/screenshots/page-dark-desktop.png b/src/routes/(site)/blog/screenshots/page-dark-desktop.png
diff --git a/src/routes/(site)/blog/screenshots/page-dark-mobile.png b/src/routes/(site)/blog/screenshots/page-dark-mobile.png
diff --git a/src/routes/(site)/blog/screenshots/page-dark-tablet.png b/src/routes/(site)/blog/screenshots/page-dark-tablet.png
diff --git a/src/routes/(site)/blog/screenshots/page-light-desktop.png b/src/routes/(site)/blog/screenshots/page-light-desktop.png
diff --git a/src/routes/(site)/blog/screenshots/page-light-mobile.png b/src/routes/(site)/blog/screenshots/page-light-mobile.png
diff --git a/src/routes/(site)/blog/screenshots/page-light-tablet.png b/src/routes/(site)/blog/screenshots/page-light-tablet.png
diff --git a/src/routes/(site)/events/page.test.ts b/src/routes/(site)/events/page.test.ts
@@ -47,7 +47,7 @@ test('events page matches screenshot', async ({ page }, testInfo) => {
     });
   }
 
-  await page.goto('/events');
+  await page.goto('/events', { waitUntil: 'networkidle' });
   expect(await page.screenshot({ fullPage: true, scale: 'css' })).toMatchSnapshot({
     name: `page-${data.projectName}.png`,
   });

diff --git a/src/routes/(site)/events/screenshots/page-dark-desktop.png b/src/routes/(site)/events/screenshots/page-dark-desktop.png
diff --git a/src/routes/(site)/events/screenshots/page-dark-mobile.png b/src/routes/(site)/events/screenshots/page-dark-mobile.png
diff --git a/src/routes/(site)/events/screenshots/page-dark-tablet.png b/src/routes/(site)/events/screenshots/page-dark-tablet.png
diff --git a/src/routes/(site)/events/screenshots/page-light-mobile.png b/src/routes/(site)/events/screenshots/page-light-mobile.png
diff --git a/src/routes/error.test.ts b/src/routes/error.test.ts
@@ -47,7 +47,7 @@ test('error page matches screenshot', async ({ page }, testInfo) => {
     });
   }
 
-  await page.goto('/this-page/does-not/exist');
+  await page.goto('/this-page/does-not/exist', { waitUntil: 'networkidle' });
 
   expect(await page.screenshot({ fullPage: true, scale: 'css' })).toMatchSnapshot({
     name: `error-${data.projectName}.png`,