fix: use playwright electron to test example

oliveriosousa · oliveriosousa · commit 18879843986a · 2021-08-19T17:51:50.000+01:00
diff --git a/examples/run-in-electron/index.html b/examples/run-in-electron/index.html
@@ -6,10 +6,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>IPFS Electron</title>
 
+    <script
+      src="https://cdn.jsdelivr.net/npm/ipfs/dist/index.min.js"
+      defer
+    ></script>
     <script src="./renderer.js" defer></script>
   </head>
   <body>
     <h1>IPFS in electron!</h1>
     <h2>now check your console</h2>
+
+    <h3>IPFS: <span id="node" style="display: none;"></span></h3>
   </body>
 </html>
diff --git a/examples/run-in-electron/main.js b/examples/run-in-electron/main.js
@@ -1,7 +1,6 @@
 'use strict'
 
 const { app, BrowserWindow } = require('electron')
-const IPFS = require('ipfs')
 
 let mainWindow
 
@@ -28,14 +27,6 @@ function createWindow () {
 
 app.on('ready', async () => {
   createWindow()
-
-  try {
-    const node = await IPFS.create()
-    const id = await node.id()
-    console.log(id)
-  } catch (err) {
-    console.error(err)
-  }
 })
 
 // Quit when all windows are closed.
diff --git a/examples/run-in-electron/package.json b/examples/run-in-electron/package.json
@@ -23,7 +23,6 @@
   "devDependencies": {
     "electron": "^13.1.9",
     "electron-rebuild": "^3.1.1",
-    "ipfs": "^0.58.0",
     "test-util-ipfs-example": "^1.0.2"
   },
   "greenkeeper": {
diff --git a/examples/run-in-electron/renderer.js b/examples/run-in-electron/renderer.js
@@ -1,3 +1,17 @@
 // This file is required by the index.html file and will
 // be executed in the renderer process for that window.
 // All of the Node.js APIs are available in this process.
+
+
+(async () => {
+  try {
+    const node = await Ipfs.create();
+    const id = await node.id();
+
+    const nodeDOM = document.getElementById("node");
+    nodeDOM.innerHTML = id.id;
+    nodeDOM.style = "";
+  } catch (err) {
+    console.error(err);
+  }
+})();
diff --git a/examples/run-in-electron/tests/test.js b/examples/run-in-electron/tests/test.js
@@ -1,11 +1,20 @@
-'use strict'
+const { _electron: electron } = require("playwright");
 
-const { node } = require('test-util-ipfs-example');
+(async () => {
+  // Launch Electron app.
+  const electronApp = await electron.launch({ args: ["main.js"] });
 
-async function test () {
-  await node.waitForOutput('protocolVersion', 'npm', ['run', 'start'], {
-    cwd: __dirname
-  })
-}
+  // Get the first window that the app opens, wait if necessary.
+  const window = await electronApp.firstWindow();
 
-test();
+  await window.waitForTimeout(5000);
+
+  const content = await window.textContent("#node");
+
+  if (content.trim() === "") {
+    throw new Error("It should have been created an IPFS node");
+  }
+
+  // Exit app.
+  await electronApp.close();
+})();
diff --git a/yarn.lock b/yarn.lock
