test: re-record browser-extension fixtures on the current GitHub DOM, by era

GitHub A/B-tests its PR page markup, so the extension carries selectors for more
than one DOM era. Split the fixture corpus into date-stamped era directories so
both are exercised: github_dom_2025_02/ (the existing captures, moved and now
sanitized — they were leaking the original capturers' identities into this public
repo) and github_dom_2026_07/ (freshly recorded from synthetic PRs on the
mergify-sandbox org: opened, merged, no_mergify, no_timeline_actions,
batch_closed).

The fixture loader takes an era; the flat searchConfig* and mergify_timestamp
fragment fixtures are unaffected. Existing tests pin the legacy era explicitly; a
new suite asserts the era-agnostic detection (data-status pill, merged-by-Mergify
timeline, Mergify app-avatar marker) against the current DOM.

Recorded via the record-github-fixtures + extract-browser-cookies skills
(Mergifyio/skills#32, #33).

MRGFY-8087

Test plan:
- npx jest (284 passing) — legacy suite green through the era loader; new
  current-DOM parity suite green.
- npx biome check — clean.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KJbLFjMX9mb8o5T3JXTAXL
Change-Id: I966a2d36a92c50664bdea6918b1987293014b822

Author: JulianMaurin

src/__tests__/fixtureDomEras.test.js

@@ -0,0 +1,89 @@
+const { injectFixtureInDOM, LEGACY_ERA, CURRENT_ERA } = require("./utils");
+const {
+    isPullRequestOpen,
+    isPullRequestDraft,
+    wasMergedByMergify,
+} = require("../queue.js");
+
+const APP_AVATAR = 'img[src^="https://avatars.githubusercontent.com/in/10562"]';
+const isMergifyAppShown = () => document.querySelector(APP_AVATAR) !== null;
+
+// GitHub A/B-tests its PR page markup, so the extension's detection spans DOM
+// eras (legacy span.State / .gh-header-meta beside current data-status / React
+// header). The same checks run against every recorded era so a regression on
+// either path fails here. The two eras were captured from different PRs, so a
+// fixture's exact state can differ across eras — hence per-era expected values.
+// isPullRequestOpen / isPullRequestDraft are the dual-selector functions this
+// most directly exercises.
+const EXPECTED = {
+    [LEGACY_ERA]: {
+        github_pr_opened: {
+            open: true,
+            draft: true,
+            merged: false,
+            mergify: true,
+        },
+        github_pr_merged: {
+            open: false,
+            draft: false,
+            merged: false,
+            mergify: false,
+        },
+        github_pr_no_timeline_actions: {
+            open: true,
+            draft: true,
+            merged: false,
+            mergify: true,
+        },
+        github_pr_no_mergify: {
+            open: true,
+            draft: false,
+            merged: false,
+            mergify: false,
+        },
+    },
+    [CURRENT_ERA]: {
+        github_pr_opened: {
+            open: true,
+            draft: false,
+            merged: false,
+            mergify: true,
+        },
+        github_pr_merged: {
+            open: false,
+            draft: false,
+            merged: true,
+            mergify: true,
+        },
+        github_pr_no_timeline_actions: {
+            open: false,
+            draft: false,
+            merged: false,
+            mergify: false,
+        },
+        github_pr_no_mergify: {
+            open: true,
+            draft: false,
+            merged: false,
+            mergify: false,
+        },
+    },
+};
+
+describe.each([
+    LEGACY_ERA,
+    CURRENT_ERA,
+])("fixture DOM detection — %s", (era) => {
+    afterEach(() => {
+        document.body.innerHTML = "";
+    });
+
+    test.each(Object.keys(EXPECTED[era]))("%s", (name) => {
+        injectFixtureInDOM(name, era);
+        const exp = EXPECTED[era][name];
+        expect(isPullRequestOpen()).toBe(exp.open);
+        expect(isPullRequestDraft()).toBe(exp.draft);
+        expect(wasMergedByMergify()).toBe(exp.merged);
+        expect(isMergifyAppShown()).toBe(exp.mergify);
+    });
+});