@oneuptime/common 12.0.32 → 12.0.34

package/Tests/App/Dashboard/NetworkDeviceCriteriaFilter.test.ts

@@ -0,0 +1,161 @@
+import CriteriaFilterUtil from "../../../../App/FeatureSet/Dashboard/src/Utils/Form/Monitor/CriteriaFilter";
+import { CheckOn, FilterType } from "../../../Types/Monitor/CriteriaFilter";
+import MonitorType from "../../../Types/Monitor/MonitorType";
+import { DropdownOption } from "../../../UI/Components/Dropdown/Dropdown";
+import SnmpMonitorCriteria from "../../../Server/Utils/Monitor/Criteria/SnmpMonitorCriteria";
+import { describe, expect, test } from "@jest/globals";
+
+/*
+ * WHY THIS FILE EXISTS
+ *
+ * The criteria a Network Device monitor can be built from are decided in two
+ * places that have no compile-time link to each other: the CheckOn enum plus
+ * the server evaluator (SnmpMonitorCriteria), and this dashboard catalog,
+ * which filters the enum down to what the form offers per monitor type.
+ *
+ * Adding a CheckOn to the enum and teaching the evaluator to answer it does
+ * NOT make it selectable — the catalog filters it out by omission, silently,
+ * with no type error and no failing test. That is exactly how
+ * CheckOn.SnmpWalkIsSucceeding shipped server-side while remaining invisible
+ * in the form: the alert-pack template could use it, but nobody could pick it
+ * by hand.
+ *
+ * So this file holds the catalog to the evaluator: every SNMP check the
+ * server can answer is offered, each with filter types it can actually be
+ * compared with, and nothing is offered that the server would ignore.
+ */
+
+function values(options: Array<DropdownOption>): Array<string> {
+  return options.map((option: DropdownOption): string => {
+    return option.value.toString();
+  });
+}
+
+const NETWORK_DEVICE_CHECK_ONS: Array<string> = values(
+  CriteriaFilterUtil.getCheckOnOptionsByMonitorType(MonitorType.NetworkDevice),
+);
+
+describe("what a Network Device monitor can be built from", () => {
+  /*
+   * Written as an exact list rather than a "contains" so that a CheckOn added
+   * to the enum for another monitor type cannot leak into this form, and so
+   * that removing one is a deliberate edit here.
+   */
+  test("offers exactly the SNMP checks, and only those", () => {
+    expect(NETWORK_DEVICE_CHECK_ONS).toEqual([
+      CheckOn.SnmpOidValue,
+      CheckOn.SnmpOidExists,
+      CheckOn.SnmpResponseTime,
+      CheckOn.SnmpIsOnline,
+      CheckOn.SnmpWalkIsSucceeding,
+      CheckOn.SnmpInterfaceIsDown,
+      CheckOn.SnmpTrapReceived,
+      CheckOn.SnmpInterfaceUtilizationPercent,
+      CheckOn.SnmpInterfaceErrorsPerSecond,
+    ]);
+  });
+
+  /*
+   * THE ASSERTION THIS FILE EXISTS FOR.
+   *
+   * Reachability and the walk are different questions now. A device is
+   * online when it answers ping OR its walk succeeds, so a switch whose SNMP
+   * agent has died — wrong community after a config push, an ACL change, the
+   * agent simply stopped — keeps answering ping and stays Online, while
+   * interfaces, topology and inventory quietly stop arriving. "SNMP Walk Is
+   * Succeeding" is the only criterion that catches that, and a catalog that
+   * omitted it would leave the failure unalertable by hand.
+   */
+  test("the walk can be alerted on separately from reachability", () => {
+    expect(NETWORK_DEVICE_CHECK_ONS).toContain(CheckOn.SnmpWalkIsSucceeding);
+    expect(NETWORK_DEVICE_CHECK_ONS).toContain(CheckOn.SnmpIsOnline);
+  });
+
+  /*
+   * Both are yes/no questions, so a threshold comparison would be
+   * meaningless; offering "Greater Than" on "Is Online" is how a criterion
+   * gets built that can never be true.
+   */
+  test.each([CheckOn.SnmpWalkIsSucceeding, CheckOn.SnmpIsOnline])(
+    "%s is compared as true or false and nothing else",
+    (checkOn: CheckOn) => {
+      expect(
+        values(CriteriaFilterUtil.getFilterTypeOptionsByCheckOn(checkOn)),
+      ).toEqual([FilterType.True, FilterType.False]);
+    },
+  );
+
+  /*
+   * The other direction: an SNMP check must not appear on a monitor type
+   * whose probe never walks anything, or the form would offer a criterion
+   * that is never evaluated and so never breaches.
+   */
+  test.each([MonitorType.Website, MonitorType.Ping, MonitorType.Port])(
+    "%s is not offered the SNMP walk check",
+    (monitorType: MonitorType) => {
+      expect(
+        values(CriteriaFilterUtil.getCheckOnOptionsByMonitorType(monitorType)),
+      ).not.toContain(CheckOn.SnmpWalkIsSucceeding);
+    },
+  );
+});
+
+describe("the catalog agrees with the server evaluator", () => {
+  /*
+   * The link the type system does not give us. Every walk-dependent check
+   * the evaluator knows about — the ones it returns null for when a poll ran
+   * no walk — has to be selectable, or the server can answer a question the
+   * form cannot ask.
+   *
+   * isWalkDependentCheckOn is private on the evaluator because nothing in
+   * production needs it; it is reached here through the class object so that
+   * this test breaks when the evaluator's list grows, which is precisely the
+   * moment the catalog needs updating.
+   */
+  test("every walk-dependent check the evaluator knows is offered in the form", () => {
+    type IsWalkDependentFunction = (checkOn: CheckOn) => boolean;
+
+    const isWalkDependent: IsWalkDependentFunction = (
+      SnmpMonitorCriteria as unknown as {
+        isWalkDependentCheckOn: IsWalkDependentFunction;
+      }
+    ).isWalkDependentCheckOn;
+
+    expect(typeof isWalkDependent).toBe("function");
+
+    const walkDependent: Array<CheckOn> = Object.values(CheckOn).filter(
+      (checkOn: CheckOn): boolean => {
+        return isWalkDependent(checkOn);
+      },
+    );
+
+    // A guard against the reflection above silently matching nothing.
+    expect(walkDependent.length).toBeGreaterThan(3);
+
+    for (const checkOn of walkDependent) {
+      expect({ checkOn: checkOn, offered: true }).toEqual({
+        checkOn: checkOn,
+        offered: NETWORK_DEVICE_CHECK_ONS.includes(checkOn),
+      });
+    }
+  });
+
+  /*
+   * ...and reachability is NOT walk-dependent, which is the whole point of
+   * separating the two. If it ever became walk-dependent, a ping-only device
+   * would stop being evaluated for reachability at all and would sit at its
+   * last verdict forever.
+   */
+  test("reachability is not walk-dependent", () => {
+    type IsWalkDependentFunction = (checkOn: CheckOn) => boolean;
+
+    const isWalkDependent: IsWalkDependentFunction = (
+      SnmpMonitorCriteria as unknown as {
+        isWalkDependentCheckOn: IsWalkDependentFunction;
+      }
+    ).isWalkDependentCheckOn;
+
+    expect(isWalkDependent(CheckOn.SnmpIsOnline)).toBe(false);
+    expect(isWalkDependent(CheckOn.SnmpWalkIsSucceeding)).toBe(true);
+  });
+});

