meta données pour cette page
  •  

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
certif:procedure:develop:angular:validator [2026/05/21 11:46] – [Test manuelle] nicolascertif:procedure:develop:angular:validator [2026/10/01 16:02] (Version actuelle) – nicolas
Ligne 1: Ligne 1:
-|{{:undo-2.svg?30|}}| [[certif:do#procedures|Retour au Dossier Organisationnel]]| +|{{:undo-2.svg?30|}} [[certif:procedure:develop:angular|Retour à Proc#179 - Développement Angular]]|| 
-|{{:connexe.jpg?40|}} **Sujets connexes**|[[certif:procedure:develop:angular]]\\ [[certif:procedure:develop:angular:validator-detail]]|+|**Document technique** |Rattaché à [[certif:procedure:develop:angular|Proc#179]]. Non soumis à approbation.|
 ====== Mise en place des dx-validator ====== ====== Mise en place des dx-validator ======
 ===== Les différents dx-validator ===== ===== Les différents dx-validator =====
Ligne 19: Ligne 19:
   * [[certif:procedure:develop:angular:validator-date]]   * [[certif:procedure:develop:angular:validator-date]]
  
-==== Test manuelle ====+===== L'organisation des tests ===== 
 +Comme on l'a vu plus haut les validators sont regroupés en **validationGroup**\\ 
 +Dans le composant on va déclaré une série de procédures (pour une meilleur lecture on essaye de garder la nomenclature) 
 +<code> 
 +  private Notification= inject(NotificationService)  
 +   
 +  ngAfterViewInit() { 
 +    //votre code ici si besoin 
 +    this.triggerValidation(); 
 +  } 
 + 
 +  private triggerValidation() { 
 +    this.Notification.analyseStockValidation("infoBanque","Information bancaires"); 
 +  } 
 +   
 +  handleInfoBanqueChanged() { 
 +    // votre code si beoin 
 +    this.triggerValidation(); 
 +    this.infoBancairesChange.emit(JSON.stringify(this.infoBanque)) 
 +  } 
 +  </code> 
 +   
 +==== Tests "manuels" ====
 <code> <code>
     test_warning(){     test_warning(){
Ligne 36: Ligne 58:
     }     }
 </code> </code>
 +\\
 +<code>
   private triggerValidation() {   private triggerValidation() {
     this.Notification.analyseStockValidation("infoIdentification","Information d'identicateur");     this.Notification.analyseStockValidation("infoIdentification","Information d'identicateur");
Ligne 42: Ligne 66:
     }     }
   }   }
-<code> 
- 
 </code> </code>
  
-===== L'organisation des tests ===== 
-Comme on l'a vu plus haut les validators sont regroupés en **validationGroup**\\ 
-Dans le composant on va déclaré une série de procédures (pour une meilleur lecture on essaye de garder la nomenclature) 
-<code> 
-  private Notification= inject(NotificationService)  
-   
-  ngAfterViewInit() { 
-    //votre code ici si besoin 
-    this.triggerValidation(); 
-  } 
  
-  private triggerValidation() { +
-    this.Notification.analyseStockValidation("infoBanque","Information bancaires"); +
-  } +
-   +
-  handleInfoBanqueChanged() { +
-    // votre code si beoin +
-    this.triggerValidation(); +
-    this.infoBancairesChange.emit(JSON.stringify(this.infoBanque)) +
-  } +
-  </code>+
 ==== Le service "Notification" ==== ==== Le service "Notification" ====
 Il publie plusieurs fonctions : Il publie plusieurs fonctions :
 |analyseStockValidation(validateGroup:string, nomBloc:string)|**validateGroup** est le nom du groupe de test (on peut en avoir plusieurs dans un même composant)\\ **nomBloc** sert à l'affichage à indiquer à l'utilisateur ou se trouve les champs à corriger| |analyseStockValidation(validateGroup:string, nomBloc:string)|**validateGroup** est le nom du groupe de test (on peut en avoir plusieurs dans un même composant)\\ **nomBloc** sert à l'affichage à indiquer à l'utilisateur ou se trouve les champs à corriger|