@portnet/ui 6.0.2 → 6.0.3

package/dist/esm/v2/__tests__/FieldNaming.test.js

@@ -0,0 +1,160 @@
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import Field from "../components/Field";
+import Select from "../components/Select";
+import FieldHelp from "../components/FieldHelp";
+
+/**
+ * R-I.1 — the accessible NAME of a wrapped control.
+ *
+ * ── WHY THIS FILE EXISTS ─────────────────────────────────────────────
+ *
+ * `Field` associated its label through `htmlFor` / `id` only. That pair names
+ * LABELABLE elements — input, select, textarea, button, meter, output,
+ * progress — and nothing else. `Select` renders its visible surface as a
+ * `div[role="combobox"]`, so the pair resolved to NOTHING: the control had no
+ * accessible name at all, and a screen reader announced "combobox, collapsed"
+ * without ever saying which field it was.
+ *
+ * Nothing on screen showed it. The label was there, in the right place, in the
+ * right colour. Every filter drawer and every form of every module carried the
+ * defect, and it took an axe-core run in a consuming module
+ * (`autorisation-admis-pour-conforme-fe`, Area 10) to surface it as
+ * `aria-input-field-name`.
+ *
+ * The assertions below use `toHaveAccessibleName`, not attribute comparisons,
+ * on purpose: it resolves the whole name computation — `aria-labelledby`, then
+ * `aria-label`, then the `label[for]` pair — to the string a screen reader
+ * would announce. A test asserting `aria-labelledby="pui-xyz-l"` would pass
+ * even if that id pointed at an empty element.
+ *
+ * ── NOT COVERED, AND IT IS A REAL LIMITATION ────────────────────
+ *
+ * A consumer-supplied `aria-labelledby` on a NON-group child is not merged
+ * into the name. `aria-describedby` is (R-I.3), which makes the asymmetry
+ * surprising enough to state: the describedby merge happens in `Field`, while
+ * naming goes through MUI's `labelId`, and MUI does not concatenate the two.
+ * An earlier version of this file asserted the merge and failed with
+ * `Received: "Ville"` — the Field label alone.
+ *
+ * Nothing is silently lost: the field IS named, by its own label, which is the
+ * name a user should hear. A host needing an additional name should put it in
+ * `label` rather than reaching around the wrapper. Widening this would mean
+ * interpolating a token LIST into `labelId`, a prop documented as "the ID of an
+ * element" — clever, undocumented, and the kind of thing that breaks on a MUI
+ * minor.
+ */
+
+/**
+ * Fixture : un champ minimal qui CONSOMME les props diffusées par `Field`.
+ *
+ * Même raison que dans `FieldError.test.tsx` : un `<input />` nu laisse filer
+ * `error` et `fullWidth` jusqu'au DOM et produit deux avertissements React par
+ * rendu, au milieu desquels un VRAI avertissement passerait inaperçu.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function BareInput({
+  error: _error,
+  fullWidth: _fullWidth,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx("input", {
+    ...rest
+  });
+}
+const noop = () => undefined;
+const OPTIONS = [{
+  value: "1",
+  label: "Casablanca"
+}, {
+  value: "2",
+  label: "Rabat"
+}];
+describe("Field — nom accessible du contrôle", () => {
+  /* The case that already worked: a native, labelable child. Asserted so the
+   * fix cannot regress it — adding `aria-labelledby` everywhere had to leave
+   * this one announcing exactly the same string. */
+  it("nomme un contrôle natif (déjà couvert par htmlFor)", () => {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "R\xE9f\xE9rence de la demande",
+      children: /*#__PURE__*/_jsx(BareInput, {})
+    }));
+    expect(screen.getByRole("textbox")).toHaveAccessibleName("Référence de la demande");
+  });
+
+  /* THE DEFECT. A div-based control cannot be named by htmlFor/id. */
+  it("nomme un Select, dont la surface est un div[role=combobox]", () => {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Ville de l'unit\xE9",
+      children: /*#__PURE__*/_jsx(Select, {
+        value: "",
+        onChange: noop,
+        options: OPTIONS
+      })
+    }));
+    expect(screen.getByRole("combobox")).toHaveAccessibleName("Ville de l'unité");
+  });
+
+  /* The required asterisk is `aria-hidden`, so it must not leak into the name:
+   * "Ville de l'unité *" is not what a user should hear. */
+  it("n'inclut pas l'astérisque des champs requis", () => {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Ville de l'unit\xE9",
+      required: true,
+      children: /*#__PURE__*/_jsx(Select, {
+        value: "",
+        onChange: noop,
+        options: OPTIONS
+      })
+    }));
+    expect(screen.getByRole("combobox")).toHaveAccessibleName("Ville de l'unité");
+  });
+
+  /**
+   * The reason `labelId` sits on a span around the TEXT and not on the label
+   * element: `aria-labelledby` resolves to its target's text content, and a
+   * help button inside the label carries its own accessible name. Anchoring on
+   * the whole label would announce "Ville de l'unité Aide sur ce champ".
+   *
+   * This also fixes the `htmlFor` path, which had the same flaw.
+   */
+  it("n'inclut pas le nom du bouton d'aide du libellé", () => {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Ville de l'unit\xE9",
+      helpAdornment: /*#__PURE__*/_jsx(FieldHelp, {
+        ariaLabel: "Aide sur ce champ",
+        children: "Texte d'aide."
+      }),
+      children: /*#__PURE__*/_jsx(Select, {
+        value: "",
+        onChange: noop,
+        options: OPTIONS
+      })
+    }));
+    expect(screen.getByRole("combobox")).toHaveAccessibleName("Ville de l'unité");
+  });
+
+  /* Group mode keeps working: the label is a plain span there, and the group is
+   * named by `aria-labelledby` — which DOES reach its target, because it is the
+   * child's own root that carries `role="group"`. */
+  it("nomme un groupe ARIA", () => {
+    render(/*#__PURE__*/_jsx(Field, {
+      label: "Type de contr\xF4le",
+      group: true,
+      children: /*#__PURE__*/_jsxs("div", {
+        role: "group",
+        children: [/*#__PURE__*/_jsx("input", {
+          type: "radio",
+          name: "t",
+          "aria-label": "Documentaire"
+        }), /*#__PURE__*/_jsx("input", {
+          type: "radio",
+          name: "t",
+          "aria-label": "Physique"
+        })]
+      })
+    }));
+    expect(screen.getByRole("group")).toHaveAccessibleName("Type de contrôle");
+  });
+});
+//# sourceMappingURL=FieldNaming.test.js.map

