Mise en place de tests utilisateurs avec playwright pour la partie angular + corrections au niveau des labels avec for et id pour cliquer dessus

web/src/app/lore/page-create/page-create.component.html

@@ -9,8 +9,8 @@
 
     <!-- Titre -->
     <div class="field">
-      <label>Titre de la page *</label>
-      <input type="text" formControlName="title" placeholder="Ex: Maître Eldrin, La Cité d'Argent..." />
+      <label for="page-title">Titre de la page *</label>
+      <input id="page-title" type="text" formControlName="title" placeholder="Ex: Maître Eldrin, La Cité d'Argent..." />
     </div>
 
     <!-- Template -->
@@ -42,10 +42,10 @@
 
     <!-- Dossier de destination -->
     <div class="field">
-      <label>Dossier de destination *</label>
+      <label for="page-node">Dossier de destination *</label>
 
       <ng-container *ngIf="nodes.length; else emptyFolders">
-        <select formControlName="nodeId" [attr.disabled]="preselectedNodeId ? true : null">
+        <select id="page-node" formControlName="nodeId">
           <option value="" disabled>Sélectionnez un dossier</option>
           <option *ngFor="let node of nodes" [value]="node.id">{{ node.name }}</option>
         </select>

web/src/app/lore/page-create/page-create.component.ts

@@ -88,9 +88,12 @@ export class PageCreateComponent implements OnInit, OnDestroy {
         this.templates = data.templates;
         this.layoutService.show(buildLoreSidebarConfig(data));
 
-        // Si nodeId fourni par l'URL, on verrouille la valeur du formulaire.
+        // Si nodeId fourni par l'URL, on fige la valeur ET on désactive le
+        // contrôle de formulaire (FormControl.disable, pas attr.disabled qui
+        // serait cosmétique). La valeur reste incluse dans les submits.
         if (this.preselectedNodeId) {
           this.form.patchValue({ nodeId: this.preselectedNodeId });
+          this.form.get('nodeId')?.disable();
         }
 
         this.restoreDraft();
@@ -152,7 +155,7 @@ export class PageCreateComponent implements OnInit, OnDestroy {
 
   submit(): void {
     if (!this.canSubmit) return;
-    const raw = this.form.value;
+    const raw = this.form.getRawValue();
     this.pageService.create({
       loreId: this.loreId,
       nodeId: raw.nodeId,
@@ -206,7 +209,7 @@ export class PageCreateComponent implements OnInit, OnDestroy {
       return;
     }
     this.wizardError = null;
-    const raw = this.form.value;
+    const raw = this.form.getRawValue();
     // Le backend POST /api/pages ne prend pas `values` — on crée d'abord la
     // coquille, puis on PUT immédiatement avec les valeurs extraites.
     // 2 roundtrips, mais zéro modification backend nécessaire.