fix tests

desktop/integration-test/open-extension.test.ts

@@ -7,7 +7,7 @@ import { launchApp } from "./launchApp";
 
 describe("websocket connection", () => {
   it("should import .foxe extension correctly", async () => {
-    const app = await launchApp();
+    await using app = await launchApp();
 
     await app.renderer.getByTestId("DataSourceDialog").getByTestId("CloseIcon").click();
 
@@ -25,7 +25,5 @@ describe("websocket connection", () => {
     await app.renderer.getByText("Turtle [local]").click();
 
     await expect(app.renderer.getByText("Turtle", { exact: true }).count()).resolves.toBe(1);
-
-    await app.main.close();
   });
 });

desktop/integration-test/websocket.test.ts

@@ -8,28 +8,30 @@ import { launchApp } from "./launchApp";
 describe("websocket connection", () => {
   let sysmonProcess: ChildProcess;
 
-  afterAll(async () => {
-    await new Promise<void>((resolve) => {
-      // Close all channels to ensure that there is no async leak
+  // Start the sysmon process using npx
+  function startWebSocketServer() {
+    sysmonProcess = spawn("npx", ["@foxglove/ws-protocol-examples@latest", "sysmon"]);
+  }
+
+  async function closeWebSocketServer() {
+    return await new Promise((resolve) => {
+
+      // Close all channels to ensure that there is not any async leak
       sysmonProcess.stdin?.end();
       sysmonProcess.stdout?.destroy();
       sysmonProcess.stderr?.destroy();
 
       // Kill the process
-      sysmonProcess.kill();
+      sysmonProcess.kill('SIGINT');
 
-      // Ensure Jest waits for the process to be fully closed
-      sysmonProcess.on("close", () => {
-        resolve();
-      });
+      resolve(1)
     });
-  });
+  }
 
   it("should show correct attributes using sysmon ws and raw messages panel", async () => {
-    // Start the sysmon process using npx
-    sysmonProcess = spawn("npx", ["@foxglove/ws-protocol-examples@latest", "sysmon"]);
+    startWebSocketServer();
 
-    const app = await launchApp();
+    await using app = await launchApp();
 
     await app.renderer.getByText("Open connection").click();
     await app.renderer.getByText("Open", { exact: true }).click();
@@ -49,12 +51,12 @@ describe("websocket connection", () => {
 
     // Select the topic
     await app.renderer.getByPlaceholder("/some/topic.msgs[0].field").nth(0).click();
-    await app.renderer.getByTestId("autocomplete-item").getByText("system_stats").click();
+    await app.renderer.getByTestId("autocomplete-item").click();
 
     const rawMessagesPanel = app.renderer.getByTestId(/RawMessages/);
 
     // Check if message is correctly beeing displayed
-    const labelsToCheck = [
+    const attributesToCheck = [
       "hostname",
       "platform",
       "type",
@@ -68,12 +70,12 @@ describe("websocket connection", () => {
       "cpus",
     ];
 
-    for (const label of labelsToCheck) {
-      await expect(rawMessagesPanel.getByText(label, { exact: true }).innerText()).resolves.toBe(
-        label,
-      );
+    for (const attribute of attributesToCheck) {
+      await expect(
+        rawMessagesPanel.getByText(attribute, { exact: true }).innerText(),
+      ).resolves.toBe(attribute);
     }
 
-    await app.main.close();
+    await closeWebSocketServer();
   });
 });