Update next/image test (#20986)

This ensures the page has transitioned fully before testing which should resolve the random failure seen in a couple of runs. x-ref: #20918 (comment)
vercel · Jan 13, 2021 · 417a712 · 417a712
1 parent 334ce64
commit 417a712
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/test/integration/image-component/custom-resolver/pages/client-side.js b/test/integration/image-component/custom-resolver/pages/client-side.js
@@ -12,7 +12,7 @@ const MyImage = (props) => {
 const Page = () => {
   return (
     <div>
-      <p>Image Client Side Test</p>
+      <p id="client-side">Image Client Side Test</p>
       <MyImage
         id="basic-image"
         src="foo.jpg"

diff --git a/test/integration/image-component/custom-resolver/pages/index.js b/test/integration/image-component/custom-resolver/pages/index.js
@@ -13,7 +13,7 @@ const MyImage = (props) => {
 const Page = () => {
   return (
     <div>
-      <p>Image SSR Test</p>
+      <p id="ssr">Image SSR Test</p>
       <MyImage
         id="basic-image"
         src="foo.jpg"

diff --git a/test/integration/image-component/custom-resolver/test/index.test.js b/test/integration/image-component/custom-resolver/test/index.test.js
@@ -50,7 +50,10 @@ describe('Custom Resolver Tests', () => {
   describe('Client-side Custom Loader Tests', () => {
     beforeAll(async () => {
       browser = await webdriver(appPort, '/')
-      await browser.waitForElementByCss('#clientlink').click()
+      await browser
+        .elementByCss('#clientlink')
+        .click()
+        .waitForElementByCss('#client-side')
     })
     afterAll(async () => {
       browser = null