chore: removed broken image that was no longer broken from main images demo page

Author: nickytonline

cypress/integration/default/images.spec.ts

@@ -4,13 +4,12 @@
 describe('next/images', () => {
   it('should show static image from /public', () => {
     cy.visit('/')
-    cy.findByRole('img').should('be.visible').and(($img) => {
-      // "naturalWidth" and "naturalHeight" are set when the image loads
-      expect(
-        $img[0].naturalWidth,
-        'image has natural width'
-      ).to.be.greaterThan(0)
-    })
+    cy.findByRole('img')
+      .should('be.visible')
+      .and(($img) => {
+        // "naturalWidth" and "naturalHeight" are set when the image loads
+        expect($img[0].naturalWidth, 'image has natural width').to.be.greaterThan(0)
+      })
   })
 
   it('should show image using next/image', () => {
@@ -20,24 +19,11 @@ describe('next/images', () => {
 
   it('should show image allow-listed with remotePatterns', () => {
     cy.visit('/image')
-    cy.findByRole('img',{ name: /tawny frogmouth/i }).should('be.visible').and(($img) => {
-      // "naturalWidth" and "naturalHeight" are set when the image loads
-      expect(
-        $img[0].naturalWidth,
-        'image has natural width'
-      ).to.be.greaterThan(0)
-    })
-  })
-
-  it('should show a broken image if it is not on domains or remotePatterns allowlist', () => {
-    cy.visit('/image')
-    cy.findByRole('img',{ name: /jellybeans/i }).should('be.visible').and(($img) => {
-      expect(
-        $img[0].style.height
-      ).to.equal('0px')
-      expect(
-        $img[0].style.width
-      ).to.equal('0px')
-    })
+    cy.findByRole('img', { name: /tawny frogmouth/i })
+      .should('be.visible')
+      .and(($img) => {
+        // "naturalWidth" and "naturalHeight" are set when the image loads
+        expect($img[0].naturalWidth, 'image has natural width').to.be.greaterThan(0)
+      })
   })
 })

demos/default/next.config.js

@@ -71,7 +71,7 @@ module.exports = {
   },
   // https://nextjs.org/docs/basic-features/image-optimization#domains
   images: {
-    domains: ['raw.githubusercontent.com', 'upload.wikimedia.org'],
+    domains: ['raw.githubusercontent.com'],
     remotePatterns: [
       {
         hostname: '*.imgur.com',

demos/default/pages/image.js

@@ -22,16 +22,6 @@ const Images = () => (
       />
       <Image src="https://i.imgur.com/bxSRS3Jb.png" alt="Tawny Frogmouth" width={160} height={160} />
     </p>
-
-    <p>
-      The following image should be broken as the domain is not added to domains or remotePatterns in next.config.js:
-    </p>
-    <Image
-      src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/SIPI_Jelly_Beans_4.1.07.tiff/lossy-page1-256px-SIPI_Jelly_Beans_4.1.07.tiff.jpg"
-      alt="Jellybeans"
-      width={146}
-      height={32}
-    />
   </div>
 )