Cleaned up next-image e2e test for easier extension

Author: jankaifer

test/e2e/next-image/app/pages/index.js …2e/next-image/app/pages/farmer-motion.jstest/e2e/next-image/app/pages/index.js renamed to test/e2e/next-image/app/pages/farmer-motion.js test/e2e/next-image/app/pages/index.js renamed to test/e2e/next-image/app/pages/farmer-motion.js

@@ -20,14 +20,11 @@ const MotionImage = motion(CustomImage)
 export default function Page() {
   const [clicked, setClicked] = useState(false)
   return (
-    <>
-      <h1>Framer demo</h1>
-      <MotionImage
-        onClick={() => setClicked(true)}
-        initial={{ opacity: 1 }}
-        animate={{ opacity: clicked ? 0 : 1 }}
-        transition={{ duration: 0.5 }}
-      />
-    </>
+    <MotionImage
+      onClick={() => setClicked(true)}
+      initial={{ opacity: 1 }}
+      animate={{ opacity: clicked ? 0 : 1 }}
+      transition={{ duration: 0.5 }}
+    />
   )
 }

test/e2e/next-image/index.test.ts

@@ -4,7 +4,7 @@ import { waitFor } from 'next-test-utils'
 import path from 'path'
 import webdriver from 'next-webdriver'
 
-describe('next-image', () => {
+describe('next-image-forward-ref', () => {
   let next: NextInstance
 
   const appDir = path.join(__dirname, 'app')
@@ -20,7 +20,7 @@ describe('next-image', () => {
   afterAll(() => next.destroy())
 
   it('allows framer-motion to animate opacity', async () => {
-    const browser = await webdriver(next.url, '/')
+    const browser = await webdriver(next.url, '/framer-motion')
     expect(
       Number(await browser.elementById('img').getComputedCss('opacity'))
     ).toBeCloseTo(1)