@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/__tests__/FormikRadioGroup.test.js

@@ -0,0 +1,300 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _formik = require("formik");
+var _FormikRadioGroup = _interopRequireDefault(require("../patterns/FormikRadioGroup"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * FormikRadioGroup — contract tests (gap G-C).
+ *
+ * WHY THIS FILE EXISTS
+ * --------------------
+ * §10.3 R-G.6 MUST — and every case below is a defect this bridge exists to
+ * stop, none of which is visible on screen:
+ *
+ *  1. THE STORED VALUE KEEPS ITS DECLARED TYPE. A native radio input only ever
+ *     reports a string. A host with numeric options would silently start
+ *     sending "1" where its payload declares 1 — accepted or rejected by the
+ *     API days later, with nothing in the UI to show for it. This is the single
+ *     most important assertion in the file.
+ *
+ *  2. THE SELECTION MATCHES ACROSS TYPES. Hosts seed these fields with booleans
+ *     (`false`) or numbers while declaring string options ("false"). If the
+ *     comparison were strict, the group would render EMPTY on a form that
+ *     already holds an answer — and the user would re-answer a question that
+ *     was already stored, or worse, leave it blank.
+ *
+ *  3. TOUCHED ON PICK, NOT ON BLUR. A radio group's first interaction IS the
+ *     answer; there is no blur-before-change. Waiting for a blur keeps a
+ *     required-group message hidden while the user clicks around.
+ *
+ *  4. NO INVALID ATTRIBUTE REACHES THE DOM. `Field` clones its child with
+ *     `error` / `fullWidth`, which are not valid on `role="radiogroup"`.
+ *     `RadioGroup` strips them — assert it, because the day it stops, React
+ *     warns and the rendering stays pixel-identical.
+ *
+ * NOT COVERED — deliberately: the asterisk colour and the error panel are CSS
+ * variables, which jsdom does not resolve. Those belong to the story.
+ */const OPTIONS_TEXTE = [{
+  value: "true",
+  label: "Oui"
+}, {
+  value: "false",
+  label: "Non"
+}];
+const OPTIONS_NOMBRE = [{
+  value: 1,
+  label: "Importation"
+}, {
+  value: 2,
+  label: "Exportation"
+}];
+function Hote({
+  initialValue,
+  options = OPTIONS_TEXTE,
+  required,
+  hint,
+  onValues
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
+    initialValues: {
+      reponse: initialValue
+    },
+    validate: values => required && (values.reponse === null || values.reponse === undefined || values.reponse === "") ? {
+      reponse: "Choisissez une réponse."
+    } : {},
+    onSubmit: () => undefined,
+    children: ({
+      values
+    }) => {
+      onValues?.(values.reponse);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikRadioGroup.default, {
+          name: "reponse",
+          label: "Mod\xE8le d\xE9j\xE0 approuv\xE9",
+          options: options,
+          ...(required !== undefined ? {
+            required
+          } : {}),
+          ...(hint !== undefined ? {
+            hint
+          } : {})
+        })
+      });
+    }
+  });
+}
+describe("FormikRadioGroup — the stored value keeps its declared type", () => {
+  test("numeric options stay NUMBERS, not the DOM's strings", async () => {
+    const vues = [];
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: null,
+      options: OPTIONS_NOMBRE,
+      onValues: v => vues.push(v)
+    }));
+    await _userEvent.default.click(_react.screen.getByRole("radio", {
+      name: "Exportation"
+    }));
+    expect(vues.at(-1)).toBe(2);
+    expect(typeof vues.at(-1)).toBe("number");
+  });
+  test("string options stay strings — « false » is a value, not a boolean", async () => {
+    /* refonte-frontend's case: the payload carries "true" / "false" as text.
+     * Coercing to a boolean here would change what the backend receives. */
+    const vues = [];
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: null,
+      onValues: v => vues.push(v)
+    }));
+    await _userEvent.default.click(_react.screen.getByRole("radio", {
+      name: "Non"
+    }));
+    expect(vues.at(-1)).toBe("false");
+    expect(typeof vues.at(-1)).toBe("string");
+  });
+});
+describe("FormikRadioGroup — the selection matches across types", () => {
+  test("a boolean `false` in state selects the option declared « false »", () => {
+    /* Hosts seed with booleans while declaring string options. A strict
+     * comparison would render the group empty on a form that already holds an
+     * answer. */
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: false
+    }));
+    expect(_react.screen.getByRole("radio", {
+      name: "Non"
+    })).toBeChecked();
+    expect(_react.screen.getByRole("radio", {
+      name: "Oui"
+    })).not.toBeChecked();
+  });
+  test("a number in state selects its numeric option", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: 1,
+      options: OPTIONS_NOMBRE
+    }));
+    expect(_react.screen.getByRole("radio", {
+      name: "Importation"
+    })).toBeChecked();
+  });
+  test("`null` selects nothing, and does not warn about an uncontrolled group", () => {
+    const avertissements = [];
+    const spy = jest.spyOn(console, "error").mockImplementation((...args) => {
+      avertissements.push(args);
+    });
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: null
+    }));
+    expect(_react.screen.getByRole("radio", {
+      name: "Oui"
+    })).not.toBeChecked();
+    expect(_react.screen.getByRole("radio", {
+      name: "Non"
+    })).not.toBeChecked();
+    expect(avertissements.some(a => String(a[0]).includes("uncontrolled"))).toBe(false);
+    spy.mockRestore();
+  });
+  test("displaying does not rewrite the stored value", async () => {
+    /* The string comparison is for MATCHING only. A form opened and closed
+     * without an answer must still send exactly what it was seeded with. */
+    const vues = [];
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: false,
+      onValues: v => vues.push(v)
+    }));
+    expect(_react.screen.getByRole("radio", {
+      name: "Non"
+    })).toBeChecked();
+    expect(vues.every(v => v === false)).toBe(true);
+  });
+});
+describe("FormikRadioGroup — the error is reachable without a blur", () => {
+  test("picking marks the field touched, so the message appears", async () => {
+    /* A validator that ALWAYS rejects : the message can then only be hidden by
+     * the field being untouched. Before the click it must be absent, after it
+     * present — that is the whole contract. */
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
+      initialValues: {
+        reponse: null
+      },
+      validate: () => ({
+        reponse: "Choisissez une réponse."
+      }),
+      onSubmit: () => undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikRadioGroup.default, {
+          name: "reponse",
+          label: "Mod\xE8le d\xE9j\xE0 approuv\xE9",
+          options: OPTIONS_TEXTE,
+          required: true
+        })
+      })
+    }));
+    expect(_react.screen.queryByRole("alert")).not.toBeInTheDocument();
+    await _userEvent.default.click(_react.screen.getByRole("radio", {
+      name: "Oui"
+    }));
+    expect(_react.screen.getByRole("alert")).toHaveTextContent("Choisissez une réponse.");
+  });
+  test("the message becomes the group's accessible description", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
+      initialValues: {
+        reponse: ""
+      },
+      initialTouched: {
+        reponse: true
+      },
+      initialErrors: {
+        reponse: "Choisissez une réponse."
+      },
+      onSubmit: () => undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikRadioGroup.default, {
+          name: "reponse",
+          label: "Mod\xE8le d\xE9j\xE0 approuv\xE9",
+          options: OPTIONS_TEXTE,
+          required: true
+        })
+      })
+    }));
+    expect(_react.screen.getByRole("radiogroup")).toHaveAccessibleDescription("Choisissez une réponse.");
+  });
+  test("the hint shows while valid and is suppressed by the error", () => {
+    const {
+      unmount
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: null,
+      hint: "Une seule r\xE9ponse possible"
+    }));
+    expect(_react.screen.getByText("Une seule réponse possible")).toBeInTheDocument();
+    unmount();
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
+      initialValues: {
+        reponse: ""
+      },
+      initialTouched: {
+        reponse: true
+      },
+      initialErrors: {
+        reponse: "Choisissez une réponse."
+      },
+      onSubmit: () => undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikRadioGroup.default, {
+          name: "reponse",
+          label: "Mod\xE8le d\xE9j\xE0 approuv\xE9",
+          options: OPTIONS_TEXTE,
+          hint: "Une seule r\xE9ponse possible"
+        })
+      })
+    }));
+    expect(_react.screen.queryByText("Une seule réponse possible")).not.toBeInTheDocument();
+  });
+});
+describe("FormikRadioGroup — ARIA and DOM hygiene", () => {
+  test("the group is named by the field label", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: null
+    }));
+    expect(_react.screen.getByRole("radiogroup", {
+      name: /Modèle déjà approuvé/
+    })).toBeInTheDocument();
+  });
+  test("`required` reaches the group as aria-required", () => {
+    /* Unlike the single-checkbox case, aria-required IS valid on
+     * role="radiogroup" and RadioGroup forwards Field's injection. */
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Hote, {
+      initialValue: null,
+      required: true
+    }));
+    expect(_react.screen.getByRole("radiogroup")).toHaveAttribute("aria-required", "true");
+  });
+  test("no `error` or `fullWidth` attribute leaks onto the group", () => {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
+      initialValues: {
+        reponse: ""
+      },
+      initialTouched: {
+        reponse: true
+      },
+      initialErrors: {
+        reponse: "Choisissez une réponse."
+      },
+      onSubmit: () => undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormikRadioGroup.default, {
+          name: "reponse",
+          label: "Mod\xE8le d\xE9j\xE0 approuv\xE9",
+          options: OPTIONS_TEXTE
+        })
+      })
+    }));
+    const groupe = _react.screen.getByRole("radiogroup");
+    expect(groupe).not.toHaveAttribute("error");
+    expect(groupe).not.toHaveAttribute("fullWidth");
+  });
+});
+//# sourceMappingURL=FormikRadioGroup.test.js.map