package/dist/esm/v2/__tests__/FieldNaming.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldNaming.test.js","names":["render","screen","Field","Select","FieldHelp","jsx","_jsx","jsxs","_jsxs","BareInput","error","_error","fullWidth","_fullWidth","rest","noop","undefined","OPTIONS","value","label","describe","it","children","expect","getByRole","toHaveAccessibleName","onChange","options","required","helpAdornment","ariaLabel","group","role","type","name"],"sources":["../../../../src/lib/v2/__tests__/FieldNaming.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport type { InputHTMLAttributes } from \"react\";\r\n\r\nimport Field from \"../components/Field\";\r\nimport Select from \"../components/Select\";\r\nimport FieldHelp from \"../components/FieldHelp\";\r\n\r\n/**\r\n * R-I.1 — the accessible NAME of a wrapped control.\r\n *\r\n * ── WHY THIS FILE EXISTS ─────────────────────────────────────────────\r\n *\r\n * `Field` associated its label through `htmlFor` / `id` only. That pair names\r\n * LABELABLE elements — input, select, textarea, button, meter, output,\r\n * progress — and nothing else. `Select` renders its visible surface as a\r\n * `div[role=\"combobox\"]`, so the pair resolved to NOTHING: the control had no\r\n * accessible name at all, and a screen reader announced \"combobox, collapsed\"\r\n * without ever saying which field it was.\r\n *\r\n * Nothing on screen showed it. The label was there, in the right place, in the\r\n * right colour. Every filter drawer and every form of every module carried the\r\n * defect, and it took an axe-core run in a consuming module\r\n * (`autorisation-admis-pour-conforme-fe`, Area 10) to surface it as\r\n * `aria-input-field-name`.\r\n *\r\n * The assertions below use `toHaveAccessibleName`, not attribute comparisons,\r\n * on purpose: it resolves the whole name computation — `aria-labelledby`, then\r\n * `aria-label`, then the `label[for]` pair — to the string a screen reader\r\n * would announce. A test asserting `aria-labelledby=\"pui-xyz-l\"` would pass\r\n * even if that id pointed at an empty element.\r\n *\r\n * ── NOT COVERED, AND IT IS A REAL LIMITATION ────────────────────\r\n *\r\n * A consumer-supplied `aria-labelledby` on a NON-group child is not merged\r\n * into the name. `aria-describedby` is (R-I.3), which makes the asymmetry\r\n * surprising enough to state: the describedby merge happens in `Field`, while\r\n * naming goes through MUI's `labelId`, and MUI does not concatenate the two.\r\n * An earlier version of this file asserted the merge and failed with\r\n * `Received: \"Ville\"` — the Field label alone.\r\n *\r\n * Nothing is silently lost: the field IS named, by its own label, which is the\r\n * name a user should hear. A host needing an additional name should put it in\r\n * `label` rather than reaching around the wrapper. Widening this would mean\r\n * interpolating a token LIST into `labelId`, a prop documented as \"the ID of an\r\n * element\" — clever, undocumented, and the kind of thing that breaks on a MUI\r\n * minor.\r\n */\r\n\r\n/**\r\n * Fixture : un champ minimal qui CONSOMME les props diffusées par `Field`.\r\n *\r\n * Même raison que dans `FieldError.test.tsx` : un `<input />` nu laisse filer\r\n * `error` et `fullWidth` jusqu'au DOM et produit deux avertissements React par\r\n * rendu, au milieu desquels un VRAI avertissement passerait inaperçu.\r\n */\r\nfunction BareInput({\r\n  error: _error,\r\n  fullWidth: _fullWidth,\r\n  ...rest\r\n}: InputHTMLAttributes<HTMLInputElement> & {\r\n  error?: boolean | undefined;\r\n  fullWidth?: boolean | undefined;\r\n}) {\r\n  return <input {...rest} />;\r\n}\r\n\r\nconst noop = () => undefined;\r\n\r\nconst OPTIONS = [\r\n  { value: \"1\", label: \"Casablanca\" },\r\n  { value: \"2\", label: \"Rabat\" },\r\n];\r\n\r\ndescribe(\"Field — nom accessible du contrôle\", () => {\r\n  /* The case that already worked: a native, labelable child. Asserted so the\r\n   * fix cannot regress it — adding `aria-labelledby` everywhere had to leave\r\n   * this one announcing exactly the same string. */\r\n  it(\"nomme un contrôle natif (déjà couvert par htmlFor)\", () => {\r\n    render(\r\n      <Field label=\"Référence de la demande\">\r\n        <BareInput />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"textbox\")).toHaveAccessibleName(\r\n      \"Référence de la demande\"\r\n    );\r\n  });\r\n\r\n  /* THE DEFECT. A div-based control cannot be named by htmlFor/id. */\r\n  it(\"nomme un Select, dont la surface est un div[role=combobox]\", () => {\r\n    render(\r\n      <Field label=\"Ville de l'unité\">\r\n        <Select value=\"\" onChange={noop} options={OPTIONS} />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"combobox\")).toHaveAccessibleName(\r\n      \"Ville de l'unité\"\r\n    );\r\n  });\r\n\r\n  /* The required asterisk is `aria-hidden`, so it must not leak into the name:\r\n   * \"Ville de l'unité *\" is not what a user should hear. */\r\n  it(\"n'inclut pas l'astérisque des champs requis\", () => {\r\n    render(\r\n      <Field label=\"Ville de l'unité\" required>\r\n        <Select value=\"\" onChange={noop} options={OPTIONS} />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"combobox\")).toHaveAccessibleName(\r\n      \"Ville de l'unité\"\r\n    );\r\n  });\r\n\r\n  /**\r\n   * The reason `labelId` sits on a span around the TEXT and not on the label\r\n   * element: `aria-labelledby` resolves to its target's text content, and a\r\n   * help button inside the label carries its own accessible name. Anchoring on\r\n   * the whole label would announce \"Ville de l'unité Aide sur ce champ\".\r\n   *\r\n   * This also fixes the `htmlFor` path, which had the same flaw.\r\n   */\r\n  it(\"n'inclut pas le nom du bouton d'aide du libellé\", () => {\r\n    render(\r\n      <Field\r\n        label=\"Ville de l'unité\"\r\n        helpAdornment={<FieldHelp ariaLabel=\"Aide sur ce champ\">Texte d'aide.</FieldHelp>}\r\n      >\r\n        <Select value=\"\" onChange={noop} options={OPTIONS} />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"combobox\")).toHaveAccessibleName(\r\n      \"Ville de l'unité\"\r\n    );\r\n  });\r\n\r\n  /* Group mode keeps working: the label is a plain span there, and the group is\r\n   * named by `aria-labelledby` — which DOES reach its target, because it is the\r\n   * child's own root that carries `role=\"group\"`. */\r\n  it(\"nomme un groupe ARIA\", () => {\r\n    render(\r\n      <Field label=\"Type de contrôle\" group>\r\n        <div role=\"group\">\r\n          <input type=\"radio\" name=\"t\" aria-label=\"Documentaire\" />\r\n          <input type=\"radio\" name=\"t\" aria-label=\"Physique\" />\r\n        </div>\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"group\")).toHaveAccessibleName(\"Type de contrôle\");\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/v2/__tests__/FieldWidth.test.js

@@ -35,8 +35,8 @@ import Input from "../components/Input";
  * redimensionnant la fenetre — c'est la que le contrat est observable.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-describe("Field — les cinq gabarits (G-H)", function () {
