Add integration test

test/integration/next-image-new/default/pages/ref-forwarding.js

@@ -0,0 +1,16 @@
+import React from 'react'
+import Image from 'next/image'
+import { useRef } from 'react'
+import { useEffect } from 'react'
+
+export default function Page() {
+  const ref = useRef()
+  useEffect(() => {
+    window.ref = ref
+  }, [])
+  return (
+    <div>
+      <Image id="img" src="/test.jpg" height={100} width={100} ref={ref} />
+    </div>
+  )
+}

test/integration/next-image-new/default/test/index.test.ts

@@ -1257,6 +1257,23 @@ function runTests(mode) {
       }
     }
   })
+
+  it.only('should forward ref to native img', async () => {
+    let browser
+    try {
+      browser = await webdriver(appPort, '/ref-forwarding')
+      await waitFor(1000)
+      const dataId = 'arst'
+      await browser.eval(`window.ref.current.dataset.id = '${dataId}'`)
+      expect(await browser.elementById('img').getAttribute('data-id')).toBe(
+        dataId
+      )
+    } finally {
+      if (browser) {
+        await browser.close()
+      }
+    }
+  })
 }
 
 describe('Image Component Default Tests', () => {