Formulaires, Tests & Déploiement (Front)

1. Formulaires (Signal Forms)

Angular 20 fournit les Signal Forms, une API expérimentale remplaçant les Reactive Forms. Le modèle est un Signal, form() construit l’arbre, et le template lie via [field].

export class AgentFormPage {
  readonly model = signal({ name: '', endpoint: '' });
  readonly agentForm = form(this.model, schema(s => {
    required(s.name);
    required(s.endpoint);
  }));

  submit() {
    if (this.agentForm().invalid()) return;
    // ... logic
  }
}

2. Stratégie de tests

2.1 Vitest (Unit & Intégration)

Vitest couvre la logique métier, les services et les composants isolés. Les tests sont exécutés en configuration 100 % zoneless.

2.2 Playwright (E2E)

Réservé aux composants pages (*.page.ts) et aux parcours critiques (login, navigation complexe).

3. Déploiement

3.1 static-web-server

Le runtime utilise static-web-server:2.44-alpine. Les fichiers sont servis comme assets immuables avec un fallback sur index.html pour la SPA.

3.2 Reverse Proxy

Le reverse proxy (Traefik/Caddy) doit router /api et /ws vers le serveur Berth API et gérer le TLS. static-web-server ne proxyfie pas les requêtes vers l’API.