diff --git a/frontend/src/components/CelexSelector/CelexSelector.test.tsx b/frontend/src/components/CelexSelector/CelexSelector.test.tsx index a193ef9..ec38ad9 100644 --- a/frontend/src/components/CelexSelector/CelexSelector.test.tsx +++ b/frontend/src/components/CelexSelector/CelexSelector.test.tsx @@ -12,7 +12,13 @@ describe("CelexSelector", () => { expect(getByLabelText("Select example:")).toBeInTheDocument(); expect(getByRole("combobox")).toBeInTheDocument(); - const options = getAllByRole("option"); + const [def, ...options] = getAllByRole("option"); + + // First option is the disabled placeholder option + expect(def).toHaveValue(""); + expect(def).toHaveTextContent("Select an example"); + expect(def).toBeDisabled(); + expect(options).toHaveLength(examples.length); for (const i in examples) { expect(options[i]).toHaveValue(examples[i].id); diff --git a/frontend/src/lib/examples.ts b/frontend/src/lib/examples.ts index 95d1e21..a7a7070 100644 --- a/frontend/src/lib/examples.ts +++ b/frontend/src/lib/examples.ts @@ -1,5 +1,9 @@ export const examples = [ { name: "GDPR", id: "32016R0679" }, { name: "AI Act", id: "32024R1689" }, + { name: "Cybersecurity Act", id: "32019R0881" }, { name: "Cyber Resilience Act", id: "32024R2847" }, + { name: "Medical Device Regulation", id: "32017R0745" }, + { name: "NIS 2 Directive", id: "32022L2555" }, + { name: "Digital Services Act", id: "32022R2065" }, ];