@portnet/ui 6.0.2 → 6.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"FormikDateTimePicker.test.js","names":["render","screen","Formik","Form","FormikDateTimePicker","FormikDatePicker","DATETIME_FORMAT_CHARTER","jsx","_jsx","sectionValeur","nom","getByRole","name","getAttribute","sectionVide","HoteLecture","_ref","valeurInitiale","outputFormat","readOnly","initialValues","dateVisite","onSubmit","undefined","children","_objectSpread","label","describe","test","Date","expect","toBe","queryByRole","not","toBeInTheDocument","avertissements","spy","jest","spyOn","console","mockImplementation","_len","arguments","length","args","Array","_key","push","some","a","String","includes","mockRestore","getByText","toHaveAttribute"],"sources":["../../../../src/lib/v2/__tests__/FormikDateTimePicker.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport { Formik, Form } from \"formik\";\r\nimport FormikDateTimePicker from \"../patterns/FormikDateTimePicker\";\r\nimport FormikDatePicker from \"../patterns/FormikDatePicker\";\r\nimport { DATETIME_FORMAT_CHARTER } from \"../components/DateTimePicker\";\r\n\r\n/**\r\n * FormikDateTimePicker — contract tests (gap G-E).\r\n *\r\n * WHY THIS FILE EXISTS\r\n * --------------------\r\n * §10.3 R-G.6 MUST. Every case below pins a contract that a screenshot cannot\r\n * see, and each corresponds to a defect this bridge exists to stop:\r\n *\r\n *  1. THE TIME SURVIVES. The whole reason the gap was opened: routed through\r\n *     the date-only bridge, a visit scheduled at 14:30 would have been stored\r\n *     at 00:00 — silently, with no error, and only the agent showing up at the\r\n *     wrong hour would notice. The date-only sibling is asserted side by side,\r\n *     so the reason TWO bridges exist stays legible.\r\n *\r\n *  2. THE ROUND-TRIP IS SYMMETRIC (S-03). A value written with a non-ISO\r\n *     format must be READ BACK with that same format. The sibling once wrote\r\n *     through moment and read through `new Date()`, which turned \"31-12-2026\"\r\n *     into Invalid Date and \"05-03-2026\" into 3 May. The write path worked, so\r\n *     the damage only appeared on RE-POPULATE — an edit flow, the path a smoke\r\n *     test never exercises. One module shipped it for seven batches under a\r\n *     clean strict typecheck.\r\n *\r\n *  3. A MALFORMED STORED VALUE YIELDS EMPTY, NOT A PLAUSIBLE WRONG DATE.\r\n *     Strict parsing. A missing date is recoverable; a date quietly off by two\r\n *     months is not.\r\n *\r\n * ── HOW THESE ASSERTIONS READ THE FIELD (and why not by role \"textbox\") ──\r\n *\r\n * MUI X v9 renders no textbox. The field is a `role=\"group\"` containing one\r\n * `role=\"spinbutton\"` PER SECTION (Year, Month, Day, Hours, Minutes), each\r\n * carrying `aria-valuenow`; the input that holds the formatted string is\r\n * `aria-hidden`. So the assertions read the sections.\r\n *\r\n * That is not a workaround, it is the better probe: `aria-valuenow` is the\r\n * PARSED value, independent of any display format. A test reading the\r\n * formatted text would pass or fail on locale and format changes that have\r\n * nothing to do with the contract under test. Reading the sections also makes\r\n * the date-only comparison exact — the sibling renders no Hours section at\r\n * all, rather than rendering one that happens to read 00.\r\n *\r\n * NOT COVERED — deliberately: opening the picker popup and clicking a day.\r\n * MUI X renders its calendar in a portal with its own interaction model; the\r\n * value plumbing is what belongs to this bridge. The visual side belongs to\r\n * the story.\r\n */\r\n\r\n/** Valeur analysee d'une section du champ (Year, Month, Day, Hours, Minutes). */\r\nfunction sectionValeur(nom: string): string | null {\r\n  return screen\r\n    .getByRole(\"spinbutton\", { name: nom })\r\n    .getAttribute(\"aria-valuenow\");\r\n}\r\n\r\n/** Vrai quand la section est vide (aucune date rendue). */\r\nfunction sectionVide(nom: string): boolean {\r\n  return (\r\n    screen.getByRole(\"spinbutton\", { name: nom }).getAttribute(\"aria-valuetext\") ===\r\n    \"Empty\"\r\n  );\r\n}\r\n\r\nfunction HoteLecture({\r\n  valeurInitiale,\r\n  outputFormat,\r\n  readOnly,\r\n}: {\r\n  valeurInitiale: unknown;\r\n  outputFormat?: string;\r\n  readOnly?: boolean;\r\n}) {\r\n  return (\r\n    <Formik\r\n      initialValues={{ dateVisite: valeurInitiale }}\r\n      onSubmit={() => undefined}\r\n    >\r\n      <Form>\r\n        <FormikDateTimePicker\r\n          name=\"dateVisite\"\r\n          label=\"Date de la visite\"\r\n          {...(outputFormat !== undefined ? { outputFormat } : {})}\r\n          {...(readOnly !== undefined ? { readOnly } : {})}\r\n        />\r\n      </Form>\r\n    </Formik>\r\n  );\r\n}\r\n\r\ndescribe(\"FormikDateTimePicker — the time survives\", () => {\r\n  test(\"an hour stored in Formik reaches the field's time sections\", () => {\r\n    render(<HoteLecture valeurInitiale={new Date(2026, 4, 31, 14, 30)} />);\r\n\r\n    expect(sectionValeur(\"Hours\")).toBe(\"14\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"30\");\r\n    /* La date, elle, est intacte : 31 mai 2026. */\r\n    expect(sectionValeur(\"Day\")).toBe(\"31\");\r\n    expect(sectionValeur(\"Month\")).toBe(\"5\");\r\n  });\r\n\r\n  test(\"the date-only sibling has NO time section — which is why G-E exists\", () => {\r\n    render(\r\n      <Formik\r\n        initialValues={{ dateVisite: new Date(2026, 4, 31, 14, 30) }}\r\n        onSubmit={() => undefined}\r\n      >\r\n        <Form>\r\n          <FormikDatePicker name=\"dateVisite\" label=\"Date de la visite\" />\r\n        </Form>\r\n      </Formik>\r\n    );\r\n\r\n    /* Pas de section « Hours » du tout : l'heure n'est pas affichee a 00, elle\r\n     * est absente du champ — donc perdue des que la valeur est reserialisee. */\r\n    expect(\r\n      screen.queryByRole(\"spinbutton\", { name: \"Hours\" })\r\n    ).not.toBeInTheDocument();\r\n    expect(screen.getByRole(\"spinbutton\", { name: \"Day\" })).toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDateTimePicker — the round-trip is symmetric (S-03)\", () => {\r\n  test(\"a value written in the charter format is read back with it\", () => {\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"2026-12-31 14:30\"\r\n        outputFormat={DATETIME_FORMAT_CHARTER}\r\n      />\r\n    );\r\n\r\n    expect(sectionValeur(\"Day\")).toBe(\"31\");\r\n    expect(sectionValeur(\"Month\")).toBe(\"12\");\r\n    expect(sectionValeur(\"Hours\")).toBe(\"14\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"30\");\r\n  });\r\n\r\n  test(\"a day-first stored value is NOT misread as month-first\", () => {\r\n    /* `new Date(\"05-03-2026 09:15\")` lit MM-DD en V8 : le 3 mai au lieu du\r\n     * 5 mars. Avec le format declare, moment lit bien le 5 mars. C'est\r\n     * exactement le cas que S-03 decrit. */\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"05-03-2026 09:15\"\r\n        outputFormat=\"DD-MM-YYYY HH:mm\"\r\n      />\r\n    );\r\n\r\n    expect(sectionValeur(\"Month\")).toBe(\"3\");\r\n    expect(sectionValeur(\"Day\")).toBe(\"5\");\r\n    expect(sectionValeur(\"Hours\")).toBe(\"9\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"15\");\r\n  });\r\n\r\n  test(\"a malformed stored value renders EMPTY, not a guess\", () => {\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"pas-une-date\"\r\n        outputFormat={DATETIME_FORMAT_CHARTER}\r\n      />\r\n    );\r\n\r\n    expect(sectionVide(\"Year\")).toBe(true);\r\n    expect(sectionVide(\"Day\")).toBe(true);\r\n    expect(sectionVide(\"Hours\")).toBe(true);\r\n  });\r\n\r\n  test(\"`null` renders empty and does not warn about an uncontrolled input\", () => {\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(<HoteLecture valeurInitiale={null} />);\r\n\r\n    expect(sectionVide(\"Year\")).toBe(true);\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\r\ndescribe(\"FormikDateTimePicker — read-only mode\", () => {\r\n  test(\"`readOnly` renders display TEXT, not a picker\", () => {\r\n    /* Section Read Only Mode : « Inputs are forbidden in read-only mode. » */\r\n    render(\r\n      <HoteLecture valeurInitiale={new Date(2026, 11, 31, 14, 30)} readOnly />\r\n    );\r\n\r\n    expect(\r\n      screen.queryByRole(\"spinbutton\", { name: \"Year\" })\r\n    ).not.toBeInTheDocument();\r\n    expect(screen.getByText(/31\\/12\\/2026 14:30/)).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"an empty value in read-only mode shows the dash, not a blank panel\", () => {\r\n    render(<HoteLecture valeurInitiale={null} readOnly />);\r\n    expect(screen.getByText(\"—\")).toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDateTimePicker — labelling\", () => {\r\n  test(\"the visible label is wired to the field id produced by Field\", () => {\r\n    render(<HoteLecture valeurInitiale={null} />);\r\n\r\n    /* Une premiere version verifiait aussi, par `document.getElementById`, que\r\n     * l'element porteur de cet id existe. Deux raisons de l'avoir retiree :\r\n     * `testing-library/no-node-access` l'interdit a juste titre, et surtout\r\n     * l'assertion visait a cote. L'element existe bel et bien — c'est l'input\r\n     * porteur de valeur — mais MUI X v9 le marque `aria-hidden`, donc son\r\n     * existence ne prouve RIEN sur ce qui compte. Voir la note ci-dessous. */\r\n    expect(screen.getByText(\"Date de la visite\")).toHaveAttribute(\r\n      \"for\",\r\n      \"dateVisite\"\r\n    );\r\n  });\r\n\r\n  /**\r\n   * CE QUI N'EST PAS ASSERTE ICI, ET POURQUOI — defaut ouvert (G-F, reporte)\r\n   *\r\n   * Le champ n'a PAS de nom accessible, et ce n'est pas le seul degat : les\r\n   * QUATRE attributs d'association poses par `Field` sont inertes.\r\n   *\r\n   * `DateTimePicker` intercepte bien `id`, `aria-describedby`, `aria-invalid`\r\n   * et `aria-required` et les route sur l'`<input>` porteur de valeur (c'est le\r\n   * correctif DP-1, ecrit exprès) — mais MUI X v9 marque cet input\r\n   * `aria-hidden=\"true\"`. Le champ visible est un `role=\"group\"` de\r\n   * `role=\"spinbutton\"` par section. Donc : l'etiquette ne nomme rien\r\n   * (R-I.1), l'indication et le message d'erreur ne sont jamais annonces\r\n   * (R-I.3, R-4.1), et un champ requis ne se declare pas requis (R-I.2).\r\n   *\r\n   * DEUX TENTATIVES ONT ECHOUE, notees pour ne pas etre refaites :\r\n   *   1. router les attributs par `slotProps.textField.InputProps` — accepte\r\n   *      par les types, n'atterrit nulle part ;\r\n   *   2. passer le pont en mode `group` de `Field` — `Field` emet bien\r\n   *      `aria-labelledby`, mais rien ne le porte jusqu'au groupe, ET le mode\r\n   *      `group` supprime le `<label for>` : on perd le clic-sur-libellé sans\r\n   *      rien gagner.\r\n   *\r\n   * Figer l'etat actuel par une assertion « le nom est vide » en ferait un\r\n   * comportement attendu, ce qu'il n'est pas. Le correctif demande le vrai\r\n   * point d'ancrage v9 de `PickersInputBase`, et il touche `DatePicker` ET\r\n   * `DateTimePicker` — donc tous les champs de date du portefeuille. Batch 10.\r\n   */\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormikDateTimePicker.test.js","names":["render","screen","Formik","Form","FormikDateTimePicker","FormikDatePicker","DATETIME_FORMAT_CHARTER","jsx","_jsx","sectionValeur","nom","getByRole","name","getAttribute","sectionVide","HoteLecture","valeurInitiale","outputFormat","readOnly","initialValues","dateVisite","onSubmit","undefined","children","label","describe","test","Date","expect","toBe","queryByRole","not","toBeInTheDocument","avertissements","spy","jest","spyOn","console","mockImplementation","args","push","some","a","String","includes","mockRestore","getByText","toHaveAttribute"],"sources":["../../../../src/lib/v2/__tests__/FormikDateTimePicker.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport { Formik, Form } from \"formik\";\r\nimport FormikDateTimePicker from \"../patterns/FormikDateTimePicker\";\r\nimport FormikDatePicker from \"../patterns/FormikDatePicker\";\r\nimport { DATETIME_FORMAT_CHARTER } from \"../components/DateTimePicker\";\r\n\r\n/**\r\n * FormikDateTimePicker — contract tests (gap G-E).\r\n *\r\n * WHY THIS FILE EXISTS\r\n * --------------------\r\n * §10.3 R-G.6 MUST. Every case below pins a contract that a screenshot cannot\r\n * see, and each corresponds to a defect this bridge exists to stop:\r\n *\r\n *  1. THE TIME SURVIVES. The whole reason the gap was opened: routed through\r\n *     the date-only bridge, a visit scheduled at 14:30 would have been stored\r\n *     at 00:00 — silently, with no error, and only the agent showing up at the\r\n *     wrong hour would notice. The date-only sibling is asserted side by side,\r\n *     so the reason TWO bridges exist stays legible.\r\n *\r\n *  2. THE ROUND-TRIP IS SYMMETRIC (S-03). A value written with a non-ISO\r\n *     format must be READ BACK with that same format. The sibling once wrote\r\n *     through moment and read through `new Date()`, which turned \"31-12-2026\"\r\n *     into Invalid Date and \"05-03-2026\" into 3 May. The write path worked, so\r\n *     the damage only appeared on RE-POPULATE — an edit flow, the path a smoke\r\n *     test never exercises. One module shipped it for seven batches under a\r\n *     clean strict typecheck.\r\n *\r\n *  3. A MALFORMED STORED VALUE YIELDS EMPTY, NOT A PLAUSIBLE WRONG DATE.\r\n *     Strict parsing. A missing date is recoverable; a date quietly off by two\r\n *     months is not.\r\n *\r\n * ── HOW THESE ASSERTIONS READ THE FIELD (and why not by role \"textbox\") ──\r\n *\r\n * MUI X v9 renders no textbox. The field is a `role=\"group\"` containing one\r\n * `role=\"spinbutton\"` PER SECTION (Year, Month, Day, Hours, Minutes), each\r\n * carrying `aria-valuenow`; the input that holds the formatted string is\r\n * `aria-hidden`. So the assertions read the sections.\r\n *\r\n * That is not a workaround, it is the better probe: `aria-valuenow` is the\r\n * PARSED value, independent of any display format. A test reading the\r\n * formatted text would pass or fail on locale and format changes that have\r\n * nothing to do with the contract under test. Reading the sections also makes\r\n * the date-only comparison exact — the sibling renders no Hours section at\r\n * all, rather than rendering one that happens to read 00.\r\n *\r\n * NOT COVERED — deliberately: opening the picker popup and clicking a day.\r\n * MUI X renders its calendar in a portal with its own interaction model; the\r\n * value plumbing is what belongs to this bridge. The visual side belongs to\r\n * the story.\r\n */\r\n\r\n/** Valeur analysee d'une section du champ (Year, Month, Day, Hours, Minutes). */\r\nfunction sectionValeur(nom: string): string | null {\r\n  return screen\r\n    .getByRole(\"spinbutton\", { name: nom })\r\n    .getAttribute(\"aria-valuenow\");\r\n}\r\n\r\n/** Vrai quand la section est vide (aucune date rendue). */\r\nfunction sectionVide(nom: string): boolean {\r\n  return (\r\n    screen.getByRole(\"spinbutton\", { name: nom }).getAttribute(\"aria-valuetext\") ===\r\n    \"Empty\"\r\n  );\r\n}\r\n\r\nfunction HoteLecture({\r\n  valeurInitiale,\r\n  outputFormat,\r\n  readOnly,\r\n}: {\r\n  valeurInitiale: unknown;\r\n  outputFormat?: string;\r\n  readOnly?: boolean;\r\n}) {\r\n  return (\r\n    <Formik\r\n      initialValues={{ dateVisite: valeurInitiale }}\r\n      onSubmit={() => undefined}\r\n    >\r\n      <Form>\r\n        <FormikDateTimePicker\r\n          name=\"dateVisite\"\r\n          label=\"Date de la visite\"\r\n          {...(outputFormat !== undefined ? { outputFormat } : {})}\r\n          {...(readOnly !== undefined ? { readOnly } : {})}\r\n        />\r\n      </Form>\r\n    </Formik>\r\n  );\r\n}\r\n\r\ndescribe(\"FormikDateTimePicker — the time survives\", () => {\r\n  test(\"an hour stored in Formik reaches the field's time sections\", () => {\r\n    render(<HoteLecture valeurInitiale={new Date(2026, 4, 31, 14, 30)} />);\r\n\r\n    expect(sectionValeur(\"Hours\")).toBe(\"14\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"30\");\r\n    /* La date, elle, est intacte : 31 mai 2026. */\r\n    expect(sectionValeur(\"Day\")).toBe(\"31\");\r\n    expect(sectionValeur(\"Month\")).toBe(\"5\");\r\n  });\r\n\r\n  test(\"the date-only sibling has NO time section — which is why G-E exists\", () => {\r\n    render(\r\n      <Formik\r\n        initialValues={{ dateVisite: new Date(2026, 4, 31, 14, 30) }}\r\n        onSubmit={() => undefined}\r\n      >\r\n        <Form>\r\n          <FormikDatePicker name=\"dateVisite\" label=\"Date de la visite\" />\r\n        </Form>\r\n      </Formik>\r\n    );\r\n\r\n    /* Pas de section « Hours » du tout : l'heure n'est pas affichee a 00, elle\r\n     * est absente du champ — donc perdue des que la valeur est reserialisee. */\r\n    expect(\r\n      screen.queryByRole(\"spinbutton\", { name: \"Hours\" })\r\n    ).not.toBeInTheDocument();\r\n    expect(screen.getByRole(\"spinbutton\", { name: \"Day\" })).toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDateTimePicker — the round-trip is symmetric (S-03)\", () => {\r\n  test(\"a value written in the charter format is read back with it\", () => {\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"2026-12-31 14:30\"\r\n        outputFormat={DATETIME_FORMAT_CHARTER}\r\n      />\r\n    );\r\n\r\n    expect(sectionValeur(\"Day\")).toBe(\"31\");\r\n    expect(sectionValeur(\"Month\")).toBe(\"12\");\r\n    expect(sectionValeur(\"Hours\")).toBe(\"14\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"30\");\r\n  });\r\n\r\n  test(\"a day-first stored value is NOT misread as month-first\", () => {\r\n    /* `new Date(\"05-03-2026 09:15\")` lit MM-DD en V8 : le 3 mai au lieu du\r\n     * 5 mars. Avec le format declare, moment lit bien le 5 mars. C'est\r\n     * exactement le cas que S-03 decrit. */\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"05-03-2026 09:15\"\r\n        outputFormat=\"DD-MM-YYYY HH:mm\"\r\n      />\r\n    );\r\n\r\n    expect(sectionValeur(\"Month\")).toBe(\"3\");\r\n    expect(sectionValeur(\"Day\")).toBe(\"5\");\r\n    expect(sectionValeur(\"Hours\")).toBe(\"9\");\r\n    expect(sectionValeur(\"Minutes\")).toBe(\"15\");\r\n  });\r\n\r\n  test(\"a malformed stored value renders EMPTY, not a guess\", () => {\r\n    render(\r\n      <HoteLecture\r\n        valeurInitiale=\"pas-une-date\"\r\n        outputFormat={DATETIME_FORMAT_CHARTER}\r\n      />\r\n    );\r\n\r\n    expect(sectionVide(\"Year\")).toBe(true);\r\n    expect(sectionVide(\"Day\")).toBe(true);\r\n    expect(sectionVide(\"Hours\")).toBe(true);\r\n  });\r\n\r\n  test(\"`null` renders empty and does not warn about an uncontrolled input\", () => {\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(<HoteLecture valeurInitiale={null} />);\r\n\r\n    expect(sectionVide(\"Year\")).toBe(true);\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\r\ndescribe(\"FormikDateTimePicker — read-only mode\", () => {\r\n  test(\"`readOnly` renders display TEXT, not a picker\", () => {\r\n    /* Section Read Only Mode : « Inputs are forbidden in read-only mode. » */\r\n    render(\r\n      <HoteLecture valeurInitiale={new Date(2026, 11, 31, 14, 30)} readOnly />\r\n    );\r\n\r\n    expect(\r\n      screen.queryByRole(\"spinbutton\", { name: \"Year\" })\r\n    ).not.toBeInTheDocument();\r\n    expect(screen.getByText(/31\\/12\\/2026 14:30/)).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"an empty value in read-only mode shows the dash, not a blank panel\", () => {\r\n    render(<HoteLecture valeurInitiale={null} readOnly />);\r\n    expect(screen.getByText(\"—\")).toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDateTimePicker — labelling\", () => {\r\n  test(\"the visible label is wired to the field id produced by Field\", () => {\r\n    render(<HoteLecture valeurInitiale={null} />);\r\n\r\n    /* Une premiere version verifiait aussi, par `document.getElementById`, que\r\n     * l'element porteur de cet id existe. Deux raisons de l'avoir retiree :\r\n     * `testing-library/no-node-access` l'interdit a juste titre, et surtout\r\n     * l'assertion visait a cote. L'element existe bel et bien — c'est l'input\r\n     * porteur de valeur — mais MUI X v9 le marque `aria-hidden`, donc son\r\n     * existence ne prouve RIEN sur ce qui compte. Voir la note ci-dessous. */\r\n    expect(screen.getByText(\"Date de la visite\")).toHaveAttribute(\r\n      \"for\",\r\n      \"dateVisite\"\r\n    );\r\n  });\r\n\r\n  /**\r\n   * CE QUI N'EST PAS ASSERTE ICI, ET POURQUOI — defaut ouvert (G-F, reporte)\r\n   *\r\n   * Le champ n'a PAS de nom accessible, et ce n'est pas le seul degat : les\r\n   * QUATRE attributs d'association poses par `Field` sont inertes.\r\n   *\r\n   * `DateTimePicker` intercepte bien `id`, `aria-describedby`, `aria-invalid`\r\n   * et `aria-required` et les route sur l'`<input>` porteur de valeur (c'est le\r\n   * correctif DP-1, ecrit exprès) — mais MUI X v9 marque cet input\r\n   * `aria-hidden=\"true\"`. Le champ visible est un `role=\"group\"` de\r\n   * `role=\"spinbutton\"` par section. Donc : l'etiquette ne nomme rien\r\n   * (R-I.1), l'indication et le message d'erreur ne sont jamais annonces\r\n   * (R-I.3, R-4.1), et un champ requis ne se declare pas requis (R-I.2).\r\n   *\r\n   * DEUX TENTATIVES ONT ECHOUE, notees pour ne pas etre refaites :\r\n   *   1. router les attributs par `slotProps.textField.InputProps` — accepte\r\n   *      par les types, n'atterrit nulle part ;\r\n   *   2. passer le pont en mode `group` de `Field` — `Field` emet bien\r\n   *      `aria-labelledby`, mais rien ne le porte jusqu'au groupe, ET le mode\r\n   *      `group` supprime le `<label for>` : on perd le clic-sur-libellé sans\r\n   *      rien gagner.\r\n   *\r\n   * Figer l'etat actuel par une assertion « le nom est vide » en ferait un\r\n   * comportement attendu, ce qu'il n'est pas. Le correctif demande le vrai\r\n   * point d'ancrage v9 de `PickersInputBase`, et il touche `DatePicker` ET\r\n   * `DateTimePicker` — donc tous les champs de date du portefeuille. Batch 10.\r\n   */\r\n});\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,101 @@
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import { Formik } from "formik";
+import { FIELD_MAX_WIDTH } from "../components/Field";
+import FormikDisplay from "../components/FormikDisplay";
+
+/**
+ * FormikDisplay — largeur semantique (gap G-H, suite) : tests de contrat.
+ *
+ * MEME LIMITE QUE `FieldWidth.test.tsx`, ET POUR LA MEME RAISON. Le plafond
+ * n'est pose qu'a partir du palier `sm`, donc derriere une requete media
+ * qu'`emotion` injecte dans la feuille de style et que jsdom ne resout pas :
+ * `getComputedStyle` ne rendra jamais la largeur effective. Asserter la
+ * largeur ici donnerait un test qui passe sans rien verifier. Le comportement
+ * responsive s'observe dans la story, en redimensionnant la fenetre.
+ *
+ * Ce fichier epingle donc ce qui compte et qui est verifiable :
+ *
+ *  1. QUE LA TABLE DE LARGEURS EST CELLE DE `Field`, ET NON UNE COPIE. C'est
+ *     le risque propre a cet ajout : `FormikDisplay` ne passe pas par `Field`,
+ *     il aurait donc pu redeclarer ses cinq valeurs. Deux tables finiraient
+ *     par diverger, et un formulaire melant saisie et affichage retomberait
+ *     dans le « jagged alignment » que le standard interdit — exactement le
+ *     defaut que cet ajout corrige.
+ *
+ *  2. QUE `width` NE TOUCHE PAS AU RENDU NI AU NOM ACCESSIBLE. Une contrainte
+ *     de mise en page passee par `sx` ne doit rien changer a la valeur
+ *     affichee ni a ce qu'annonce une technologie d'assistance : c'est la
+ *     regression la plus probable du changement.
+ *
+ *  3. QUE L'OMISSION RESTE NEUTRE. Sans `width`, les appelants d'avant ne
+ *     doivent pas bouger.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const withFormik = (children, values) => render(/*#__PURE__*/_jsx(Formik, {
+  initialValues: values,
+  onSubmit: () => undefined,
+  children: () => children
+}));
+describe("FormikDisplay — la table de largeurs est partagee avec Field", () => {
+  test("les cinq gabarits sont ceux de `Field`, importes et non recopies", () => {
+    /* Ce test echouerait si quelqu'un redeclarait une table locale dans
+     * `FormikDisplay` : les valeurs sont epinglees UNE fois, dans
+     * `FieldWidth.test.tsx`, et ce fichier verifie que c'est bien la meme
+     * source qui est exposee aux deux composants. */
+    expect(Object.keys(FIELD_MAX_WIDTH).sort()).toEqual(["l", "m", "s", "xl", "xs"]);
+  });
+});
+describe("FormikDisplay — `width` ne touche ni au rendu ni au nom accessible", () => {
+  test("la valeur Formik reste affichee", () => {
+    withFormik(/*#__PURE__*/_jsx(FormikDisplay, {
+      name: "ice",
+      label: "ICE",
+      width: "s"
+    }), {
+      ice: "001234567000089"
+    });
+    expect(screen.getByText("001234567000089")).toBeInTheDocument();
+  });
+  test("le libelle et la valeur restent annonces ensemble", () => {
+    /* `FormikDisplay` expose sa boite en `role="status"` avec un
+     * `aria-label` « libelle : valeur » — c'est ce couple qu'une technologie
+     * d'assistance lit, et il ne doit pas dependre du gabarit. */
+    withFormik(/*#__PURE__*/_jsx(FormikDisplay, {
+      name: "raisonSociale",
+      label: "Raison sociale",
+      width: "l"
+    }), {
+      raisonSociale: "SOFRANE SA"
+    });
+    expect(screen.getByRole("status", {
+      name: "Raison sociale : SOFRANE SA"
+    })).toBeInTheDocument();
+  });
+  test("le placeholder de valeur vide est inchange", () => {
+    withFormik(/*#__PURE__*/_jsx(FormikDisplay, {
+      name: "ice",
+      label: "ICE",
+      width: "s"
+    }), {
+      ice: ""
+    });
+    expect(screen.getByRole("status", {
+      name: "ICE : \u2014"
+    })).toBeInTheDocument();
+  });
+});
+describe("FormikDisplay — l'omission reste neutre", () => {
+  test("sans `width`, la valeur et son nom accessible sont identiques", () => {
+    withFormik(/*#__PURE__*/_jsx(FormikDisplay, {
+      name: "email",
+      label: "Email"
+    }), {
+      email: "operateur@example.ma"
+    });
+    expect(screen.getByRole("status", {
+      name: "Email : operateur@example.ma"
+    })).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=FormikDisplayWidth.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDisplayWidth.test.js","names":["render","screen","Formik","FIELD_MAX_WIDTH","FormikDisplay","jsx","_jsx","withFormik","children","values","initialValues","onSubmit","undefined","describe","test","expect","Object","keys","sort","toEqual","name","label","width","ice","getByText","toBeInTheDocument","raisonSociale","getByRole","email"],"sources":["../../../../src/lib/v2/__tests__/FormikDisplayWidth.test.tsx"],"sourcesContent":["import \"@testing-library/jest-dom\";\r\nimport { render, screen } from \"@testing-library/react\";\r\nimport { Formik } from \"formik\";\r\nimport type { ReactNode } from \"react\";\r\nimport { FIELD_MAX_WIDTH } from \"../components/Field\";\r\nimport FormikDisplay from \"../components/FormikDisplay\";\r\n\r\n/**\r\n * FormikDisplay — largeur semantique (gap G-H, suite) : tests de contrat.\r\n *\r\n * MEME LIMITE QUE `FieldWidth.test.tsx`, ET POUR LA MEME RAISON. Le plafond\r\n * n'est pose qu'a partir du palier `sm`, donc derriere une requete media\r\n * qu'`emotion` injecte dans la feuille de style et que jsdom ne resout pas :\r\n * `getComputedStyle` ne rendra jamais la largeur effective. Asserter la\r\n * largeur ici donnerait un test qui passe sans rien verifier. Le comportement\r\n * responsive s'observe dans la story, en redimensionnant la fenetre.\r\n *\r\n * Ce fichier epingle donc ce qui compte et qui est verifiable :\r\n *\r\n *  1. QUE LA TABLE DE LARGEURS EST CELLE DE `Field`, ET NON UNE COPIE. C'est\r\n *     le risque propre a cet ajout : `FormikDisplay` ne passe pas par `Field`,\r\n *     il aurait donc pu redeclarer ses cinq valeurs. Deux tables finiraient\r\n *     par diverger, et un formulaire melant saisie et affichage retomberait\r\n *     dans le « jagged alignment » que le standard interdit — exactement le\r\n *     defaut que cet ajout corrige.\r\n *\r\n *  2. QUE `width` NE TOUCHE PAS AU RENDU NI AU NOM ACCESSIBLE. Une contrainte\r\n *     de mise en page passee par `sx` ne doit rien changer a la valeur\r\n *     affichee ni a ce qu'annonce une technologie d'assistance : c'est la\r\n *     regression la plus probable du changement.\r\n *\r\n *  3. QUE L'OMISSION RESTE NEUTRE. Sans `width`, les appelants d'avant ne\r\n *     doivent pas bouger.\r\n */\r\n\r\nconst withFormik = (children: ReactNode, values: Record<string, unknown>) =>\r\n  render(\r\n    <Formik initialValues={values} onSubmit={() => undefined}>\r\n      {() => children}\r\n    </Formik>\r\n  );\r\n\r\ndescribe(\"FormikDisplay — la table de largeurs est partagee avec Field\", () => {\r\n  test(\"les cinq gabarits sont ceux de `Field`, importes et non recopies\", () => {\r\n    /* Ce test echouerait si quelqu'un redeclarait une table locale dans\r\n     * `FormikDisplay` : les valeurs sont epinglees UNE fois, dans\r\n     * `FieldWidth.test.tsx`, et ce fichier verifie que c'est bien la meme\r\n     * source qui est exposee aux deux composants. */\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(\"FormikDisplay — `width` ne touche ni au rendu ni au nom accessible\", () => {\r\n  test(\"la valeur Formik reste affichee\", () => {\r\n    withFormik(\r\n      <FormikDisplay name=\"ice\" label=\"ICE\" width=\"s\" />,\r\n      { ice: \"001234567000089\" }\r\n    );\r\n\r\n    expect(screen.getByText(\"001234567000089\")).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"le libelle et la valeur restent annonces ensemble\", () => {\r\n    /* `FormikDisplay` expose sa boite en `role=\"status\"` avec un\r\n     * `aria-label` « libelle : valeur » — c'est ce couple qu'une technologie\r\n     * d'assistance lit, et il ne doit pas dependre du gabarit. */\r\n    withFormik(\r\n      <FormikDisplay name=\"raisonSociale\" label=\"Raison sociale\" width=\"l\" />,\r\n      { raisonSociale: \"SOFRANE SA\" }\r\n    );\r\n\r\n    expect(\r\n      screen.getByRole(\"status\", { name: \"Raison sociale : SOFRANE SA\" })\r\n    ).toBeInTheDocument();\r\n  });\r\n\r\n  test(\"le placeholder de valeur vide est inchange\", () => {\r\n    withFormik(<FormikDisplay name=\"ice\" label=\"ICE\" width=\"s\" />, { ice: \"\" });\r\n\r\n    expect(\r\n      screen.getByRole(\"status\", { name: \"ICE : \\u2014\" })\r\n    ).toBeInTheDocument();\r\n  });\r\n});\r\n\r\ndescribe(\"FormikDisplay — l'omission reste neutre\", () => {\r\n  test(\"sans `width`, la valeur et son nom accessible sont identiques\", () => {\r\n    withFormik(<FormikDisplay name=\"email\" label=\"Email\" />, {\r\n      email: \"operateur@example.ma\",\r\n    });\r\n\r\n    expect(\r\n      screen.getByRole(\"status\", { name: \"Email : operateur@example.ma\" })\r\n    ).toBeInTheDocument();\r\n  });\r\n});\r\n"],"mappings":"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","ignoreList":[]}