first commit

test/integration/next-image-legacy/noscript/pages/index.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import Image from 'next/legacy/image'
+
+const myLoader = ({ src, width, quality }) => {
+  return `https://customresolver.com${src}?w~~${width},q~~${quality}`
+}
+
+const Page = () => {
+  return (
+    <div>
+      <p>noscript images</p>
+      <Image id="basic-image" src="/basic-image.jpg" width={640} height={360} />
+      <Image
+        loader={myLoader}
+        id="image-with-loader"
+        src="/remote-image.jpg"
+        width={640}
+        height={360}
+      />
+    </div>
+  )
+}
+
+export default Page

test/integration/next-image-legacy/noscript/test/index.test.ts

@@ -0,0 +1,47 @@
+/* eslint-env jest */
+
+import { join } from 'path'
+import cheerio from 'cheerio'
+import {
+  killApp,
+  findPort,
+  nextStart,
+  nextBuild,
+  renderViaHTTP,
+} from 'next-test-utils'
+
+const appDir = join(__dirname, '../')
+let appPort
+let app
+
+describe('Noscript Tests', () => {
+  ;(process.env.TURBOPACK_DEV ? describe.skip : describe)(
+    'production mode',
+    () => {
+      beforeAll(async () => {
+        await nextBuild(appDir)
+        appPort = await findPort()
+        app = await nextStart(appDir, appPort)
+      })
+      afterAll(() => killApp(app))
+      describe('Noscript page source tests', () => {
+        it('should use local API for noscript img#basic-image src attribute', async () => {
+          const html = await renderViaHTTP(appPort, '/')
+          const $ = cheerio.load(html)
+
+          expect($('noscript > img#basic-image').attr('src')).toMatch(
+            /^\/_next\/image/
+          )
+        })
+        it('should use loader url for noscript img#image-with-loader src attribute', async () => {
+          const html = await renderViaHTTP(appPort, '/')
+          const $ = cheerio.load(html)
+
+          expect($('noscript > img#image-with-loader').attr('src')).toMatch(
+            /^https:\/\/customresolver.com/
+          )
+        })
+      })
+    }
+  )
+})