IETM_FIXE\ietm6
11a33b1cf0
All checks were successful
Refonte du système de templates de lore en assemblage de blocs (façon Lore
d'Amsel), plus le support des cartes DungeonDraft (.dd2vtt) sur les scènes.
Templates de lore — éditeur de blocs en grille :
- Builder partagé `block-grid-builder` : palette de types de blocs à glisser sur
une grille 12 colonnes, placement LIBRE (x/y) et redimensionnement en largeur
ET hauteur par poignées, renommage en place. Remplace la liste + flèches de
template-create/template-edit (dédupliqués).
- Rendu : page-view (aperçu) honore largeur ET hauteur (grille à lignes fixes) ;
page-edit garde les colonnes (côte-à-côte) avec des hauteurs naturelles pour
l'édition. Repli empilé pour les templates sans mise en page.
- Modèle : `TemplateField` gagne `id` (clé stable) et `pos {x,y,w,h}`. Les valeurs
de page sont ancrées sur l'`id` (repli sur le nom) → renommer un bloc ne perd
plus son contenu. Sérialisation JSON additive, aucune migration ; correction au
passage de la non-relecture de `foundryPath` dans le converter.
Bloc image :
- Nouveau composant `image-block` (remplace la galerie pour les pages de lore) :
plusieurs images plein cadre (carrousel), déplacement (recadrage) et zoom
persistés PAR image et PAR page. Rendu `object-fit: contain` (image entière,
bordures noires) avec zoom 0,4×–4×.
- Stockage : `Page.imageFraming` (fieldKey → imageId → {x,y,scale}), colonne
`image_framing` (migration V8), DTO/mapper + passthrough export/import.
Scènes — source de carte au choix :
- Sélecteur Dungeon Alchemist (image/vidéo + .json, inchangé) / DungeonDraft
(.dd2vtt). Le .dd2vtt embarque l'image en base64 : extraction à l'upload
(→ média) + sidecar allégé (→ données) pour que l'export Foundry et le module
fonctionnent sans changement. Mode déduit à la relecture de l'extension.
Front-only, sans migration.
i18n fr/en, tests (converters back + helper front) et specs e2e mis à jour.
73 lines
3.0 KiB
TypeScript
73 lines
3.0 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { seedLoreWithFolder, deleteLore, getTemplatesForLore, type SeededLore } from '../../fixtures/api';
|
|
|
|
test.describe('Template creation', () => {
|
|
let seeded: SeededLore;
|
|
|
|
test.beforeEach(async ({ request }) => {
|
|
seeded = await seedLoreWithFolder(request);
|
|
});
|
|
|
|
test.afterEach(async ({ request }) => {
|
|
if (seeded?.id) await deleteLore(request, seeded.id);
|
|
});
|
|
|
|
test('creates a template with default fields', async ({ page, request }) => {
|
|
const templateName = `Auberge ${Date.now()}`;
|
|
|
|
await page.goto(`/lore/${seeded.id}/templates/create`);
|
|
|
|
await expect(page.getByRole('heading', { name: /Créer un nouveau Template/i })).toBeVisible();
|
|
|
|
await page.getByLabel(/Nom du template/i).fill(templateName);
|
|
await page.getByLabel('Description').fill('Template créé via E2E');
|
|
await page.getByLabel(/Dossier par défaut/i).selectOption({ label: seeded.rootFolderName });
|
|
|
|
await page.getByRole('button', { name: /^Créer le template$/i }).click();
|
|
|
|
await expect(page).toHaveURL(new RegExp(`/lore/${seeded.id}$`));
|
|
|
|
const templates = await getTemplatesForLore(request, seeded.id);
|
|
expect(templates.map((t) => t.name)).toContain(templateName);
|
|
});
|
|
|
|
test('submit is disabled when name is empty', async ({ page }) => {
|
|
await page.goto(`/lore/${seeded.id}/templates/create`);
|
|
|
|
const submit = page.getByRole('button', { name: /^Créer le template$/i });
|
|
await expect(submit).toBeDisabled();
|
|
|
|
await page.getByLabel(/Nom du template/i).fill('Valid name');
|
|
await page.getByLabel(/Dossier par défaut/i).selectOption({ label: seeded.rootFolderName });
|
|
await expect(submit).toBeEnabled();
|
|
});
|
|
|
|
test('can add and remove a custom field before creating', async ({ page, request }) => {
|
|
const templateName = `Artefact ${Date.now()}`;
|
|
|
|
await page.goto(`/lore/${seeded.id}/templates/create`);
|
|
|
|
await page.getByLabel(/Nom du template/i).fill(templateName);
|
|
await page.getByLabel(/Dossier par défaut/i).selectOption({ label: seeded.rootFolderName });
|
|
|
|
const addFieldInput = page.getByPlaceholder('+ Ajouter un champ');
|
|
await addFieldInput.fill('Pouvoir');
|
|
await addFieldInput.press('Enter');
|
|
await expect(page.locator('.grid-block[data-block-name="Pouvoir"]')).toBeVisible();
|
|
|
|
await addFieldInput.fill('Origine');
|
|
await addFieldInput.press('Enter');
|
|
await expect(page.locator('.grid-block[data-block-name="Origine"]')).toBeVisible();
|
|
|
|
const origineBlock = page.locator('.grid-block[data-block-name="Origine"]');
|
|
await origineBlock.getByRole('button', { name: 'Supprimer' }).click();
|
|
await expect(page.locator('.grid-block[data-block-name="Origine"]')).toHaveCount(0);
|
|
|
|
await page.getByRole('button', { name: /^Créer le template$/i }).click();
|
|
await expect(page).toHaveURL(new RegExp(`/lore/${seeded.id}$`));
|
|
|
|
const templates = await getTemplatesForLore(request, seeded.id);
|
|
expect(templates.find((t) => t.name === templateName)).toBeDefined();
|
|
});
|
|
});
|