test: add coverage for merged Remix context

Author: serhalp

tests/e2e/fixtures/edge-site/app/routes/context.tsx

@@ -0,0 +1,12 @@
+import { useLoaderData } from "@remix-run/react";
+import { type LoaderArgs } from "@netlify/remix-edge-adapter";
+
+export async function loader({ context }: LoaderArgs) {
+  return {
+    siteName: context.site?.name,
+  };
+}
+export default function About() {
+  const { siteName } = useLoaderData<typeof loader>();
+  return <div>This site name is {siteName}</div>;
+}

tests/e2e/fixtures/serverless-site/app/routes/context.tsx

@@ -0,0 +1,12 @@
+import { useLoaderData } from "@remix-run/react";
+import { type LoaderArgs } from "@netlify/remix-adapter";
+
+export async function loader({ context }: LoaderArgs) {
+  return {
+    siteName: context.site?.name,
+  };
+}
+export default function About() {
+  const { siteName } = useLoaderData<typeof loader>();
+  return <div>This site name is {siteName}</div>;
+}

tests/e2e/user-journeys.spec.ts

@@ -100,6 +100,18 @@ test.describe('User journeys', () => {
     await expect(page.getByRole('img')).toHaveJSProperty('height', 300)
   })
 
+  test('can access Netlify Functions context in loader context', async ({ page, serverlessSite }) => {
+    const response = await page.goto(`${serverlessSite.url}/context`)
+    expect(response?.status()).toBe(200)
+    await expect(page.getByText('This site name is remix-compute-e2e-tests')).toBeVisible()
+  })
+
+  test('can access Netlify Edge Functions context in loader context', async ({ page, edgeSite }) => {
+    const response = await page.goto(`${edgeSite.url}/context`)
+    expect(response?.status()).toBe(200)
+    await expect(page.getByText('This site name is remix-compute-e2e-tests')).toBeVisible()
+  })
+
   test.describe('classic Remix compiler', () => {
     test('serves a response from the origin when using @netlify/remix-adapter', async ({
       page,