From 3f490f613d1ce9d7051b7a0c244473d6a1150c98 Mon Sep 17 00:00:00 2001
From: pieh <misiek.piechowiak@gmail.com>
Date: Tue, 30 Jul 2024 11:06:52 +0200
Subject: [PATCH] test: add next/image to static export fixture and test

---
 tests/e2e/export.test.ts                       | 18 ++++++++++++++++++
 .../output-export/app/image/local/page.js      | 10 ++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 tests/fixtures/output-export/app/image/local/page.js

diff --git a/tests/e2e/export.test.ts b/tests/e2e/export.test.ts
index 8c56f288fe..715ec18f1d 100644
--- a/tests/e2e/export.test.ts
+++ b/tests/e2e/export.test.ts
@@ -52,3 +52,21 @@ test('Renders the Home page correctly with output export and custom dist dir', a
 
   await expectImageWasLoaded(page.locator('img'))
 })
+
+test.describe('next/image is using Netlify Image CDN', () => {
+  test('Local images', async ({ page, outputExport }) => {
+    const nextImageResponsePromise = page.waitForResponse('**/_next/image**')
+
+    await page.goto(`${outputExport.url}/image/local`)
+
+    const nextImageResponse = await nextImageResponsePromise
+    expect(nextImageResponse.request().url()).toContain('_next/image?url=%2Fsquirrel.jpg')
+
+    expect(nextImageResponse.status()).toBe(200)
+    // ensure next/image is using Image CDN
+    // source image is jpg, but when requesting it through Image CDN avif will be returned
+    expect(await nextImageResponse.headerValue('content-type')).toEqual('image/avif')
+
+    await expectImageWasLoaded(page.locator('img'))
+  })
+})
diff --git a/tests/fixtures/output-export/app/image/local/page.js b/tests/fixtures/output-export/app/image/local/page.js
new file mode 100644
index 0000000000..9e427d4edf
--- /dev/null
+++ b/tests/fixtures/output-export/app/image/local/page.js
@@ -0,0 +1,10 @@
+import Image from 'next/image'
+
+export default function NextImageUsingNetlifyImageCDN() {
+  return (
+    <main>
+      <h1>Next/Image + Netlify Image CDN</h1>
+      <Image src="/squirrel.jpg" alt="a cute squirrel (next/image)" width={300} height={278} />
+    </main>
+  )
+}