Files
PleinR/tests/past-meetings.test.ts
T
Claude 9d31935641 Rencontres passées : une fenêtre, plusieurs photos, compression automatique
Le backoffice n'avait qu'une carte étroite par archive : un récit détaillé se
tapait dans trois lignes, les photos ne pouvaient être ajoutées qu'après
publication, une par une, et un fichier de plus de 900 Ko était simplement
refusé — « compressez-la d'abord ».

- **Fenêtre d'édition** : titre, date, lieu, rencontre liée, récit (champ de
  260 px, redimensionnable), participants et photos au même endroit, création
  comprise. Glisser-déposer multiple, réordonnancement, légendes, suppression.
- **Compression dans le navigateur** : `src/lib/image-compress.ts` (pur,
  testé) porte seuils et paliers, `image-compress-dom.ts` le décodage
  (orientation EXIF comprise) et l'encodage. On ne descend en qualité que le
  nécessaire, une image déjà dans le budget n'est pas réencodée et la
  transparence n'est jamais aplatie sur du noir. `ImageField` et le dépôt de
  promotion en profitent aussi : plus aucun envoi refusé pour son poids.
- **Actions** : `savePastMeeting` (création + mise à jour, refus renvoyés au
  lieu d'être levés, rencontre liée vérifiée), `addPastMeetingPhotos` (envois
  groupés sous la limite des server actions) et `savePastMeetingPhotos`
  (ordre, légendes, suppressions, protégée par un drapeau `syncPhotos`).
- **La fenêtre attend le rafraîchissement avant de se refermer** : sans cela,
  rouvrir la fiche affichait l'état d'avant, la rencontre liée revenant à
  « Aucune » alors qu'elle avait bien été enregistrée.
- **Site public** : cartes de hauteur fixe quel que soit le texte ou le nombre
  de photos, et fenêtre de lecture avec le récit complet (sauts de ligne
  conservés) et la galerie entière — flèches, vignettes, clavier.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013GHFd8bXepDKhQ7kf3WvrL
2026-09-15 14:48:35 +00:00

73 lines
3.9 KiB
TypeScript

import { test } from "node:test";
import assert from "node:assert/strict";
import { readFileSync } from "node:fs";
/**
* Invariants de l'écran « Rencontres passées ». Ils portent sur du code que les
* tests unitaires ne peuvent pas exécuter (composants client, actions serveur),
* d'où la lecture des sources — même approche que `tests/security.test.ts`.
*/
const read = (path: string) => readFileSync(new URL(path, import.meta.url), "utf8");
const actions = read("../src/app/backend/actions.ts");
const dialog = read("../src/app/backend/rencontres-passees/PastMeetingDialog.tsx");
const page = read("../src/app/backend/rencontres-passees/page.tsx");
const imageField = read("../src/components/ImageField.tsx");
const modal = read("../src/components/ModalShell.tsx");
test("aucune image n'est refusée pour son poids : elle est compressée", () => {
const code = imageField.replace(/\/\/[^\n]*/g, "");
assert.ok(!/\.size\s*>/.test(code), "ImageField refuse encore un fichier sur son poids");
assert.ok(!/trop lourde/i.test(code), "ImageField renvoie encore « image trop lourde »");
assert.ok(imageField.includes("prepareImageFile"), "ImageField ne compresse pas");
assert.ok(dialog.includes("prepareImageFile"), "la fenêtre des rencontres ne compresse pas");
});
test("les photos n'entrent en base qu'en data-URI", () => {
const body = actions.slice(actions.indexOf("export async function addPastMeetingPhotos"));
const scope = body.slice(0, body.indexOf("export async function savePastMeetingPhotos"));
assert.ok(scope.includes("IMAGE_DATA_URI.test"), "une photo pourrait entrer sous forme d'URL (SSRF)");
assert.ok(scope.includes("MAX_IMAGE_DATA_URI"), "aucune limite de taille côté serveur");
});
test("la synchronisation des photos ne peut pas vider une galerie par accident", () => {
const body = actions.slice(actions.indexOf("export async function savePastMeetingPhotos"));
assert.ok(body.includes('formData.get("syncPhotos") !== "1"'), "le drapeau de garde a disparu");
});
test("les refus d'enregistrement sont renvoyés, jamais levés", () => {
const body = actions.slice(
actions.indexOf("export async function savePastMeeting("),
actions.indexOf("export async function deletePastMeeting("),
);
assert.ok(body.includes('return { error: "Donnez un titre'), "un titre vide ne rend plus d'erreur affichable");
// Le seul `throw` admis est la violation d'accès, qui n'a pas à s'expliquer.
const throws = [...body.matchAll(/throw new Error\("([^"]+)"\)/g)].map((match) => match[1]);
assert.deepEqual(throws, ["Accès refusé"], `throw inattendu : ${throws.join(", ")}`);
});
test("la rencontre liée est vérifiée avant l'écriture", () => {
const body = actions.slice(actions.indexOf("export async function savePastMeeting("));
assert.ok(body.includes("n'existe plus"), "une rencontre supprimée casserait l'enregistrement sans explication");
});
test("la fenêtre ne se referme qu'une fois la page rafraîchie", () => {
// Sans cette attente, rouvrir la fiche montrerait l'état d'avant
// l'enregistrement : c'est ce qui fait croire qu'une rencontre liée « ne
// veut pas » être retenue.
assert.ok(dialog.includes("closing && !refreshing"), "la fermeture ne suit plus le rafraîchissement");
});
test("la fenêtre est rendue dans un portail", () => {
// Une carte survolée porte un `transform` : un `position: fixed` rendu à
// l'intérieur s'ouvrirait dans la carte, pas sur la page.
assert.ok(modal.includes("createPortal"), "la fenêtre n'est plus portée vers <body>");
});
test("le récit s'écrit dans un grand champ, et la page ne le ré-affiche pas en entier", () => {
assert.ok(/rows=\{1[0-9]\}/.test(dialog), "le champ de récit est redevenu minuscule");
assert.ok(dialog.includes("minHeight: 260"), "la hauteur minimale du récit a disparu");
assert.ok(page.includes("pm-card__text"), "la carte n'écrête plus le texte");
});