`trailingSlash` setting not honored for next/image with placeholder="blur" about next.js HOT 1 OPEN

diff --git a/test/e2e/app-dir/trailingslash/app/page.js b/test/e2e/app-dir/trailingslash/app/page.js
index c00ce2fb17..ac956f2d88 100644
--- a/test/e2e/app-dir/trailingslash/app/page.js
+++ b/test/e2e/app-dir/trailingslash/app/page.js
@@ -1,4 +1,8 @@
 import Link from 'next/link'
+import Image from 'next/image'
+
+import testImage from '../public/test.jpg'
+
 export default function HomePage() {
   return (
     <>
@@ -6,6 +10,7 @@ export default function HomePage() {
         <Link href="/a/" id="to-a-trailing-slash">
           To a with trailing slash
         </Link>
+        <Image id="image-with-blur-placeholder" src={testImage} placeholder="blur" />
       </p>
     </>
   )
diff --git a/test/e2e/app-dir/trailingslash/trailingslash.test.ts b/test/e2e/app-dir/trailingslash/trailingslash.test.ts
index b1731aa254..98aba1774b 100644
--- a/test/e2e/app-dir/trailingslash/trailingslash.test.ts
+++ b/test/e2e/app-dir/trailingslash/trailingslash.test.ts
@@ -40,6 +40,12 @@ createNextDescribe(
       expect(await browser.waitForElementByCss('#a-page').text()).toBe('A page')
     })
 
+    it('should render blurred image placeholder with trailing slash', async () => {
+      const $ = await next.render$('/')
+
+      expect($('#image-with-blur-placeholder').attr('style')).toInclude('background-image:url("/_next/image/')
+    })
+
     it('should redirect route when clicking link', async () => {
       const browser = await next.browser('/')
       await browser