Add heartbeat menu item tests

Author: kentdr

src/Frontend/test/preconditions/hasHeartbeatEndpoints.ts

@@ -64,7 +64,7 @@ export const hasAnUnhealthyUnMonitoredEndpoint = () => {
       is_sending_heartbeats: true,
       id: "",
       name: `Unhealthy_UnmonitoredEndpoint`,
-      monitor_heartbeat: true,
+      monitor_heartbeat: false,
       host_display_name: "",
       heartbeat_information: { reported_status: EndpointStatus.Dead, last_report_at: "" },
     },

src/Frontend/test/specs/heartbeats/menu-item.spec.ts

@@ -21,11 +21,10 @@ describe("FEATURE: Menu item", () => {
     });
 
     /* SCENARIO
-      Given 5 monitored endpoint instances sending heartbeats
-      When 1 of the endpoint instances stops sending heartbeats
-      Then the menu item in the page header updates to include a badge indicating how many have stopped
+      Given a monitored endpoint instance sending heartbeats
+      When the endpoint instance stops sending heartbeats
+      Then the menu item in the page header updates to include a badge indicating it has stopped
     */
-
     test("EXAMPLE: An instance starts sending heartbeats, the menu item should remove the badge", async ({ driver }) => {
       vi.useFakeTimers();
       await driver.setUp(precondition.serviceControlWithMonitoring);
@@ -54,19 +53,24 @@ describe("FEATURE: Menu item", () => {
 
       vi.restoreAllMocks();
     });
+
     /* SCENARIO
       Given a set of monitored endpoint instances
       When all instances are sending heartbeats
       Then the menu item in the page header does not include a badge
     */
+    test("EXAMPLE: An unmonitored instance stops sending heartbeats, the menu item should not show a badge with a count", async ({ driver }) => {
+      await driver.setUp(precondition.serviceControlWithMonitoring);
+      await driver.setUp(precondition.hasAnUnhealthyUnMonitoredEndpoint());
 
-    test.todo("EXAMPLE: An unmonitored instance stops sending heartbeats, the menu item should not show a badge with a count");
+      await driver.goTo("dashboard");
 
-    /* SCENARIO
-      Given a set of monitored endpoint instances
-      And 1 unmonitored endpoint instance
-      When the unmonitored endpoint instance is not sending heartbeats
-      Then the menu item badge is not displayed
-    */
+      await waitFor(async () => {
+        const heartbeatMenuItem = await queryHeartbeatMenuItem();
+
+        expect(heartbeatMenuItem && !heartbeatMenuItem.isCounterVisible).toBeTruthy();
+        expect(heartbeatMenuItem && heartbeatMenuItem.counterValue).toBe(0);
+      });
+    });
   });
 });