Handle upstream CodeSandbox embed blocking in website deployment test

[Copilot]

The deployment GitHub Actions job was failing in the website Playwright check because the embedded CodeSandbox GitHub sandbox no longer consistently loads on prod. In the failing case, CodeSandbox returns an upstream embed block (403 / X-Frame-Options) rather than either rendering the example or showing a known outage banner.

• Root cause

  • The prod-only examples-sandbox E2E test assumed the selected StackExchange sandbox would either:
    • render expected CodeSandbox content, or
    • show a known CodeSandbox outage banner
  • A third upstream failure mode now occurs: the embed request is blocked before the sandbox can load.

• Change

  • Extend the prod-only Playwright assertion to detect upstream embed blocking by watching for:
    • 403 responses from the selected codesandbox.io sandbox URL
    • browser console errors mentioning X-Frame-Options for CodeSandbox
  • Treat that condition the same way as transient external outage conditions: skip the test instead of failing the deployment job.

• Scope

  • Only the website E2E test was updated.
  • No production runtime behavior was changed.

const upstreamBlockPromise = page
  .waitForResponse(
    response =>
      response.url().includes('codesandbox.io') &&
      response.status() === 403 &&
      response.url().includes(SELECTED_EXAMPLE),
    { timeout },
  )
  .then(() => 'blocked' as const);

if (result === 'blocked') {
  test.skip(true, 'CodeSandbox blocked this embedded GitHub sandbox upstream');
}

[github-actions]

Apollo Federation Subgraph Compatibility Results

Federation 1 Support	Federation 2 Support
_service 🟢 @key (single) 🟢 @key (multi) 🟢 @key (composite) 🟢 repeatable @key 🟢 @requires 🟢 @provides 🟢 federated tracing 🟢	@link 🟢 @shareable 🟢 @tag 🟢 @override 🟢 @inaccessible 🟢 @composeDirective 🟢 @interfaceObject 🟢

Learn more:

• Apollo Federation Subgraph Specification
• Compatibility Tests

[github-actions]

💻 Website Preview

The latest changes are available as preview in: https://pr-9639.graphql-mesh-ai3.pages.dev

[Copilot]

Pull request overview

Updates the website’s prod-only Playwright E2E coverage for the ExamplesSandbox embed so the deployment GitHub Actions job doesn’t fail when CodeSandbox blocks the embed upstream (e.g., 403 / X-Frame-Options) rather than rendering content or showing known outage banners.

Changes:

• Add a page.waitForResponse watcher to detect CodeSandbox 403 responses for the selected example.
• Add a page.waitForEvent('console') watcher to detect browser errors mentioning X-Frame-Options for CodeSandbox.
• Treat the detected “upstream blocked” condition like other transient external outage conditions by skipping the test.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.