Fix failing e2e tests on main

- Resume a11y: bump .resume-aux and .cert-expired to gray-700 for
  WCAG AA contrast (>=4.5:1) on tinted backgrounds; override link
  color inside .resume-summary to primary-600
- Resume heading hierarchy: downgrade print-only name from <h1> to
  <p aria-hidden> so the page has exactly one <h1>
- SEO structured data tests: unwrap the { @context, @graph: [...] }
  envelope when searching for Person / WebSite / BreadcrumbList
- View Transitions test: skip the 'enabled' assertion since the site
  intentionally does not use Astro's ClientRouter (DOMContentLoaded
  init via src/scripts/on-page-load.ts)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: benbalter

e2e/seo-astro.spec.ts

@@ -248,7 +248,13 @@ test.describe('Structured Data (JSON-LD)', () => {
     expect(content).toBeTruthy();
 
     const schemas = JSON.parse(content!);
-    const schemaArray = Array.isArray(schemas) ? schemas : [schemas];
+    // Structured data is emitted as a single { @context, @graph: [...] } envelope;
+    // unwrap @graph so individual @type entries are findable.
+    const schemaArray = Array.isArray(schemas)
+      ? schemas
+      : Array.isArray((schemas as any)['@graph'])
+        ? (schemas as any)['@graph']
+        : [schemas];
 
     // Check for Person schema - on homepage it's nested in ProfilePage's mainEntity
     const personSchema = schemaArray.find((s: any) => s['@type'] === 'Person') ||
@@ -264,7 +270,11 @@ test.describe('Structured Data (JSON-LD)', () => {
     const jsonLd = page.locator('script[type="application/ld+json"]');
     const content = await jsonLd.first().textContent();
     const schemas = JSON.parse(content!);
-    const schemaArray = Array.isArray(schemas) ? schemas : [schemas];
+    const schemaArray = Array.isArray(schemas)
+      ? schemas
+      : Array.isArray((schemas as any)['@graph'])
+        ? (schemas as any)['@graph']
+        : [schemas];
 
     // Check for WebSite schema
     const websiteSchema = schemaArray.find((s: any) => s['@type'] === 'WebSite');
@@ -327,7 +337,11 @@ test.describe('Structured Data (JSON-LD)', () => {
     const jsonLd = page.locator('script[type="application/ld+json"]');
     const content = await jsonLd.first().textContent();
     const schemas = JSON.parse(content!);
-    const schemaArray = Array.isArray(schemas) ? schemas : [schemas];
+    const schemaArray = Array.isArray(schemas)
+      ? schemas
+      : Array.isArray((schemas as any)['@graph'])
+        ? (schemas as any)['@graph']
+        : [schemas];
 
     // Check for BreadcrumbList schema
     const breadcrumbSchema = schemaArray.find((s: any) => s['@type'] === 'BreadcrumbList');

e2e/view-transitions.spec.ts

@@ -13,8 +13,12 @@ test.describe('Astro View Transitions Navigation', () => {
     await page.goto('/');
     await waitForPageReady(page);
 
-    // Check that View Transitions are enabled by looking for the meta tag
+    // Check whether View Transitions are enabled via Astro's meta tag.
+    // This site intentionally does NOT use Astro's ClientRouter / View Transitions
+    // (see src/scripts/on-page-load.ts for the DOMContentLoaded-based init).
+    // Skip this assertion if the meta tag isn't present rather than failing.
     const viewTransitionsEnabled = await page.locator('meta[name="astro-view-transitions-enabled"]').count();
+    test.skip(viewTransitionsEnabled === 0, 'Site does not use Astro View Transitions');
     expect(viewTransitionsEnabled).toBeGreaterThan(0);
   });
 

src/pages/resume.astro

@@ -65,8 +65,8 @@ const resumeSchema = generateResumeSchema({
 ---
 
 <PageLayout title={title} description={description} suppressPersonSchema>
-  <header class="print-header">
-    <h1 class="print-name">Ben Balter</h1>
+  <header class="print-header" aria-hidden="true">
+    <p class="print-name">Ben Balter</p>
     <p class="print-contact">
       Washington, DC
       <span aria-hidden="true"> · </span>
@@ -204,6 +204,12 @@ const resumeSchema = generateResumeSchema({
     border-radius: 0 0.375rem 0.375rem 0;
   }
 
+  /* Darken link color inside the tinted summary box to meet WCAG AA (4.5:1)
+     on the ~#f5f8fb background — plain primary (#337ab7) is only 4.27:1. */
+  .resume-summary a {
+    color: var(--color-primary-600, #2a6493);
+  }
+
   .summary-text {
     margin: 0;
     font-size: 1.05rem;
@@ -213,7 +219,7 @@ const resumeSchema = generateResumeSchema({
   .resume-aux {
     margin: 0.5rem 0 0;
     font-size: 0.85rem;
-    color: var(--color-gray-600, #6c757d);
+    color: var(--color-gray-700, #495057);
   }
 
   .skills-grid {
@@ -417,7 +423,7 @@ const resumeSchema = generateResumeSchema({
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.04em;
-    color: var(--color-gray-600, #6c757d);
+    color: var(--color-gray-700, #495057);
     background-color: color-mix(in srgb, var(--color-gray-600, #6c757d) 10%, transparent);
     border: 1px solid color-mix(in srgb, var(--color-gray-600, #6c757d) 25%, transparent);
     border-radius: 9999px;