package/dist/v2/__tests__/FormikRadioGroup.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikRadioGroup.test.js","names":["require","_react","_userEvent","_interopRequireDefault","_formik","_FormikRadioGroup","_jsxRuntime","e","__esModule","default","OPTIONS_TEXTE","value","label","OPTIONS_NOMBRE","Hote","initialValue","options","required","hint","onValues","jsx","Formik","initialValues","reponse","validate","values","undefined","onSubmit","children","Form","name","describe","test","vues","render","v","push","userEvent","click","screen","getByRole","expect","at","toBe","toBeChecked","not","avertissements","spy","jest","spyOn","console","mockImplementation","args","some","a","String","includes","mockRestore","every","queryByRole","toBeInTheDocument","toHaveTextContent","initialTouched","initialErrors","toHaveAccessibleDescription","unmount","getByText","queryByText","toHaveAttribute","groupe"],"sources":["../../../src/lib/v2/__tests__/FormikRadioGroup.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport userEvent from \"@testing-library/user-event\";\r\nimport { Formik, Form } from \"formik\";\r\nimport FormikRadioGroup from \"../patterns/FormikRadioGroup\";\r\n\r\n/**\r\n * FormikRadioGroup — contract tests (gap G-C).\r\n *\r\n * WHY THIS FILE EXISTS\r\n * --------------------\r\n * §10.3 R-G.6 MUST — and every case below is a defect this bridge exists to\r\n * stop, none of which is visible on screen:\r\n *\r\n *  1. THE STORED VALUE KEEPS ITS DECLARED TYPE. A native radio input only ever\r\n *     reports a string. A host with numeric options would silently start\r\n *     sending \"1\" where its payload declares 1 — accepted or rejected by the\r\n *     API days later, with nothing in the UI to show for it. This is the single\r\n *     most important assertion in the file.\r\n *\r\n *  2. THE SELECTION MATCHES ACROSS TYPES. Hosts seed these fields with booleans\r\n *     (`false`) or numbers while declaring string options (\"false\"). If the\r\n *     comparison were strict, the group would render EMPTY on a form that\r\n *     already holds an answer — and the user would re-answer a question that\r\n *     was already stored, or worse, leave it blank.\r\n *\r\n *  3. TOUCHED ON PICK, NOT ON BLUR. A radio group's first interaction IS the\r\n *     answer; there is no blur-before-change. Waiting for a blur keeps a\r\n *     required-group message hidden while the user clicks around.\r\n *\r\n *  4. NO INVALID ATTRIBUTE REACHES THE DOM. `Field` clones its child with\r\n *     `error` / `fullWidth`, which are not valid on `role=\"radiogroup\"`.\r\n *     `RadioGroup` strips them — assert it, because the day it stops, React\r\n *     warns and the rendering stays pixel-identical.\r\n *\r\n * NOT COVERED — deliberately: the asterisk colour and the error panel are CSS\r\n * variables, which jsdom does not resolve. Those belong to the story.\r\n */\r\n\r\nconst OPTIONS_TEXTE = [\r\n  { value: \"true\", label: \"Oui\" },\r\n  { value: \"false\", label: \"Non\" },\r\n];\r\n\r\nconst OPTIONS_NOMBRE = [\r\n  { value: 1, label: \"Importation\" },\r\n  { value: 2, label: \"Exportation\" },\r\n];\r\n\r\nfunction Hote({\r\n  initialValue,\r\n  options = OPTIONS_TEXTE,\r\n  required,\r\n  hint,\r\n  onValues,\r\n}: {\r\n  initialValue: unknown;\r\n  options?: { value: string | number; label: string }[];\r\n  required?: boolean;\r\n  hint?: string;\r\n  onValues?: (valeur: unknown) => void;\r\n}) {\r\n  return (\r\n    <Formik\r\n      initialValues={{ reponse: initialValue }}\r\n      validate={(values) =>\r\n        required &&\r\n        (values.reponse === null ||\r\n          values.reponse === undefined ||\r\n          values.reponse === \"\")\r\n          ? { reponse: \"Choisissez une réponse.\" }\r\n          : {}\r\n      }\r\n      onSubmit={() => undefined}\r\n    >\r\n      {({ values }) => {\r\n        onValues?.(values.reponse);\r\n        return (\r\n          <Form>\r\n            <FormikRadioGroup\r\n              name=\"reponse\"\r\n              label=\"Modèle déjà approuvé\"\r\n              options={options}\r\n              {...(required !== undefined ? { required } : {})}\r\n              {...(hint !== undefined ? { hint } : {})}\r\n            />\r\n          </Form>\r\n        );\r\n      }}\r\n    </Formik>\r\n  );\r\n}\r\n\r\ndescribe(\"FormikRadioGroup — the stored value keeps its declared type\", () => {\r\n  test(\"numeric options stay NUMBERS, not the DOM's strings\", async () => {\r\n    const vues: unknown[] = [];\r\n    render(\r\n      <Hote\r\n        initialValue={null}\r\n        options={OPTIONS_NOMBRE}\r\n        onValues={(v) => vues.push(v)}\r\n      />\r\n    );\r\n\r\n    await userEvent.click(screen.getByRole(\"radio\", { name: \"Exportation\" }));\r\n\r\n    expect(vues.at(-1)).toBe(2);\r\n    expect(typeof vues.at(-1)).toBe(\"number\");\r\n  });\r\n\r\n  test(\"string options stay strings — « false » is a value, not a boolean\", async () => {\r\n    /* refonte-frontend's case: the payload carries \"true\" / \"false\" as text.\r\n     * Coercing to a boolean here would change what the backend receives. */\r\n    const vues: unknown[] = [];\r\n    render(<Hote initialValue={null} onValues={(v) => vues.push(v)} />);\r\n\r\n    await userEvent.click(screen.getByRole(\"radio\", { name: \"Non\" }));\r\n\r\n    expect(vues.at(-1)).toBe(\"false\");\r\n    expect(typeof vues.at(-1)).toBe(\"string\");\r\n  });\r\n});\r\n\r\ndescribe(\"FormikRadioGroup — the selection matches across types\", () => {\r\n  test(\"a boolean `false` in state selects the option declared « false »\", () => {\r\n    /* Hosts seed with booleans while declaring string options. A strict\r\n     * comparison would render the group empty on a form that already holds an\r\n     * answer. */\r\n    render(<Hote initialValue={false} />);\r\n\r\n    expect(screen.getByRole(\"radio\", { name: \"Non\" })).toBeChecked();\r\n    expect(screen.getByRole(\"radio\", { name: \"Oui\" })).not.toBeChecked();\r\n  });\r\n\r\n  test(\"a number in state selects its numeric option\", () => {\r\n    render(<Hote initialValue={1} options={OPTIONS_NOMBRE} />);\r\n\r\n    expect(screen.getByRole(\"radio\", { name: \"Importation\" })).toBeChecked();\r\n  });\r\n\r\n  test(\"`null` selects nothing, and does not warn about an uncontrolled group\", () => {\r\n    const avertissements: unknown[][] = [];\r\n    const spy = jest\r\n      .spyOn(console, \"error\")\r\n      .mockImplementation((...args: unknown[]) => {\r\n        avertissements.push(args);\r\n      });\r\n\r\n    render(<Hote initialValue={null} />);\r\n\r\n    expect(screen.getByRole(\"radio\", { name: \"Oui\" })).not.toBeChecked();\r\n    expect(screen.getByRole(\"radio\", { name: \"Non\" })).not.toBeChecked();\r\n    expect(\r\n      avertissements.some((a) => String(a[0]).includes(\"uncontrolled\"))\r\n    ).toBe(false);\r\n\r\n    spy.mockRestore();\r\n  });\r\n\r\n  test(\"displaying does not rewrite the stored value\", async () => {\r\n    /* The string comparison is for MATCHING only. A form opened and closed\r\n     * without an answer must still send exactly what it was seeded with. */\r\n    const vues: unknown[] = [];\r\n    render(<Hote initialValue={false} onValues={(v) => vues.push(v)} />);\r\n\r\n    expect(screen.getByRole(\"radio\", { name: \"Non\" })).toBeChecked();\r\n    expect(vues.every((v) => v === false)).toBe(true);\r\n  });\r\n});\r\n\r\ndescribe(\"FormikRadioGroup — the error is reachable without a blur\", () => {\r\n  test(\"picking marks the field touched, so the message appears\", async () => {\r\n    /* A validator that ALWAYS rejects : the message can then only be hidden by\r\n     * the field being untouched. Before the click it must be absent, after it\r\n     * present — that is the whole contract. */\r\n    render(\r\n      <Formik\r\n        initialValues={{ reponse: null }}\r\n        validate={() => ({ reponse: \"Choisissez une réponse.\" })}\r\n        onSubmit={() => undefined}\r\n      >\r\n        <Form>\r\n          <FormikRadioGroup\r\n            name=\"reponse\"\r\n            label=\"Modèle déjà approuvé\"\r\n            options={OPTIONS_TEXTE}\r\n            required\r\n          />\r\n        </Form>\r\n      </Formik>\r\n    );\r\n\r\n    expect(screen.queryByRole(\"alert\")).not.toBeInTheDocument();\r\n\r\n    await userEvent.click(screen.getByRole(\"radio\", { name: \"Oui\" }));\r\n\r\n    expect(screen.getByRole(\"alert\")).toHaveTextContent(\r\n      \"Choisissez une réponse.\"\r\n    );\r\n  });\r\n\r\n  test(\"the message becomes the group's accessible description\", () => {\r\n    render(\r\n      <Formik\r\n        initialValues={{ reponse: \"\" }}\r\n        initialTouched={{ reponse: true }}\r\n        initialErrors={{ reponse: \"Choisissez une réponse.\" }}\r\n        onSubmit={() => undefined}\r\n      >\r\n        <Form>\r\n          <FormikRadioGroup\r\n            name=\"reponse\"\r\n            label=\"Modèle déjà approuvé\"\r\n            options={OPTIONS_TEXTE}\r\n            required\r\n          />\r\n        </Form>\r\n      </Formik>\r\n    );\r\n\r\n    expect(screen.getByRole(\"radiogroup\")).toHaveAccessibleDescription(\r\n      \"Choisissez une réponse.\"\r\n    );\r\n  });\r\n\r\n  test(\"the hint shows while valid and is suppressed by the error\", () => {\r\n    const { unmount } = render(\r\n      <Hote initialValue={null} hint=\"Une seule réponse possible\" />\r\n    );\r\n    expect(screen.getByText(\"Une seule réponse possible\")).toBeInTheDocument();\r\n    unmount();\r\n\r\n    render(\r\n      <Formik\r\n        initialValues={{ reponse: \"\" }}\r\n        initialTouched={{ reponse: true }}\r\n        initialErrors={{ reponse: \"Choisissez une réponse.\" }}\r\n        onSubmit={() => undefined}\r\n      >\r\n        <Form>\r\n          <FormikRadioGroup\r\n            name=\"reponse\"\r\n            label=\"Modèle déjà approuvé\"\r\n            options={OPTIONS_TEXTE}\r\n            hint=\"Une seule réponse possible\"\r\n          />\r\n        </Form>\r\n      </Formik>\r\n    );\r\n    expect(\r\n      screen.queryByText(\"Une seule réponse possible\")\r\n    ).not.toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikRadioGroup — ARIA and DOM hygiene\", () => {\r\n  test(\"the group is named by the field label\", () => {\r\n    render(<Hote initialValue={null} />);\r\n    expect(\r\n      screen.getByRole(\"radiogroup\", { name: /Modèle déjà approuvé/ })\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"`required` reaches the group as aria-required\", () => {\r\n    /* Unlike the single-checkbox case, aria-required IS valid on\r\n     * role=\"radiogroup\" and RadioGroup forwards Field's injection. */\r\n    render(<Hote initialValue={null} required />);\r\n    expect(screen.getByRole(\"radiogroup\")).toHaveAttribute(\r\n      \"aria-required\",\r\n      \"true\"\r\n    );\r\n  });\r\n\r\n  test(\"no `error` or `fullWidth` attribute leaks onto the group\", () => {\r\n    render(\r\n      <Formik\r\n        initialValues={{ reponse: \"\" }}\r\n        initialTouched={{ reponse: true }}\r\n        initialErrors={{ reponse: \"Choisissez une réponse.\" }}\r\n        onSubmit={() => undefined}\r\n      >\r\n        <Form>\r\n          <FormikRadioGroup\r\n            name=\"reponse\"\r\n            label=\"Modèle déjà approuvé\"\r\n            options={OPTIONS_TEXTE}\r\n          />\r\n        </Form>\r\n      </Formik>\r\n    );\r\n\r\n    const groupe = screen.getByRole(\"radiogroup\");\r\n    expect(groupe).not.toHaveAttribute(\"error\");\r\n    expect(groupe).not.toHaveAttribute(\"fullWidth\");\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}