Merge pull request #37 from lenneTech/feat/base-components-cypress-at…

…tributes feat: added cypress attribute data to base components
lenneTech · Aug 21, 2023 · e617f29 · e617f29
2 parents e5609d6 + e4d3e0e
commit e617f29
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/projects/ng-base/base-components/components/input/input.component.html b/projects/ng-base/base-components/components/input/input.component.html
@@ -17,6 +17,7 @@
       [ngClass]="{ 'is-invalid': control?.invalid && control?.touched }"
       (keyup.enter)="enterEvent()"
       [attr.aria-describedby]="id + 'eye-button'"
+      [attr.data-cy]="name"
     />
     <button
       class="btn btn-outline-primary"

diff --git a/projects/ng-base/base-components/components/tags/tags.component.html b/projects/ng-base/base-components/components/tags/tags.component.html
@@ -7,7 +7,7 @@
   <div class="tag-wrapper" *ngIf="control?.value">
     <div class="tag" *ngFor="let tag of control?.value">
       {{ getReadableTag(tag) }}
-      <span (click)="removeTag(tag)"><i class="bi bi-x-circle"></i></span>
+      <span (click)="removeTag(tag)" data-cy="input-tags-item-remove"><i class="bi bi-x-circle"></i></span>
     </div>
   </div>
   <input [formControl]="control" hidden />
@@ -24,6 +24,7 @@
     type="text"
     class="form-control"
     (keyup)="enterKey($event)"
+    [attr.data-cy]="'input-tags-field'"
   />
 
   <div class="tag-options" *ngIf="options && selectedElement">

diff --git a/projects/ng-base/base-prototype/pages/login/login.component.html b/projects/ng-base/base-prototype/pages/login/login.component.html
@@ -25,7 +25,7 @@
           [control]="form.get('password')"
         ></base-input>
         <div class="d-grid gap-2 text-center">
-          <button class="btn btn-primary" (click)="submit()" *ngIf="!loading">Einloggen</button>
+          <button class="btn btn-primary" (click)="submit()" data-cy="login-submit" *ngIf="!loading">Einloggen</button>
           <button class="btn btn-primary" type="button" disabled *ngIf="loading">
             <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
             Loading...