fix(frontend): render Back/Exit/Other controls on the multiselect widget

2026-07-02 18:20:25 +02:00
parent daceda3555
commit eacc441a4f
2 changed files with 24 additions and 0 deletions
@@ -123,3 +123,22 @@ test("confirm is enabled when allow_empty is false but something is checked", as
  await userEvent.click(btn);
  expect(onRespond).toHaveBeenCalledWith({ id: "u1", kind: "multiselect", choices: ["x"] });
 });
+
+test("renders reserved controls and emits control on click", async () => {
+  const onRespond = vi.fn();
+  render(
+    <MultiselectWidget
+      descriptor={{
+        id: "u1",
+        widget: "multiselect",
+        options: [{ id: "a", label: "Alpha" }],
+        reserved: ["back", "exit", "other"],
+      }}
+      onRespond={onRespond}
+    />
+  );
+  await userEvent.click(screen.getByRole("button", { name: /go back/i }));
+  expect(onRespond).toHaveBeenCalledWith({ id: "u1", control: "back" });
+  await userEvent.click(screen.getByRole("button", { name: /^exit$/i }));
+  expect(onRespond).toHaveBeenCalledWith({ id: "u1", control: "exit" });
+});