Add GitHub Pages prober

tests/probers/gh-pages-gedcom.spec.ts

@@ -0,0 +1,35 @@
+import {expect, test} from '@playwright/test';
+
+/**
+ * Prober: GitHub Pages GEDCOM via CORS proxy
+ *
+ * Loads a GEDCOM file from a raw GitHub URL through the app deployed on
+ * pewu.github.io. Because the app is not on the apps.wikitree.com domain,
+ * GEDCOM URL requests are routed through the CORS proxy
+ * (topolaproxy.bieda.it) by default. This exercises the GitHub Pages
+ * deployment, the CORS proxy, and GEDCOM-from-URL loading.
+ */
+test('GitHub Pages GEDCOM prober', async ({page}) => {
+  await page.goto(
+    'https://pewu.github.io/topola-viewer/#/view?url=https://raw.githubusercontent.com/PeWu/topola-viewer/master/src/datasource/testdata/test.ged&indi=I1',
+  );
+
+  // Wait for the app to reach SHOWING_CHART state.
+  await expect(page.locator('#content')).toBeVisible();
+
+  // Assert the expected person's name appears in the chart SVG.
+  await expect(page.locator('#chart')).toContainText('Bonifacy');
+
+  // Assert the expected person's name appears in the side panel.
+  // Scoped to div.details to avoid matching <text class="details sex"> SVG
+  // elements in the chart that also carry the "details" class.
+  await expect(page.locator('div.details')).toContainText('Bonifacy');
+
+  // Assert no fatal error is displayed (replaces chart when state is ERROR).
+  await expect(page.locator('.ui.error.message')).not.toBeVisible();
+
+  // Assert no popup error is displayed.
+  // ErrorPopup uses Semantic UI React's <Portal>, which renders at
+  // document.body level, not inside #content.
+  await expect(page.locator('.ui.errorPopup.message')).not.toBeVisible();
+});