Add another test for percent

Author: styfle

test/integration/image-component/unicode/pages/index.js

@@ -14,6 +14,13 @@ const Page = () => {
         width={400}
         height={400}
       />
+      <Image id="internal-precent" src="/50%.jpg" width={200} height={200} />
+      <Image
+        id="external-precent"
+        src="https://image-optimization-test.vercel.app/50%.jpg"
+        width={200}
+        height={200}
+      />
     </div>
   )
 }

test/integration/image-component/unicode/public/50%.jpg

@@ -44,6 +44,26 @@ function runTests() {
     const res = await fetch(src)
     expect(res.status).toBe(200)
   })
+
+  it('should load internal percent image', async () => {
+    const src = await browser
+      .elementById('internal-precent')
+      .getAttribute('src')
+    expect(src).toMatch('/_next/image?url=%2F50%25.jpg')
+    const res = await fetch(src)
+    expect(res.status).toBe(200)
+  })
+
+  it('should load external percent image', async () => {
+    const src = await browser
+      .elementById('external-precent')
+      .getAttribute('src')
+    expect(src).toMatch(
+      '/_next/image?url=https%3A%2F%2Fimage-optimization-test.vercel.app%2F50%25.jpg'
+    )
+    const res = await fetch(src)
+    expect(res.status).toBe(200)
+  })
 }
 
 describe('Image Component Unicode Image URL', () => {