Create dynamic element for puppeteer to wait on

dichotommy · Oct 27, 2020 · 14c23fd · 14c23fd
1 parent 3ba930d
commit 14c23fd
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/tests/env/express/public/index.html b/tests/env/express/public/index.html
@@ -8,7 +8,7 @@
 </head>
 <body>
     Index name:
-    <div id="indexes"></div>
+    <div id="content"></div>
 </body>
 </html>
 <script src="./meilisearch.umd.js"></script>
@@ -21,8 +21,13 @@
       })
       await client.getOrCreateIndex("createdIndexTest")
       const index = await client.getIndex("createdIndexTest").show()
-      document.querySelector('#indexes').innerHTML = `<div>${JSON.stringify(index.uid)}</div>`
-      await client.getIndex("test").deleteIndex()
+      // Create dynamic element to wait on with puppeteer
+      const newDiv = document.createElement("div");
+      newDiv.setAttribute("id", "indexes");
+      newDiv.innerHTML = index.uid
+
+      document.body.insertBefore(newDiv, document.querySelector("#content"));
+      await client.getIndex("createdIndexTest").deleteIndex()
     } catch(e) {
       console.error(e);
     }

diff --git a/tests/env/express/tests/client.test.js b/tests/env/express/tests/client.test.js
@@ -4,6 +4,7 @@ describe('MeiliSearch JS Browser test', () => {
   })
 
   it('Should have generated a meilisearch client and displayed', async () => {
+    await page.waitForSelector("#indexes")
     await expect(
       page.content()
       ).resolves.toMatch('createdIndexTest')