test: update assertion to allow image cdn responses be webp

opennextjs · Dec 19, 2024 · cfb85ac · cfb85ac
1 parent 6a2c39c
commit cfb85ac
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/tests/e2e/export.test.ts b/tests/e2e/export.test.ts
@@ -64,8 +64,10 @@ test.describe('next/image is using Netlify Image CDN', () => {
 
     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')
+    // source image is jpg, but when requesting it through Image CDN avif or webp will be returned
+    expect(['image/avif', 'image/webp']).toContain(
+      await nextImageResponse.headerValue('content-type'),
+    )
 
     await expectImageWasLoaded(page.locator('img'))
   })

diff --git a/tests/e2e/simple-app.test.ts b/tests/e2e/simple-app.test.ts
@@ -119,8 +119,10 @@ test.describe('next/image is using Netlify Image CDN', () => {
 
     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')
+    // source image is jpg, but when requesting it through Image CDN avif or webp will be returned
+    expect(['image/avif', 'image/webp']).toContain(
+      await nextImageResponse.headerValue('content-type'),
+    )
 
     await expectImageWasLoaded(page.locator('img'))
   })
@@ -142,7 +144,9 @@ test.describe('next/image is using Netlify Image CDN', () => {
     )
 
     expect(nextImageResponse.status()).toBe(200)
-    expect(await nextImageResponse.headerValue('content-type')).toEqual('image/avif')
+    expect(['image/avif', 'image/webp']).toContain(
+      await nextImageResponse.headerValue('content-type'),
+    )
 
     await expectImageWasLoaded(page.locator('img'))
   })
@@ -164,7 +168,9 @@ test.describe('next/image is using Netlify Image CDN', () => {
     )
 
     expect(nextImageResponse.status()).toBe(200)
-    expect(await nextImageResponse.headerValue('content-type')).toEqual('image/avif')
+    expect(['image/avif', 'image/webp']).toContain(
+      await nextImageResponse.headerValue('content-type'),
+    )
 
     await expectImageWasLoaded(page.locator('img'))
   })
@@ -183,7 +189,9 @@ test.describe('next/image is using Netlify Image CDN', () => {
     )
 
     expect(nextImageResponse?.status()).toBe(200)
-    expect(await nextImageResponse.headerValue('content-type')).toEqual('image/avif')
+    expect(['image/avif', 'image/webp']).toContain(
+      await nextImageResponse.headerValue('content-type'),
+    )
 
     await expectImageWasLoaded(page.locator('img'))
   })
@@ -203,7 +211,9 @@ test.describe('next/image is using Netlify Image CDN', () => {
     )
 
     expect(nextImageResponse.status()).toEqual(200)
-    expect(await nextImageResponse.headerValue('content-type')).toEqual('image/avif')
+    expect(['image/avif', 'image/webp']).toContain(
+      await nextImageResponse.headerValue('content-type'),
+    )
 
     await expectImageWasLoaded(page.locator('img'))
   })