Add GitHub Pages prober

This commit is contained in:
Przemek Więch
2026-07-03 23:39:16 +02:00
parent 6af745ca3d
commit f28dfbf21d
11 changed files with 191 additions and 4 deletions

View File

@@ -351,7 +351,7 @@ targets a different URL and asserts a different expected name.
subsequent `#chart` text assertion relies on Playwright's auto-wait
to bridge this gap.
3. Assert expected name appears in #chart (chart SVG text).
4. Assert expected name appears in .details (side panel).
4. Assert expected name appears in div.details (side panel).
5. Assert .ui.error.message is not visible (no fatal error).
6. Assert .ui.errorPopup.message is not visible (no popup error).
```
@@ -366,7 +366,7 @@ Selectors are derived from the source code:
* `#content` — main container, visible when chart state is `SHOWING_CHART`
(see `src/pages/view_page.tsx:202`).
* `#chart` — SVG group inside the chart (see `src/chart.tsx:599`).
* `.details` — side panel Details tab content (see `src/sidepanel/details/details.tsx:357`).
* `div.details` — side panel Details tab content (see `src/sidepanel/details/details.tsx:357`).
* `.ui.error.message` — fatal error replacing the chart (see
`src/components/error_display.tsx`, rendered when state is `ERROR`). The `ui` and
`message` classes are added by Semantic UI React's `<Message>`
@@ -385,7 +385,7 @@ Selectors are derived from the source code:
The side panel is expanded by default on desktop viewports (the prober project
uses `devices['Desktop Chrome']`). The `getShowSidePanel` function in
`src/util/url_args.ts:177` returns `true` on non-mobile screens, so the `.details`
`src/util/url_args.ts:177` returns `true` on non-mobile screens, so the `div.details`
container is visible without any URL parameters.
### Step 3: Prober GitHub Actions workflows

View File

@@ -13,3 +13,4 @@ While new features *may* follow this methodology to ensure robust design validat
* **[PLAYWRIGHT_DESIGN.md](PLAYWRIGHT_DESIGN.md)**: Playwright E2E testing architecture, Vite development/preview server lifecycle integration, tracking blocker interceptors, and embedded iframe communication.
* **[SCREENSHOT_TESTS_DESIGN.md](SCREENSHOT_TESTS_DESIGN.md)**: Pixel-perfect visual regression testing infrastructure, animation stabilization, sandbox environment/DOM sanitization, and isolated Playwright projects.
* **[WEBMCP_DESIGN.md](WEBMCP_DESIGN.md)**: Model Context Protocol (MCP) bridge and TS tool registration for AI agent interaction.
* **[PROBERS_DESIGN.md](PROBERS_DESIGN.md)**: Live prober smoke tests against deployed GitHub Pages, WikiTree URLs, and local Docker container, covering WikiTree API, CORS proxy, GEDCOM-from-URL, and Docker build paths.