Add simple integration tests to most examples

Author: EzraBrooks

.gitignore

@@ -8,3 +8,4 @@ node_modules
 dist
 importmap.js
 .DS_Store
+test-results

package-lock.json

@@ -27,10 +27,13 @@
     }
   ],
   "scripts": {
-    "start": "http-server .. -o /roslib-examples/src/index.html"
+    "start": "http-server .. -o /roslib-examples/src/index.html",
+    "test": "playwright test"
   },
   "devDependencies": {
-    "http-server": "^14.1.1"
+    "@playwright/test": "^1.56.1",
+    "http-server": "^14.1.1",
+    "playwright": "^1.56.1"
   },
   "dependencies": {
     "roslib": "^2.0.0"

packages/roslib-examples/package.json

@@ -0,0 +1,12 @@
+import { defineConfig } from "@playwright/test";
+
+export default defineConfig({
+  // Run your local dev server before starting the tests
+  webServer: {
+    command: "npm start",
+    url: "http://localhost:8080",
+    reuseExistingServer: !process.env.CI,
+    stdout: "ignore",
+    stderr: "pipe",
+  },
+});

packages/roslib-examples/playwright.config.ts

@@ -0,0 +1,11 @@
+import { test } from "@playwright/test";
+
+test("ActionClient example initializes", async ({ page }) => {
+  test.setTimeout(5000);
+  await page.goto(
+    `http://localhost:8080/roslib-examples/src/action_client.html`,
+  );
+  await page.waitForEvent("console", (msg) =>
+    msg.text().includes("Connection made!"),
+  );
+});

packages/roslib-examples/src/action_client.test.ts

@@ -17,6 +17,10 @@
         console.log(error);
       });
 
+      ros.on("connection", function () {
+        console.log("Connection made!");
+      });
+
       // The ActionServer
       // ----------------
 

packages/roslib-examples/src/action_server.html

@@ -0,0 +1,11 @@
+import { test } from "@playwright/test";
+
+test("SimpleActionServer example initializes", async ({ page }) => {
+  test.setTimeout(5000);
+  await page.goto(
+    `http://localhost:8080/roslib-examples/src/action_server.html`,
+  );
+  await page.waitForEvent("console", (msg) =>
+    msg.text().includes("Connection made!"),
+  );
+});

packages/roslib-examples/src/action_server.test.ts

@@ -0,0 +1,11 @@
+import { test } from "@playwright/test";
+
+test("ROS 2 Action client example initializes", async ({ page }) => {
+  test.setTimeout(5000);
+  await page.goto(
+    `http://localhost:8080/roslib-examples/src/ros2_action_client.html`,
+  );
+  await page.waitForEvent("console", (msg) =>
+    msg.text().includes("Connection made!"),
+  );
+});

packages/roslib-examples/src/ros2_action_client.test.ts

@@ -12,6 +12,10 @@
         url: "ws://localhost:9090",
       });
 
+      ros.on("connection", function () {
+        console.log("Connection made!");
+      });
+
       // If there is an error on the backend, an 'error' emit will be emitted.
       ros.on("error", function (error) {
         console.log(error);

packages/roslib-examples/src/ros2_action_server.html

@@ -0,0 +1,11 @@
+import { test } from "@playwright/test";
+
+test("ROS 2 Action server example initializes", async ({ page }) => {
+  test.setTimeout(5000);
+  await page.goto(
+    `http://localhost:8080/roslib-examples/src/ros2_action_server.html`,
+  );
+  await page.waitForEvent("console", (msg) =>
+    msg.text().includes("Connection made!"),
+  );
+});