test: add e2e test to test broken image error

Author: nickytonline

cypress/integration/default/images.spec.ts

@@ -26,4 +26,13 @@ describe('next/images', () => {
         expect($img[0].naturalWidth, 'image has natural width').to.be.greaterThan(0)
       })
   })
+
+  it('should show throw if an image is not on the domains or remotePatterns allowlist', () => {
+    cy.request('/broken-image').then((response) => {
+      expect(response.status).to.eq(500)
+      expect(response.body).to.include(
+        'hostname "broken-domain" is not configured under images in your `next.config.js`',
+      )
+    })
+  })
 })

demos/default/pages/broken-image.tsx

@@ -1,4 +1,4 @@
-import Image from 'next/legacy/image'
+import Image from 'next/image'
 
 // This should cause an error, because broken-domain is not part of the configured next.config.js image domains
 const Images = () => (