package/Tests/App/Dashboard/NetworkDeviceSettingsMonitoringSection.test.tsx

@@ -0,0 +1,458 @@
+import "@testing-library/jest-dom";
+import { cleanup, render, waitFor } from "@testing-library/react";
+import React, { ReactElement } from "react";
+import { MemoryRouter } from "react-router-dom";
+import {
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  jest,
+  test,
+} from "@jest/globals";
+import NetworkDeviceMonitoringMethod from "../../../Types/NetworkDevice/NetworkDeviceMonitoringMethod";
+import NetworkSnmpCredentialProfile from "../../../Models/DatabaseModels/NetworkSnmpCredentialProfile";
+import ObjectID from "../../../Types/ObjectID";
+import FormFieldSchemaType from "../../../UI/Components/Forms/Types/FormFieldSchemaType";
+import {
+  DropdownOption,
+  DropdownValue,
+} from "../../../UI/Components/Dropdown/Dropdown";
+
+/*
+ * The device Settings page under ping-first polling.
+ *
+ * A probe-polled device is pinged whether or not it has SNMP credentials, so
+ * this page is where three things now have to be true and stay true:
+ *
+ *   - the monitoring method is offered as "Probe" (the normal choice) versus
+ *     "Bound monitor" (the override), in those words, because the create
+ *     form no longer asks and this is the only place the choice is made;
+ *   - the SNMP step is shown for a probe-polled device (credentials are
+ *     optional on it), offers a credential profile, and has a "Ping only"
+ *     affordance that blanks the device's own credentials on the way to a
+ *     save — a v3 device cannot otherwise be made ping-only without knowing
+ *     that the username is what the probe keys on;
+ *   - the polling card (probe, interval, toggle) is editable for a
+ *     probe-polled device and NOT for a bound-monitor override, which
+ *     nothing polls.
+ *
+ * CardModelDetail is replaced by a prop recorder keyed on the card's name —
+ * the point is what the page hands each card, not re-testing the card.
+ */
+
+jest.mock("react-i18next", () => {
+  return {
+    useTranslation: () => {
+      return {
+        t: (key: string): string => {
+          return key;
+        },
+      };
+    },
+  };
+});
+
+jest.mock("../../../UI/Utils/Permission", () => {
+  return {
+    __esModule: true,
+    default: {
+      getAllPermissions: () => {
+        return [];
+      },
+      getProjectPermissions: () => {
+        return [];
+      },
+      getGlobalPermissions: () => {
+        return [];
+      },
+    },
+  };
+});
+
+jest.mock("../../../UI/Utils/User", () => {
+  return {
+    __esModule: true,
+    default: {
+      isMasterAdmin: () => {
+        return false;
+      },
+      getUserId: () => {
+        return null;
+      },
+    },
+  };
+});
+
+const DEVICE_ID: ObjectID = new ObjectID(
+  "22222222-0000-4000-8000-000000000001",
+);
+const PROJECT_ID: ObjectID = new ObjectID(
+  "11111111-0000-4000-8000-000000000001",
+);
+
+jest.mock("../../../UI/Utils/Navigation", () => {
+  return {
+    __esModule: true,
+    default: {
+      getLastParamAsObjectID: () => {
+        return DEVICE_ID;
+      },
+      navigate: () => {
+        // no-op
+      },
+      getQueryStringByName: () => {
+        return null;
+      },
+    },
+  };
+});
+
+jest.mock("../../../UI/Utils/Project", () => {
+  return {
+    __esModule: true,
+    default: {
+      getCurrentProjectId: () => {
+        return PROJECT_ID;
+      },
+    },
+  };
+});
+
+/* What the page's device read returns: flipped per test. */
+let deviceMonitoringMethod: string | undefined = undefined;
+
+jest.mock("../../../UI/Utils/ModelAPI/ModelAPI", () => {
+  return {
+    __esModule: true,
+    default: {
+      getItem: () => {
+        return Promise.resolve({ monitoringMethod: deviceMonitoringMethod });
+      },
+      getList: () => {
+        return Promise.resolve({ data: [], count: 0 });
+      },
+    },
+  };
+});
+
+jest.mock("../../../../App/FeatureSet/Dashboard/src/Utils/Probe", () => {
+  return {
+    __esModule: true,
+    default: {
+      getAllProbes: async () => {
+        return [{ _id: "probe-1", name: "Branch probe" }];
+      },
+    },
+  };
+});
+
+jest.mock(
+  "../../../../App/FeatureSet/Dashboard/src/Components/TelemetryResource/ArchiveResourceCard",
+  () => {
+    return {
+      __esModule: true,
+      default: () => {
+        return null;
+      },
+    };
+  },
+);
+
+type FormValuesLike = Record<string, unknown>;
+
+type CapturedFormField = {
+  field?: Record<string, unknown> | undefined;
+  overrideField?: Record<string, unknown> | undefined;
+  overrideFieldKey?: string | undefined;
+  title?: string | undefined;
+  stepId?: string | undefined;
+  description?: string | undefined;
+  fieldType?: FormFieldSchemaType | undefined;
+  required?: boolean | ((values: FormValuesLike) => boolean) | undefined;
+  showIf?: ((values: FormValuesLike) => boolean) | undefined;
+  dropdownOptions?: Array<{ label: string; value: string }> | undefined;
+  dropdownModal?: { type: unknown } | undefined;
+  onChange?:
+    | ((
+        value: unknown,
+        currentFormValues: FormValuesLike,
+        setNewFormValues: (values: FormValuesLike) => void,
+      ) => void)
+    | undefined;
+};
+
+type CapturedFormStep = {
+  id: string;
+  title: string;
+  showIf?: ((values: FormValuesLike) => boolean) | undefined;
+};
+
+type CapturedCardProps = {
+  name: string;
+  isEditable?: boolean | undefined;
+  cardProps?: { description?: string | undefined } | undefined;
+  formSteps?: Array<CapturedFormStep> | undefined;
+  formFields?: Array<CapturedFormField> | undefined;
+  onSaveSuccess?: ((item: unknown) => void) | undefined;
+};
+
+const capturedCards: Map<string, CapturedCardProps> = new Map();
+
+jest.mock("../../../UI/Components/ModelDetail/CardModelDetail", () => {
+  return {
+    __esModule: true,
+    default: (props: CapturedCardProps) => {
+      capturedCards.set(props.name, props);
+      return null;
+    },
+  };
+});
+
+import NetworkDeviceSettingsPage, {
+  PING_ONLY_FIELD_KEY,
+} from "../../../../App/FeatureSet/Dashboard/src/Pages/NetworkDevice/View/Settings";
+import PageComponentProps from "../../../../App/FeatureSet/Dashboard/src/Pages/PageComponentProps";
+import Route from "../../../Types/API/Route";
+
+const PAGE_PROPS: PageComponentProps = {
+  pageRoute: new Route("/dashboard/network-devices/view/settings"),
+  currentProject: null,
+  hasPaymentMethod: true,
+};
+
+async function renderPage(): Promise<Map<string, CapturedCardProps>> {
+  const Page: (props: PageComponentProps) => ReactElement =
+    NetworkDeviceSettingsPage as unknown as (
+      props: PageComponentProps,
+    ) => ReactElement;
+
+  render(
+    <MemoryRouter>
+      <Page {...PAGE_PROPS} />
+    </MemoryRouter>,
+  );
+
+  await waitFor(() => {
+    expect(capturedCards.has("Device Settings")).toBe(true);
+    expect(capturedCards.has("Polling & Data Collection")).toBe(true);
+  });
+
+  return capturedCards;
+}
+
+function fieldFor(card: CapturedCardProps, key: string): CapturedFormField {
+  const match: CapturedFormField | undefined = (card.formFields || []).find(
+    (field: CapturedFormField): boolean => {
+      return (
+        Object.keys(field.field || {})[0] === key ||
+        field.overrideFieldKey === key
+      );
+    },
+  );
+
+  expect({ key: key, found: Boolean(match) }).toEqual({
+    key: key,
+    found: true,
+  });
+
+  return match!;
+}
+
+function isShown(field: CapturedFormField, values: FormValuesLike): boolean {
+  return field.showIf ? field.showIf(values) : true;
+}
+
+const PROBE_VALUES: FormValuesLike = {
+  monitoringMethod: NetworkDeviceMonitoringMethod.Probe,
+};
+const LEGACY_SNMP_VALUES: FormValuesLike = { monitoringMethod: "SNMP" };
+const MONITOR_VALUES: FormValuesLike = {
+  monitoringMethod: NetworkDeviceMonitoringMethod.Monitor,
+};
+
+describe("the device Settings page", () => {
+  beforeEach(() => {
+    capturedCards.clear();
+    deviceMonitoringMethod = NetworkDeviceMonitoringMethod.Probe;
+    window.localStorage.clear();
+  });
+
+  afterEach(() => {
+    cleanup();
+    jest.clearAllMocks();
+  });
+
+  describe("the monitoring method", () => {
+    test("is offered as Probe (normal) versus Bound monitor (override), in those words", async () => {
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+      const method: CapturedFormField = fieldFor(
+        cards.get("Device Settings")!,
+        "monitoringMethod",
+      );
+
+      const labels: Array<string> = (method.dropdownOptions || []).map(
+        (option: { label: string }): string => {
+          return option.label;
+        },
+      );
+
+      expect(
+        method.dropdownOptions?.map((option: DropdownOption): DropdownValue => {
+          return option.value;
+        }),
+      ).toEqual([
+        NetworkDeviceMonitoringMethod.Probe,
+        NetworkDeviceMonitoringMethod.Monitor,
+      ]);
+      expect(labels[0]).toMatch(/^Probe — /);
+      expect(labels[0]).toContain("pinged");
+      expect(labels[1]).toMatch(/^Bound monitor — /);
+      expect(labels[1]).toContain("override");
+      expect(method.description).toContain("Probe is the normal choice");
+    });
+
+    test("the bound-monitor field is shown only for the override", async () => {
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+      const monitor: CapturedFormField = fieldFor(
+        cards.get("Device Settings")!,
+        "monitor",
+      );
+
+      expect(isShown(monitor, MONITOR_VALUES)).toBe(true);
+      expect(isShown(monitor, PROBE_VALUES)).toBe(false);
+      expect(isShown(monitor, LEGACY_SNMP_VALUES)).toBe(false);
+      expect(monitor.required).toBe(false);
+    });
+  });
+
+  describe("the SNMP step", () => {
+    test("is shown for a probe-polled device (including legacy SNMP rows) and hidden for a bound-monitor override", async () => {
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+      const snmpStep: CapturedFormStep | undefined = cards
+        .get("Device Settings")!
+        .formSteps?.find((step: CapturedFormStep): boolean => {
+          return step.id === "snmp";
+        });
+
+      expect(snmpStep).toBeDefined();
+      expect(snmpStep!.showIf!(PROBE_VALUES)).toBe(true);
+      expect(snmpStep!.showIf!(LEGACY_SNMP_VALUES)).toBe(true);
+      expect(snmpStep!.showIf!({})).toBe(true);
+      expect(snmpStep!.showIf!(MONITOR_VALUES)).toBe(false);
+    });
+
+    test("offers a credential profile bound to the profile model, optional, and says the device's own credentials win", async () => {
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+      const profile: CapturedFormField = fieldFor(
+        cards.get("Device Settings")!,
+        "snmpCredentialProfile",
+      );
+
+      expect(profile.stepId).toBe("snmp");
+      expect(profile.required).toBe(false);
+      expect(profile.dropdownModal?.type).toBe(NetworkSnmpCredentialProfile);
+      expect(profile.description).toContain("own credentials below win");
+      expect(profile.description).toContain("site can carry a default");
+    });
+
+    test("the Ping only box blanks the device's own credentials when ticked", async () => {
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+      const pingOnly: CapturedFormField = fieldFor(
+        cards.get("Device Settings")!,
+        PING_ONLY_FIELD_KEY,
+      );
+
+      expect(pingOnly.fieldType).toBe(FormFieldSchemaType.Checkbox);
+      expect(pingOnly.stepId).toBe("snmp");
+      expect(pingOnly.field).toBeUndefined();
+      expect(pingOnly.overrideField).toEqual({ [PING_ONLY_FIELD_KEY]: true });
+
+      let next: FormValuesLike | null = null;
+      pingOnly.onChange!(
+        true,
+        {
+          ...PROBE_VALUES,
+          snmpVersion: "V3",
+          snmpV3Username: "netops",
+          snmpV3AuthKey: "secret",
+          snmpV3PrivKey: "secret2",
+          snmpCommunityString: "public",
+        },
+        (values: FormValuesLike): void => {
+          next = values;
+        },
+      );
+
+      expect(next).not.toBeNull();
+      expect(next!["snmpCommunityString"]).toBe("");
+      expect(next!["snmpV3Username"]).toBe("");
+      expect(next!["snmpV3AuthKey"]).toBe("");
+      expect(next!["snmpV3PrivKey"]).toBe("");
+      // Everything else is left alone — the version in particular.
+      expect(next!["snmpVersion"]).toBe("V3");
+    });
+
+    test("the Ping only box does nothing when unticked", async () => {
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+      const pingOnly: CapturedFormField = fieldFor(
+        cards.get("Device Settings")!,
+        PING_ONLY_FIELD_KEY,
+      );
+
+      let calls: number = 0;
+      pingOnly.onChange!(
+        false,
+        { ...PROBE_VALUES, snmpCommunityString: "public" },
+        (): void => {
+          calls++;
+        },
+      );
+
+      expect(calls).toBe(0);
+    });
+  });
+
+  describe("the polling card", () => {
+    test("is editable for a probe-polled device", async () => {
+      deviceMonitoringMethod = NetworkDeviceMonitoringMethod.Probe;
+
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+      const polling: CapturedCardProps = cards.get(
+        "Polling & Data Collection",
+      )!;
+
+      expect(polling.isEditable).toBe(true);
+      expect(polling.cardProps?.description).toContain("pings this device");
+      expect(fieldFor(polling, "probe").required).toBe(true);
+    });
+
+    test("is read-only, and says why, for a bound-monitor override", async () => {
+      deviceMonitoringMethod = NetworkDeviceMonitoringMethod.Monitor;
+
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+
+      await waitFor(() => {
+        expect(cards.get("Polling & Data Collection")!.isEditable).toBe(false);
+      });
+
+      expect(
+        cards.get("Polling & Data Collection")!.cardProps?.description,
+      ).toContain("nothing polls it");
+    });
+
+    test("a legacy SNMP row is treated as probe-polled", async () => {
+      deviceMonitoringMethod = "SNMP";
+
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+
+      expect(cards.get("Polling & Data Collection")!.isEditable).toBe(true);
+    });
+
+    test("the Device Settings card re-reads the method after a save", async () => {
+      const cards: Map<string, CapturedCardProps> = await renderPage();
+
+      expect(cards.get("Device Settings")!.onSaveSuccess).toBeDefined();
+    });
+  });
+});

