From 9fef1d21a437351be98a85ee15b8a42d03c38c9f Mon Sep 17 00:00:00 2001
From: Gbubemi Smith <gsmithwalter@gmail.com>
Date: Fri, 22 Jul 2022 11:22:01 +0100
Subject: [PATCH] [SG-430] Modify registration component to use static ids
 (#3144)

* refactored form to use static ids

* renamed ids to meet standard

* renamed ids to meet standard

* renamed ids to meet standard
---
 .../modules/register-form/register-form.component.html   | 9 ++++++---
 libs/components/src/input/input.directive.ts             | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/app/modules/register-form/register-form.component.html b/apps/web/src/app/modules/register-form/register-form.component.html
index b4f2877ef1..21d5772677 100644
--- a/apps/web/src/app/modules/register-form/register-form.component.html
+++ b/apps/web/src/app/modules/register-form/register-form.component.html
@@ -9,7 +9,7 @@
     <div class="tw-mb-3">
       <bit-form-field>
         <bit-label>{{ "emailAddress" | i18n }}</bit-label>
-        <input bitInput type="email" formControlName="email" />
+        <input id="register-form_input_email" bitInput type="email" formControlName="email" />
         <bit-hint>{{ "emailAddressDesc" | i18n }}</bit-hint>
       </bit-form-field>
     </div>
@@ -17,7 +17,7 @@
     <div class="tw-mb-3">
       <bit-form-field>
         <bit-label>{{ "name" | i18n }}</bit-label>
-        <input bitInput type="text" formControlName="name" />
+        <input id="register-form_input_name" bitInput type="text" formControlName="name" />
         <bit-hint>{{ "yourNameDesc" | i18n }}</bit-hint>
       </bit-form-field>
     </div>
@@ -32,6 +32,7 @@
       <bit-form-field>
         <bit-label>{{ "masterPass" | i18n }}</bit-label>
         <input
+          id="register-form_input_master-password"
           bitInput
           (input)="updatePasswordStrength()"
           type="{{ showPassword ? 'text' : 'password' }}"
@@ -57,6 +58,7 @@
       <bit-form-field>
         <bit-label>{{ "reTypeMasterPass" | i18n }}</bit-label>
         <input
+          id="register-form_input_confirm-master-password"
           bitInput
           type="{{ showPassword ? 'text' : 'password' }}"
           formControlName="confirmMasterPassword"
@@ -74,7 +76,7 @@
     <div class="tw-mb-3">
       <bit-form-field>
         <bit-label>{{ "masterPassHint" | i18n }}</bit-label>
-        <input bitInput type="text" formControlName="hint" />
+        <input id="register-form_input_hint" bitInput type="text" formControlName="hint" />
         <bit-hint>{{ "masterPassHintDesc" | i18n }}</bit-hint>
       </bit-form-field>
     </div>
@@ -86,6 +88,7 @@
     <div class="tw-flex tw-items-start tw-mb-3" *ngIf="showTerms">
       <div class="tw-flex tw-items-center tw-h-6">
         <input
+          id="register-form_input_accept-policies"
           class="tw-w-4 tw-rounded tw-border tw-border-gray-300"
           bitInput
           type="checkbox"
diff --git a/libs/components/src/input/input.directive.ts b/libs/components/src/input/input.directive.ts
index 571d54adcc..c47bb83766 100644
--- a/libs/components/src/input/input.directive.ts
+++ b/libs/components/src/input/input.directive.ts
@@ -34,7 +34,7 @@ export class BitInputDirective {
     ].filter((s) => s != "");
   }
 
-  @HostBinding() id = `bit-input-${nextId++}`;
+  @HostBinding() @Input() id = `bit-input-${nextId++}`;
 
   @HostBinding("attr.aria-describedby") ariaDescribedBy: string;