-  test("les valeurs sont celles retenues dans la fourchette du standard", function () {
+describe("Field — les cinq gabarits (G-H)", () => {
+  test("les valeurs sont celles retenues dans la fourchette du standard", () => {
     /* Fourchettes du standard, et valeur retenue (le HAUT, ces largeurs etant
      * des plafonds) :
      *   xs ~80-120  -> 120    s ~160-200 -> 200
@@ -50,14 +50,14 @@ describe("Field — les cinq gabarits (G-H)", function () {
     expect(FIELD_MAX_WIDTH.l).toBe("var(--field-w-l, 600px)");
     expect(FIELD_MAX_WIDTH.xl).toBe("100%");
   });
-  test("les cinq gabarits du standard sont couverts, ni plus ni moins", function () {
+  test("les cinq gabarits du standard sont couverts, ni plus ni moins", () => {
     /* Un gabarit ajoute ou retire est un ecart au standard, pas un detail
      * d'implementation. */
     expect(Object.keys(FIELD_MAX_WIDTH).sort()).toEqual(["l", "m", "s", "xl", "xs"]);
   });
 });
-describe("Field — `width` ne touche pas au cablage d'accessibilite", function () {
-  test("le libelle nomme toujours le controle", function () {
+describe("Field — `width` ne touche pas au cablage d'accessibilite", () => {
+  test("le libelle nomme toujours le controle", () => {
     render(/*#__PURE__*/_jsx(Field, {
       label: "Identifiant fiscal",
       htmlFor: "ifu",
@@ -68,7 +68,7 @@ describe("Field — `width` ne touche pas au cablage d'accessibilite", function
       name: /Identifiant fiscal/
     })).toBeInTheDocument();
   });
-  test("l'erreur reste la description accessible du controle", function () {
+  test("l'erreur reste la description accessible du controle", () => {
     render(/*#__PURE__*/_jsx(Field, {
       label: "Identifiant fiscal",
       htmlFor: "ifu",
@@ -79,7 +79,7 @@ describe("Field — `width` ne touche pas au cablage d'accessibilite", function
     expect(screen.getByRole("textbox")).toHaveAccessibleDescription("Quinze caractères maximum.");
     expect(screen.getByRole("textbox")).toHaveAttribute("aria-invalid", "true");
   });
-  test("l'indication reste la description accessible du controle", function () {
+  test("l'indication reste la description accessible du controle", () => {
     render(/*#__PURE__*/_jsx(Field, {
       label: "Adresse",
       htmlFor: "adresse",
@@ -89,7 +89,7 @@ describe("Field — `width` ne touche pas au cablage d'accessibilite", function
     }));
     expect(screen.getByRole("textbox")).toHaveAccessibleDescription("Voie, code postal et ville.");
   });
-  test("`required` reste annonce comme tel", function () {
+  test("`required` reste annonce comme tel", () => {
     render(/*#__PURE__*/_jsx(Field, {
       label: "Marque",
       htmlFor: "marque",
@@ -116,8 +116,8 @@ describe("Field — `width` ne touche pas au cablage d'accessibilite", function
     expect(screen.getByRole("textbox")).toBeRequired();
   });
 });
-describe("Field — l'omission reste neutre", function () {
-  test("sans `width`, le champ se rend et se nomme comme avant G-H", function () {
+describe("Field — l'omission reste neutre", () => {
+  test("sans `width`, le champ se rend et se nomme comme avant G-H", () => {
     /* Ce que ce test prouve, et ce qu'il ne prouve pas.
      *
      * L'absence de plafond n'est PAS assertable : elle se lit dans la feuille
@@ -135,7 +135,7 @@ describe("Field — l'omission reste neutre", function () {
       htmlFor: "sans-gabarit",
       children: /*#__PURE__*/_jsx(Input, {})
     }));
-    var champ = screen.getByRole("textbox", {
+    const champ = screen.getByRole("textbox", {
       name: /Marque/
     });
     expect(champ).toBeInTheDocument();

package/dist/esm/v2/__tests__/FieldWidth.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWidth.test.js","names":["render","screen","Field","FIELD_MAX_WIDTH","Input","jsx","_jsx","describe","test","expect","xs","toBe","s","m","l","xl","Object","keys","sort","toEqual","label","htmlFor","width","children","getByRole","name","toBeInTheDocument","error","toHaveAccessibleDescription","toHaveAttribute","hint","required","toBeRequired","champ","not","toBeInvalid"],"sources":["../../../../src/lib/v2/__tests__/FieldWidth.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport Field, { FIELD_MAX_WIDTH } from \"../components/Field\";\r\nimport Input from \"../components/Input\";\r\n\r\n/**\r\n * Field — largeur semantique (gap G-H) : tests de contrat.\r\n *\r\n * CE QUE JSDOM PEUT ET NE PEUT PAS VERIFIER\r\n * -----------------------------------------\r\n * Le plafond n'est pose qu'a partir du palier `sm` — le standard exigeant\r\n * « 100% grid width » sur mobile. Il passe donc par une requete media\r\n * qu'`emotion` injecte dans la feuille de style, et jsdom ne resout pas les\r\n * requetes media : `getComputedStyle` ne rendra jamais la largeur effective au\r\n * palier desktop. Un test de rendu ne PEUT pas l'assertir, et pretendre le\r\n * faire donnerait un test qui passe sans rien verifier.\r\n *\r\n * Ce fichier epingle donc ce qui est verifiable et qui compte :\r\n *\r\n *  1. LES CINQ VALEURS. C'est le point sensible du tour : elles ne se lisent\r\n *     pas dans le standard, qui donne des FOURCHETTES — quelqu'un a choisi, et\r\n *     ce choix doit etre visible et protege. Si l'equipe design les revoit,\r\n *     c'est ce test qui doit etre mis a jour sciemment, pas un ecran qui doit\r\n *     bouger par surprise.\r\n *\r\n *  2. QUE `width` NE CASSE PAS LE CABLAGE D'ACCESSIBILITE. `Field` associe\r\n *     libelle, indication et erreur au controle ; ajouter une contrainte de\r\n *     mise en page ne doit rien y toucher. C'est la regression la plus\r\n *     probable d'un changement qui passe par `sx`.\r\n *\r\n *  3. QUE L'OMISSION RESTE NEUTRE. Sans `width`, aucun plafond : les\r\n *     appelants d'avant G-H ne doivent pas bouger d'un pixel.\r\n *\r\n * Le comportement responsive lui-meme se verifie dans la story, en\r\n * redimensionnant la fenetre — c'est la que le contrat est observable.\r\n */\r\n\r\ndescribe(\"Field — les cinq gabarits (G-H)\", () => {\r\n  test(\"les valeurs sont celles retenues dans la fourchette du standard\", () => {\r\n    /* Fourchettes du standard, et valeur retenue (le HAUT, ces largeurs etant\r\n     * des plafonds) :\r\n     *   xs ~80-120  -> 120    s ~160-200 -> 200\r\n     *   m  ~320-400 -> 400    l ~500-600 -> 600\r\n     *   xl 100%\r\n     * Chaque valeur passe par une variable CSS pour etre revue sans toucher au\r\n     * code : c'est le repli qui est epingle ici. */\r\n    expect(FIELD_MAX_WIDTH.xs).toBe(\"var(--field-w-xs, 120px)\");\r\n    expect(FIELD_MAX_WIDTH.s).toBe(\"var(--field-w-s, 200px)\");\r\n    expect(FIELD_MAX_WIDTH.m).toBe(\"var(--field-w-m, 400px)\");\r\n    expect(FIELD_MAX_WIDTH.l).toBe(\"var(--field-w-l, 600px)\");\r\n    expect(FIELD_MAX_WIDTH.xl).toBe(\"100%\");\r\n  });\r\n\r\n  test(\"les cinq gabarits du standard sont couverts, ni plus ni moins\", () => {\r\n    /* Un gabarit ajoute ou retire est un ecart au standard, pas un detail\r\n     * d'implementation. */\r\n    expect(Object.keys(FIELD_MAX_WIDTH).sort()).toEqual([\r\n      \"l\",\r\n      \"m\",\r\n      \"s\",\r\n      \"xl\",\r\n      \"xs\",\r\n    ]);\r\n  });\r\n});\r\n\r\ndescribe(\"Field — `width` ne touche pas au cablage d'accessibilite\", () => {\r\n  test(\"le libelle nomme toujours le controle\", () => {\r\n    render(\r\n      <Field label=\"Identifiant fiscal\" htmlFor=\"ifu\" width=\"s\">\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(\r\n      screen.getByRole(\"textbox\", { name: /Identifiant fiscal/ })\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"l'erreur reste la description accessible du controle\", () => {\r\n    render(\r\n      <Field\r\n        label=\"Identifiant fiscal\"\r\n        htmlFor=\"ifu\"\r\n        width=\"s\"\r\n        error=\"Quinze caractères maximum.\"\r\n      >\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"textbox\")).toHaveAccessibleDescription(\r\n      \"Quinze caractères maximum.\"\r\n    );\r\n    expect(screen.getByRole(\"textbox\")).toHaveAttribute(\r\n      \"aria-invalid\",\r\n      \"true\"\r\n    );\r\n  });\r\n\r\n  test(\"l'indication reste la description accessible du controle\", () => {\r\n    render(\r\n      <Field\r\n        label=\"Adresse\"\r\n        htmlFor=\"adresse\"\r\n        width=\"l\"\r\n        hint=\"Voie, code postal et ville.\"\r\n      >\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"textbox\")).toHaveAccessibleDescription(\r\n      \"Voie, code postal et ville.\"\r\n    );\r\n  });\r\n\r\n  test(\"`required` reste annonce comme tel\", () => {\r\n    render(\r\n      <Field label=\"Marque\" htmlFor=\"marque\" width=\"m\" required>\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    /* `toBeRequired` accepte l'attribut NATIF `required` comme `aria-required` :\r\n     * c'est volontaire, et c'est la bonne assertion ici.\r\n     *\r\n     * Les deux mecanismes coexistent dans la library, par des chemins\r\n     * differents, et viser l'un des deux nommement rendrait le test faux sans\r\n     * que le comportement change :\r\n     *   — sur un controle MUI (`Input`, `Textarea`), `Field` passe `required`\r\n     *     au `FormControl`, dont le CONTEXTE le propage jusqu'a l'input, qui\r\n     *     porte alors l'attribut natif ;\r\n     *   — sur un groupe (`RadioGroup`), aucun contexte ne s'applique : `Field`\r\n     *     injecte `aria-required` sur l'enfant, que le groupe transmet a son\r\n     *     `role=\"radiogroup\"` (voir le test de `FormikRadioGroup`).\r\n     *\r\n     * Ce qui compte pour R-I.2 est qu'une technologie d'assistance l'annonce,\r\n     * pas quel attribut le porte. */\r\n    expect(screen.getByRole(\"textbox\")).toBeRequired();\r\n  });\r\n});\r\n\r\ndescribe(\"Field — l'omission reste neutre\", () => {\r\n  test(\"sans `width`, le champ se rend et se nomme comme avant G-H\", () => {\r\n    /* Ce que ce test prouve, et ce qu'il ne prouve pas.\r\n     *\r\n     * L'absence de plafond n'est PAS assertable : elle se lit dans la feuille\r\n     * de style generee par `emotion`, que jsdom ne resout pas plus qu'une\r\n     * requete media. Une premiere version comparait le nombre de noeuds avec\r\n     * et sans `width` — ce qui exigeait un acces direct au DOM, interdit a\r\n     * juste titre par `testing-library/no-node-access` : compter des `<label>`\r\n     * teste l'implementation, pas le comportement.\r\n     *\r\n     * Ce qui EST verifiable et suffit a la retrocompatibilite : sans `width`,\r\n     * le controle est rendu, nomme par son libelle, et n'a herite d'aucun etat\r\n     * qu'il n'a pas demande. Le plafond, lui, se verifie dans la story. */\r\n    render(\r\n      <Field label=\"Marque\" htmlFor=\"sans-gabarit\">\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    const champ = screen.getByRole(\"textbox\", { name: /Marque/ });\r\n    expect(champ).toBeInTheDocument();\r\n    expect(champ).not.toBeRequired();\r\n    expect(champ).not.toBeInvalid();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FieldWidth.test.js","names":["render","screen","Field","FIELD_MAX_WIDTH","Input","jsx","_jsx","describe","test","expect","xs","toBe","s","m","l","xl","Object","keys","sort","toEqual","label","htmlFor","width","children","getByRole","name","toBeInTheDocument","error","toHaveAccessibleDescription","toHaveAttribute","hint","required","toBeRequired","champ","not","toBeInvalid"],"sources":["../../../../src/lib/v2/__tests__/FieldWidth.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport Field, { FIELD_MAX_WIDTH } from \"../components/Field\";\r\nimport Input from \"../components/Input\";\r\n\r\n/**\r\n * Field — largeur semantique (gap G-H) : tests de contrat.\r\n *\r\n * CE QUE JSDOM PEUT ET NE PEUT PAS VERIFIER\r\n * -----------------------------------------\r\n * Le plafond n'est pose qu'a partir du palier `sm` — le standard exigeant\r\n * « 100% grid width » sur mobile. Il passe donc par une requete media\r\n * qu'`emotion` injecte dans la feuille de style, et jsdom ne resout pas les\r\n * requetes media : `getComputedStyle` ne rendra jamais la largeur effective au\r\n * palier desktop. Un test de rendu ne PEUT pas l'assertir, et pretendre le\r\n * faire donnerait un test qui passe sans rien verifier.\r\n *\r\n * Ce fichier epingle donc ce qui est verifiable et qui compte :\r\n *\r\n *  1. LES CINQ VALEURS. C'est le point sensible du tour : elles ne se lisent\r\n *     pas dans le standard, qui donne des FOURCHETTES — quelqu'un a choisi, et\r\n *     ce choix doit etre visible et protege. Si l'equipe design les revoit,\r\n *     c'est ce test qui doit etre mis a jour sciemment, pas un ecran qui doit\r\n *     bouger par surprise.\r\n *\r\n *  2. QUE `width` NE CASSE PAS LE CABLAGE D'ACCESSIBILITE. `Field` associe\r\n *     libelle, indication et erreur au controle ; ajouter une contrainte de\r\n *     mise en page ne doit rien y toucher. C'est la regression la plus\r\n *     probable d'un changement qui passe par `sx`.\r\n *\r\n *  3. QUE L'OMISSION RESTE NEUTRE. Sans `width`, aucun plafond : les\r\n *     appelants d'avant G-H ne doivent pas bouger d'un pixel.\r\n *\r\n * Le comportement responsive lui-meme se verifie dans la story, en\r\n * redimensionnant la fenetre — c'est la que le contrat est observable.\r\n */\r\n\r\ndescribe(\"Field — les cinq gabarits (G-H)\", () => {\r\n  test(\"les valeurs sont celles retenues dans la fourchette du standard\", () => {\r\n    /* Fourchettes du standard, et valeur retenue (le HAUT, ces largeurs etant\r\n     * des plafonds) :\r\n     *   xs ~80-120  -> 120    s ~160-200 -> 200\r\n     *   m  ~320-400 -> 400    l ~500-600 -> 600\r\n     *   xl 100%\r\n     * Chaque valeur passe par une variable CSS pour etre revue sans toucher au\r\n     * code : c'est le repli qui est epingle ici. */\r\n    expect(FIELD_MAX_WIDTH.xs).toBe(\"var(--field-w-xs, 120px)\");\r\n    expect(FIELD_MAX_WIDTH.s).toBe(\"var(--field-w-s, 200px)\");\r\n    expect(FIELD_MAX_WIDTH.m).toBe(\"var(--field-w-m, 400px)\");\r\n    expect(FIELD_MAX_WIDTH.l).toBe(\"var(--field-w-l, 600px)\");\r\n    expect(FIELD_MAX_WIDTH.xl).toBe(\"100%\");\r\n  });\r\n\r\n  test(\"les cinq gabarits du standard sont couverts, ni plus ni moins\", () => {\r\n    /* Un gabarit ajoute ou retire est un ecart au standard, pas un detail\r\n     * d'implementation. */\r\n    expect(Object.keys(FIELD_MAX_WIDTH).sort()).toEqual([\r\n      \"l\",\r\n      \"m\",\r\n      \"s\",\r\n      \"xl\",\r\n      \"xs\",\r\n    ]);\r\n  });\r\n});\r\n\r\ndescribe(\"Field — `width` ne touche pas au cablage d'accessibilite\", () => {\r\n  test(\"le libelle nomme toujours le controle\", () => {\r\n    render(\r\n      <Field label=\"Identifiant fiscal\" htmlFor=\"ifu\" width=\"s\">\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(\r\n      screen.getByRole(\"textbox\", { name: /Identifiant fiscal/ })\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"l'erreur reste la description accessible du controle\", () => {\r\n    render(\r\n      <Field\r\n        label=\"Identifiant fiscal\"\r\n        htmlFor=\"ifu\"\r\n        width=\"s\"\r\n        error=\"Quinze caractères maximum.\"\r\n      >\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"textbox\")).toHaveAccessibleDescription(\r\n      \"Quinze caractères maximum.\"\r\n    );\r\n    expect(screen.getByRole(\"textbox\")).toHaveAttribute(\r\n      \"aria-invalid\",\r\n      \"true\"\r\n    );\r\n  });\r\n\r\n  test(\"l'indication reste la description accessible du controle\", () => {\r\n    render(\r\n      <Field\r\n        label=\"Adresse\"\r\n        htmlFor=\"adresse\"\r\n        width=\"l\"\r\n        hint=\"Voie, code postal et ville.\"\r\n      >\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    expect(screen.getByRole(\"textbox\")).toHaveAccessibleDescription(\r\n      \"Voie, code postal et ville.\"\r\n    );\r\n  });\r\n\r\n  test(\"`required` reste annonce comme tel\", () => {\r\n    render(\r\n      <Field label=\"Marque\" htmlFor=\"marque\" width=\"m\" required>\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    /* `toBeRequired` accepte l'attribut NATIF `required` comme `aria-required` :\r\n     * c'est volontaire, et c'est la bonne assertion ici.\r\n     *\r\n     * Les deux mecanismes coexistent dans la library, par des chemins\r\n     * differents, et viser l'un des deux nommement rendrait le test faux sans\r\n     * que le comportement change :\r\n     *   — sur un controle MUI (`Input`, `Textarea`), `Field` passe `required`\r\n     *     au `FormControl`, dont le CONTEXTE le propage jusqu'a l'input, qui\r\n     *     porte alors l'attribut natif ;\r\n     *   — sur un groupe (`RadioGroup`), aucun contexte ne s'applique : `Field`\r\n     *     injecte `aria-required` sur l'enfant, que le groupe transmet a son\r\n     *     `role=\"radiogroup\"` (voir le test de `FormikRadioGroup`).\r\n     *\r\n     * Ce qui compte pour R-I.2 est qu'une technologie d'assistance l'annonce,\r\n     * pas quel attribut le porte. */\r\n    expect(screen.getByRole(\"textbox\")).toBeRequired();\r\n  });\r\n});\r\n\r\ndescribe(\"Field — l'omission reste neutre\", () => {\r\n  test(\"sans `width`, le champ se rend et se nomme comme avant G-H\", () => {\r\n    /* Ce que ce test prouve, et ce qu'il ne prouve pas.\r\n     *\r\n     * L'absence de plafond n'est PAS assertable : elle se lit dans la feuille\r\n     * de style generee par `emotion`, que jsdom ne resout pas plus qu'une\r\n     * requete media. Une premiere version comparait le nombre de noeuds avec\r\n     * et sans `width` — ce qui exigeait un acces direct au DOM, interdit a\r\n     * juste titre par `testing-library/no-node-access` : compter des `<label>`\r\n     * teste l'implementation, pas le comportement.\r\n     *\r\n     * Ce qui EST verifiable et suffit a la retrocompatibilite : sans `width`,\r\n     * le controle est rendu, nomme par son libelle, et n'a herite d'aucun etat\r\n     * qu'il n'a pas demande. Le plafond, lui, se verifie dans la story. */\r\n    render(\r\n      <Field label=\"Marque\" htmlFor=\"sans-gabarit\">\r\n        <Input />\r\n      </Field>\r\n    );\r\n\r\n    const champ = screen.getByRole(\"textbox\", { name: /Marque/ });\r\n    expect(champ).toBeInTheDocument();\r\n    expect(champ).not.toBeRequired();\r\n    expect(champ).not.toBeInvalid();\r\n  });\r\n});\r\n"],"mappings":"AAAA,OAAO,2BAA2B;AAClC,SAASA,MAAM,EAAEC,MAAM,QAAQ,wBAAwB;AACvD,OAAOC,KAAK,IAAIC,eAAe,QAAQ,qBAAqB;AAC5D,OAAOC,KAAK,MAAM,qBAAqB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA9BA,SAAAC,GAAA,IAAAC,IAAA;AAgCAC,QAAQ,CAAC,iCAAiC,EAAE,MAAM;EAChDC,IAAI,CAAC,iEAAiE,EAAE,MAAM;IAC5E;AACJ;AACA;AACA;AACA;AACA;AACA;IACIC,MAAM,CAACN,eAAe,CAACO,EAAE,CAAC,CAACC,IAAI,CAAC,0BAA0B,CAAC;IAC3DF,MAAM,CAACN,eAAe,CAACS,CAAC,CAAC,CAACD,IAAI,CAAC,yBAAyB,CAAC;IACzDF,MAAM,CAACN,eAAe,CAACU,CAAC,CAAC,CAACF,IAAI,CAAC,yBAAyB,CAAC;IACzDF,MAAM,CAACN,eAAe,CAACW,CAAC,CAAC,CAACH,IAAI,CAAC,yBAAyB,CAAC;IACzDF,MAAM,CAACN,eAAe,CAACY,EAAE,CAAC,CAACJ,IAAI,CAAC,MAAM,CAAC;EACzC,CAAC,CAAC;EAEFH,IAAI,CAAC,+DAA+D,EAAE,MAAM;IAC1E;AACJ;IACIC,MAAM,CAACO,MAAM,CAACC,IAAI,CAACd,eAAe,CAAC,CAACe,IAAI,CAAC,CAAC,CAAC,CAACC,OAAO,CAAC,CAClD,GAAG,EACH,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAI,CACL,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFZ,QAAQ,CAAC,0DAA0D,EAAE,MAAM;EACzEC,IAAI,CAAC,uCAAuC,EAAE,MAAM;IAClDR,MAAM,cACJM,IAAA,CAACJ,KAAK;MAACkB,KAAK,EAAC,oBAAoB;MAACC,OAAO,EAAC,KAAK;MAACC,KAAK,EAAC,GAAG;MAAAC,QAAA,eACvDjB,IAAA,CAACF,KAAK,IAAE;IAAC,CACJ,CACT,CAAC;IAEDK,MAAM,CACJR,MAAM,CAACuB,SAAS,CAAC,SAAS,EAAE;MAAEC,IAAI,EAAE;IAAqB,CAAC,CAC5D,CAAC,CAACC,iBAAiB,CAAC,CAAC;EACvB,CAAC,CAAC;EAEFlB,IAAI,CAAC,sDAAsD,EAAE,MAAM;IACjER,MAAM,cACJM,IAAA,CAACJ,KAAK;MACJkB,KAAK,EAAC,oBAAoB;MAC1BC,OAAO,EAAC,KAAK;MACbC,KAAK,EAAC,GAAG;MACTK,KAAK,EAAC,+BAA4B;MAAAJ,QAAA,eAElCjB,IAAA,CAACF,KAAK,IAAE;IAAC,CACJ,CACT,CAAC;IAEDK,MAAM,CAACR,MAAM,CAACuB,SAAS,CAAC,SAAS,CAAC,CAAC,CAACI,2BAA2B,CAC7D,4BACF,CAAC;IACDnB,MAAM,CAACR,MAAM,CAACuB,SAAS,CAAC,SAAS,CAAC,CAAC,CAACK,eAAe,CACjD,cAAc,EACd,MACF,CAAC;EACH,CAAC,CAAC;EAEFrB,IAAI,CAAC,0DAA0D,EAAE,MAAM;IACrER,MAAM,cACJM,IAAA,CAACJ,KAAK;MACJkB,KAAK,EAAC,SAAS;MACfC,OAAO,EAAC,SAAS;MACjBC,KAAK,EAAC,GAAG;MACTQ,IAAI,EAAC,6BAA6B;MAAAP,QAAA,eAElCjB,IAAA,CAACF,KAAK,IAAE;IAAC,CACJ,CACT,CAAC;IAEDK,MAAM,CAACR,MAAM,CAACuB,SAAS,CAAC,SAAS,CAAC,CAAC,CAACI,2BAA2B,CAC7D,6BACF,CAAC;EACH,CAAC,CAAC;EAEFpB,IAAI,CAAC,oCAAoC,EAAE,MAAM;IAC/CR,MAAM,cACJM,IAAA,CAACJ,KAAK;MAACkB,KAAK,EAAC,QAAQ;MAACC,OAAO,EAAC,QAAQ;MAACC,KAAK,EAAC,GAAG;MAACS,QAAQ;MAAAR,QAAA,eACvDjB,IAAA,CAACF,KAAK,IAAE;IAAC,CACJ,CACT,CAAC;;IAED;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACIK,MAAM,CAACR,MAAM,CAACuB,SAAS,CAAC,SAAS,CAAC,CAAC,CAACQ,YAAY,CAAC,CAAC;EACpD,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFzB,QAAQ,CAAC,iCAAiC,EAAE,MAAM;EAChDC,IAAI,CAAC,4DAA4D,EAAE,MAAM;IACvE;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACIR,MAAM,cACJM,IAAA,CAACJ,KAAK;MAACkB,KAAK,EAAC,QAAQ;MAACC,OAAO,EAAC,cAAc;MAAAE,QAAA,eAC1CjB,IAAA,CAACF,KAAK,IAAE;IAAC,CACJ,CACT,CAAC;IAED,MAAM6B,KAAK,GAAGhC,MAAM,CAACuB,SAAS,CAAC,SAAS,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC,CAAC;IAC7DhB,MAAM,CAACwB,KAAK,CAAC,CAACP,iBAAiB,CAAC,CAAC;IACjCjB,MAAM,CAACwB,KAAK,CAAC,CAACC,GAAG,CAACF,YAAY,CAAC,CAAC;IAChCvB,MAAM,CAACwB,KAAK,CAAC,CAACC,GAAG,CAACC,WAAW,CAAC,CAAC;EACjC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/dist/esm/v2/__tests__/FileCard.test.js

@@ -25,9 +25,9 @@ import FileCard from "../components/FileCard";
  * records for R-G.3.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-describe("FileCard — identity", function () {
-  test("renders the filename and mirrors it into title for the truncated case", function () {
-    var name = "autorisation-de-depot-prealable-a-l-exportation-2025-IM-0042-revision-finale.pdf";
+describe("FileCard — identity", () => {
+  test("renders the filename and mirrors it into title for the truncated case", () => {
+    const name = "autorisation-de-depot-prealable-a-l-exportation-2025-IM-0042-revision-finale.pdf";
     render(/*#__PURE__*/_jsx(FileCard, {
       name: name
     }));
@@ -38,14 +38,14 @@ describe("FileCard — identity", function () {
      * screenshot and only hurts the user with the long filename. */
     expect(screen.getByText(name)).toHaveAttribute("title", name);
   });
-  test("renders the meta line when supplied", function () {
+  test("renders the meta line when supplied", () => {
     render(/*#__PURE__*/_jsx(FileCard, {
       name: "facture.pdf",
       meta: "1,24 Mo"
     }));
     expect(screen.getByText("1,24 Mo")).toBeInTheDocument();
   });
-  test("omits the meta line entirely when absent or empty", function () {
+  test("omits the meta line entirely when absent or empty", () => {
     /* Not rendered rather than rendered blank: an empty second line reads as
      * missing data, and it changes the row height, which breaks the alignment
      * of a list of files. Both `undefined` and `""` are covered because a host
@@ -55,10 +55,11 @@ describe("FileCard — identity", function () {
      * cannot be expressed as a text query, and the repo's eslint config forbids
      * direct node access — correctly, since a structural child count would also
      * break the moment the component gains an unrelated third line. */
-    var _render = render(/*#__PURE__*/_jsx(FileCard, {
-        name: "a.pdf"
-      })),
-      rerender = _render.rerender;
+    const {
+      rerender
+    } = render(/*#__PURE__*/_jsx(FileCard, {
+      name: "a.pdf"
+    }));
     expect(screen.getByText("a.pdf")).toBeInTheDocument();
     expect(screen.queryByTestId("filecard-meta")).not.toBeInTheDocument();
     rerender(/*#__PURE__*/_jsx(FileCard, {
@@ -73,8 +74,8 @@ describe("FileCard — identity", function () {
     expect(screen.getByTestId("filecard-meta")).toHaveTextContent("248 Ko");
   });
 });
-describe("FileCard — actions slot", function () {
-  test("renders host-supplied actions", function () {
+describe("FileCard — actions slot", () => {
+  test("renders host-supplied actions", () => {
     render(/*#__PURE__*/_jsx(FileCard, {
       name: "a.pdf",
       actions: /*#__PURE__*/_jsx("button", {
@@ -86,13 +87,13 @@ describe("FileCard — actions slot", function () {
       name: "Télécharger"
     })).toBeInTheDocument();
   });
-  test("renders no action cluster when actions is absent", function () {
+  test("renders no action cluster when actions is absent", () => {
     render(/*#__PURE__*/_jsx(FileCard, {
       name: "a.pdf"
     }));
     expect(screen.queryByRole("button")).not.toBeInTheDocument();
   });
-  test("does not invent any action of its own", function () {
+  test("does not invent any action of its own", () => {
     /* Regression guard on the component's SCOPE, not its rendering. FileCard is
      * presentational: a download link, a delete confirmation and a blob URL all
      * belong to the host. If a future change adds a built-in button, this fails
@@ -105,8 +106,8 @@ describe("FileCard — actions slot", function () {
     expect(screen.queryByRole("link")).not.toBeInTheDocument();
   });
 });
-describe("FileCard — accessibility", function () {
-  test("the leading icon is hidden from assistive tech", function () {
+describe("FileCard — accessibility", () => {
+  test("the leading icon is hidden from assistive tech", () => {
     /* R-Ar.2 — the filename IS the accessible name; a decorative glyph carrying
      * one would make a screen reader announce the row twice. The wrapper has no
      * role and no name by design, so there is no semantic query for it: the
@@ -116,7 +117,7 @@ describe("FileCard — accessibility", function () {
     }));
     expect(screen.getByTestId("filecard-icon")).toHaveAttribute("aria-hidden", "true");
   });
-  test("a custom icon replaces the default and stays hidden", function () {
+  test("a custom icon replaces the default and stays hidden", () => {
     /* The second assertion is the one that matters: a host passing its own glyph
      * must not be able to leak it into the accessibility tree. */
     render(/*#__PURE__*/_jsx(FileCard, {
@@ -128,7 +129,7 @@ describe("FileCard — accessibility", function () {
     expect(screen.getByTestId("custom")).toBeInTheDocument();
     expect(screen.getByTestId("filecard-icon")).toHaveAttribute("aria-hidden", "true");
   });
-  test("carries no role of its own", function () {
+  test("carries no role of its own", () => {
     /* The card is not interactive — only its actions are. Giving it role=button
      * or wrapping it in a group without an accessible name would add noise to
      * the SR tree. Asserted so a future "make the whole row clickable" change

package/dist/esm/v2/__tests__/FileCard.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileCard.test.js","names":["render","screen","FileCard","jsx","_jsx","describe","test","name","expect","getByText","toHaveAttribute","meta","toBeInTheDocument","_render","rerender","queryByTestId","not","getByTestId","toHaveTextContent","actions","type","children","getByRole","queryByRole","icon"],"sources":["../../../../src/lib/v2/__tests__/FileCard.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport FileCard from \"../components/FileCard\";\r\n\r\n/**\r\n * FileCard — contract tests.\r\n *\r\n * WHY THIS FILE EXISTS\r\n * --------------------\r\n * §10.3 R-G.6 MUST — \"Snapshot Storybook + tests Jest/Testing-Library\". The\r\n * component was extracted from THREE hand-written copies found in addpe-fe\r\n * (Attachment, AutorisationPreviewDrawer, AutorisationDetail), which had drifted\r\n * to three different paddings for one concept. Consolidating them means a single\r\n * change now moves every attachment row in the fleet, so the contracts below are\r\n * the ones that must not move silently.\r\n *\r\n * NOT COVERED — deliberately\r\n * The width negotiation is the most fragile part of this component and it is\r\n * NOT tested here: `text-overflow: ellipsis`, `minWidth: 0` on the identity\r\n * block and `flexShrink: 0` on the action cluster are LAYOUT, and jsdom computes\r\n * no layout. A test asserting them would pass while the card is broken on a\r\n * phone — worse than no coverage, because it would look like coverage. That\r\n * contract lives in FileCard.stories.tsx (\"Long filename\"), which is where a\r\n * browser can actually check it. Same reasoning as MobileRowCard.test.tsx\r\n * records for R-G.3.\r\n */\r\ndescribe(\"FileCard — identity\", () => {\r\n  test(\"renders the filename and mirrors it into title for the truncated case\", () => {\r\n    const name =\r\n      \"autorisation-de-depot-prealable-a-l-exportation-2025-IM-0042-revision-finale.pdf\";\r\n    render(<FileCard name={name} />);\r\n\r\n    /* The title attribute is the ONLY reason `name` is typed `string` rather\r\n     * than ReactNode: once the CSS ellipsis hides the tail, the attribute is\r\n     * what keeps the full filename reachable. Losing it is invisible in every\r\n     * screenshot and only hurts the user with the long filename. */\r\n    expect(screen.getByText(name)).toHaveAttribute(\"title\", name);\r\n  });\r\n\r\n  test(\"renders the meta line when supplied\", () => {\r\n    render(<FileCard name=\"facture.pdf\" meta=\"1,24 Mo\" />);\r\n    expect(screen.getByText(\"1,24 Mo\")).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"omits the meta line entirely when absent or empty\", () => {\r\n    /* Not rendered rather than rendered blank: an empty second line reads as\r\n     * missing data, and it changes the row height, which breaks the alignment\r\n     * of a list of files. Both `undefined` and `\"\"` are covered because a host\r\n     * formatting a byte count from an optional field produces either.\r\n     *\r\n     * Queried by testid, not by walking parentElement: \"absent, not empty\"\r\n     * cannot be expressed as a text query, and the repo's eslint config forbids\r\n     * direct node access — correctly, since a structural child count would also\r\n     * break the moment the component gains an unrelated third line. */\r\n    const { rerender } = render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.getByText(\"a.pdf\")).toBeInTheDocument();\r\n    expect(screen.queryByTestId(\"filecard-meta\")).not.toBeInTheDocument();\r\n\r\n    rerender(<FileCard name=\"a.pdf\" meta=\"\" />);\r\n    expect(screen.queryByTestId(\"filecard-meta\")).not.toBeInTheDocument();\r\n\r\n    rerender(<FileCard name=\"a.pdf\" meta=\"248 Ko\" />);\r\n    expect(screen.getByTestId(\"filecard-meta\")).toHaveTextContent(\"248 Ko\");\r\n  });\r\n});\r\n\r\ndescribe(\"FileCard — actions slot\", () => {\r\n  test(\"renders host-supplied actions\", () => {\r\n    render(\r\n      <FileCard\r\n        name=\"a.pdf\"\r\n        actions={<button type=\"button\">Télécharger</button>}\r\n      />\r\n    );\r\n    expect(screen.getByRole(\"button\", { name: \"Télécharger\" })).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"renders no action cluster when actions is absent\", () => {\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n  });\r\n\r\n  test(\"does not invent any action of its own\", () => {\r\n    /* Regression guard on the component's SCOPE, not its rendering. FileCard is\r\n     * presentational: a download link, a delete confirmation and a blob URL all\r\n     * belong to the host. If a future change adds a built-in button, this fails\r\n     * — which is the intent. */\r\n    render(<FileCard name=\"a.pdf\" meta=\"1 Ko\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n    expect(screen.queryByRole(\"link\")).not.toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FileCard — accessibility\", () => {\r\n  test(\"the leading icon is hidden from assistive tech\", () => {\r\n    /* R-Ar.2 — the filename IS the accessible name; a decorative glyph carrying\r\n     * one would make a screen reader announce the row twice. The wrapper has no\r\n     * role and no name by design, so there is no semantic query for it: the\r\n     * component exposes a stable testid for exactly this assertion. */\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.getByTestId(\"filecard-icon\")).toHaveAttribute(\"aria-hidden\", \"true\");\r\n  });\r\n\r\n  test(\"a custom icon replaces the default and stays hidden\", () => {\r\n    /* The second assertion is the one that matters: a host passing its own glyph\r\n     * must not be able to leak it into the accessibility tree. */\r\n    render(<FileCard name=\"a.pdf\" icon={<svg data-testid=\"custom\" />} />);\r\n    expect(screen.getByTestId(\"custom\")).toBeInTheDocument();\r\n    expect(screen.getByTestId(\"filecard-icon\")).toHaveAttribute(\"aria-hidden\", \"true\");\r\n  });\r\n\r\n  test(\"carries no role of its own\", () => {\r\n    /* The card is not interactive — only its actions are. Giving it role=button\r\n     * or wrapping it in a group without an accessible name would add noise to\r\n     * the SR tree. Asserted so a future \"make the whole row clickable\" change\r\n     * has to be a deliberate decision rather than a drive-by.  */\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n    expect(screen.queryByRole(\"group\")).not.toBeInTheDocument();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileCard.test.js","names":["render","screen","FileCard","jsx","_jsx","describe","test","name","expect","getByText","toHaveAttribute","meta","toBeInTheDocument","rerender","queryByTestId","not","getByTestId","toHaveTextContent","actions","type","children","getByRole","queryByRole","icon"],"sources":["../../../../src/lib/v2/__tests__/FileCard.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport FileCard from \"../components/FileCard\";\r\n\r\n/**\r\n * FileCard — contract tests.\r\n *\r\n * WHY THIS FILE EXISTS\r\n * --------------------\r\n * §10.3 R-G.6 MUST — \"Snapshot Storybook + tests Jest/Testing-Library\". The\r\n * component was extracted from THREE hand-written copies found in addpe-fe\r\n * (Attachment, AutorisationPreviewDrawer, AutorisationDetail), which had drifted\r\n * to three different paddings for one concept. Consolidating them means a single\r\n * change now moves every attachment row in the fleet, so the contracts below are\r\n * the ones that must not move silently.\r\n *\r\n * NOT COVERED — deliberately\r\n * The width negotiation is the most fragile part of this component and it is\r\n * NOT tested here: `text-overflow: ellipsis`, `minWidth: 0` on the identity\r\n * block and `flexShrink: 0` on the action cluster are LAYOUT, and jsdom computes\r\n * no layout. A test asserting them would pass while the card is broken on a\r\n * phone — worse than no coverage, because it would look like coverage. That\r\n * contract lives in FileCard.stories.tsx (\"Long filename\"), which is where a\r\n * browser can actually check it. Same reasoning as MobileRowCard.test.tsx\r\n * records for R-G.3.\r\n */\r\ndescribe(\"FileCard — identity\", () => {\r\n  test(\"renders the filename and mirrors it into title for the truncated case\", () => {\r\n    const name =\r\n      \"autorisation-de-depot-prealable-a-l-exportation-2025-IM-0042-revision-finale.pdf\";\r\n    render(<FileCard name={name} />);\r\n\r\n    /* The title attribute is the ONLY reason `name` is typed `string` rather\r\n     * than ReactNode: once the CSS ellipsis hides the tail, the attribute is\r\n     * what keeps the full filename reachable. Losing it is invisible in every\r\n     * screenshot and only hurts the user with the long filename. */\r\n    expect(screen.getByText(name)).toHaveAttribute(\"title\", name);\r\n  });\r\n\r\n  test(\"renders the meta line when supplied\", () => {\r\n    render(<FileCard name=\"facture.pdf\" meta=\"1,24 Mo\" />);\r\n    expect(screen.getByText(\"1,24 Mo\")).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"omits the meta line entirely when absent or empty\", () => {\r\n    /* Not rendered rather than rendered blank: an empty second line reads as\r\n     * missing data, and it changes the row height, which breaks the alignment\r\n     * of a list of files. Both `undefined` and `\"\"` are covered because a host\r\n     * formatting a byte count from an optional field produces either.\r\n     *\r\n     * Queried by testid, not by walking parentElement: \"absent, not empty\"\r\n     * cannot be expressed as a text query, and the repo's eslint config forbids\r\n     * direct node access — correctly, since a structural child count would also\r\n     * break the moment the component gains an unrelated third line. */\r\n    const { rerender } = render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.getByText(\"a.pdf\")).toBeInTheDocument();\r\n    expect(screen.queryByTestId(\"filecard-meta\")).not.toBeInTheDocument();\r\n\r\n    rerender(<FileCard name=\"a.pdf\" meta=\"\" />);\r\n    expect(screen.queryByTestId(\"filecard-meta\")).not.toBeInTheDocument();\r\n\r\n    rerender(<FileCard name=\"a.pdf\" meta=\"248 Ko\" />);\r\n    expect(screen.getByTestId(\"filecard-meta\")).toHaveTextContent(\"248 Ko\");\r\n  });\r\n});\r\n\r\ndescribe(\"FileCard — actions slot\", () => {\r\n  test(\"renders host-supplied actions\", () => {\r\n    render(\r\n      <FileCard\r\n        name=\"a.pdf\"\r\n        actions={<button type=\"button\">Télécharger</button>}\r\n      />\r\n    );\r\n    expect(screen.getByRole(\"button\", { name: \"Télécharger\" })).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"renders no action cluster when actions is absent\", () => {\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n  });\r\n\r\n  test(\"does not invent any action of its own\", () => {\r\n    /* Regression guard on the component's SCOPE, not its rendering. FileCard is\r\n     * presentational: a download link, a delete confirmation and a blob URL all\r\n     * belong to the host. If a future change adds a built-in button, this fails\r\n     * — which is the intent. */\r\n    render(<FileCard name=\"a.pdf\" meta=\"1 Ko\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n    expect(screen.queryByRole(\"link\")).not.toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FileCard — accessibility\", () => {\r\n  test(\"the leading icon is hidden from assistive tech\", () => {\r\n    /* R-Ar.2 — the filename IS the accessible name; a decorative glyph carrying\r\n     * one would make a screen reader announce the row twice. The wrapper has no\r\n     * role and no name by design, so there is no semantic query for it: the\r\n     * component exposes a stable testid for exactly this assertion. */\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.getByTestId(\"filecard-icon\")).toHaveAttribute(\"aria-hidden\", \"true\");\r\n  });\r\n\r\n  test(\"a custom icon replaces the default and stays hidden\", () => {\r\n    /* The second assertion is the one that matters: a host passing its own glyph\r\n     * must not be able to leak it into the accessibility tree. */\r\n    render(<FileCard name=\"a.pdf\" icon={<svg data-testid=\"custom\" />} />);\r\n    expect(screen.getByTestId(\"custom\")).toBeInTheDocument();\r\n    expect(screen.getByTestId(\"filecard-icon\")).toHaveAttribute(\"aria-hidden\", \"true\");\r\n  });\r\n\r\n  test(\"carries no role of its own\", () => {\r\n    /* The card is not interactive — only its actions are. Giving it role=button\r\n     * or wrapping it in a group without an accessible name would add noise to\r\n     * the SR tree. Asserted so a future \"make the whole row clickable\" change\r\n     * has to be a deliberate decision rather than a drive-by.  */\r\n    render(<FileCard name=\"a.pdf\" />);\r\n    expect(screen.queryByRole(\"button\")).not.toBeInTheDocument();\r\n    expect(screen.queryByRole(\"group\")).not.toBeInTheDocument();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}