package/Tests/App/Dashboard/NetworkSideMenu.test.tsx

@@ -209,6 +209,33 @@ const EXPECTED_SECTIONS: Array<ExpectedMenuSection> = [
           "OID Collection Templates",
         ],
       },
+      /*
+       * The named credential sets a device is walked WITH, beside the OID
+       * templates that say what it COLLECTS. Settings rather than Rules:
+       * nothing here runs on its own, it is a definition a device points at.
+       */
+      {
+        title: "SNMP Credentials",
+        pageMapKey: PageMap.NETWORK_DEVICE_SETTINGS_SNMP_CREDENTIAL_PROFILES,
+        getBreadcrumbs: getNetworkDeviceBreadcrumbs,
+        breadcrumbTitles: [
+          "Project",
+          "Network",
+          "Settings",
+          "SNMP Credentials",
+        ],
+      },
+      /*
+       * Alert policies are a definition too ("alert on devices like these"),
+       * which is why they sit here and not under Rules: the engine that
+       * provisions the monitors is what runs, and it has no page of its own.
+       */
+      {
+        title: "Alert Policies",
+        pageMapKey: PageMap.NETWORK_DEVICE_SETTINGS_ALERT_POLICIES,
+        getBreadcrumbs: getNetworkDeviceBreadcrumbs,
+        breadcrumbTitles: ["Project", "Network", "Settings", "Alert Policies"],
+      },
       {
         title: "Site Types",
         pageMapKey: PageMap.NETWORK_SITE_SETTINGS_SITE_TYPES,
@@ -260,7 +287,16 @@ function expectActiveLink(title: string): void {
 
   expect(anchor).toHaveClass("text-indigo-700");
   expect(anchor).not.toHaveClass("text-gray-600");
-  expect(anchor.querySelector(".h-5.bg-indigo-600")).not.toBeNull();
+  /*
+   * The rail beside an active row. Matched on its colour and its non-zero
+   * height rather than on an exact height class: the point of the assertion is
+   * that the rail is drawn at all, and pinning "h-5" made a restyle of the
+   * shared menu fail here rather than in the side-menu suite that owns it.
+   */
+  const rail: Element | null = anchor.querySelector(".bg-indigo-600");
+
+  expect(rail).not.toBeNull();
+  expect(rail?.className).not.toContain("h-0");
 }
 
 function expectCompleteMenu(): void {
@@ -341,7 +377,7 @@ describe("Network side menu", () => {
       await renderNetworkMenu();
 
       expect(isExpanded("Settings")).toBe(false);
-      expect(linksIn("Settings")).toHaveLength(3);
+      expect(linksIn("Settings")).toHaveLength(5);
 
       fireEvent.click(sectionToggle("Settings"));
       expect(isExpanded("Settings")).toBe(true);
@@ -353,11 +389,11 @@ describe("Network side menu", () => {
   });
 
   describe("coverage", () => {
-    test("keeps all nineteen destinations reachable exactly once", async () => {
+    test("keeps all twenty-one destinations reachable exactly once", async () => {
       await renderNetworkMenu();
 
-      expect(EXPECTED_ENTRIES).toHaveLength(19);
-      expect(allLinks()).toHaveLength(19);
+      expect(EXPECTED_ENTRIES).toHaveLength(21);
+      expect(allLinks()).toHaveLength(21);
       expect(hrefsInMenu().sort()).toEqual(
         EXPECTED_ENTRIES.map(expectedHref).sort(),
       );