Update default.spec.ts

Author: mfranzke

showcases/patternhub/tests/default.spec.ts

@@ -9,7 +9,7 @@ const getDefaultScreenshotTest = async (
 ) => {
 	test(`${type} should match screenshot`, async ({ page }) => {
 		await page.goto(`${path}`, {
-			waitUntil: 'domcontentloaded'
+			waitUntil: 'networkidle'
 		});
 		await fn(page);
 		await expect(page).toHaveScreenshot([name, 'patternhub.png']);
@@ -29,29 +29,27 @@ for (const group of Components) {
 				}
 			);
 		});
-		// COMMENTED OUT: This test fails because h1 elements are not consistently visible on all pages
-		// test.describe(component.name, async () => {
-		// 	await getDefaultScreenshotTest(
-		// 		component.name,
-		// 		`overview`,
-		// 		`.${group.path}/${component.name}/overview?fullscreen=true`,
-		// 		async (page) => {
-		// 			const firstH2 = page.locator('h1').first();
-		// 			await expect(firstH2).toBeVisible();
-		// 		}
-		// 	);
-		// });
-		// COMMENTED OUT: This test fails because h2 elements are not consistently visible on properties pages
-		// test.describe(component.name, async () => {
-		// 	await getDefaultScreenshotTest(
-		// 		component.name,
-		// 		`properties`,
-		// 		`.${group.path}/${component.name}/properties?fullscreen=true&noh1=true`,
-		// 		async (page) => {
-		// 			const firstH2 = page.locator('h2').first();
-		// 			await expect(firstH2).toBeVisible();
-		// 		}
-		// 	);
-		// });
+		test.describe(component.name, async () => {
+			await getDefaultScreenshotTest(
+				component.name,
+				`overview`,
+				`.${group.path}/${component.name}/overview?fullscreen=true`,
+				async (page) => {
+					const firstH2 = page.locator('h1').first();
+					await expect(firstH2).toBeVisible();
+				}
+			);
+		});
+		test.describe(component.name, async () => {
+			await getDefaultScreenshotTest(
+				component.name,
+				`properties`,
+				`.${group.path}/${component.name}/properties?fullscreen=true&noh1=true`,
+				async (page) => {
+					const firstH2 = page.locator('h2').first();
+					await expect(firstH2).toBeVisible();
+				}
+			);
+		});
 	}
 }