Added multiple ids needed for tests

apps/red-ui/src/app/modules/dossier-overview/config.service.ts

@@ -106,6 +106,7 @@ export class ConfigService {
     actionConfig(dossierId: string, disabled$: Observable<boolean>): List<ActionConfig> {
         return [
             {
+                id: 'editDossier',
                 label: this._translateService.instant('dossier-overview.header-actions.edit'),
                 action: $event => this._openEditDossierDialog($event, dossierId),
                 icon: 'iqser:edit',

apps/red-ui/src/app/modules/dossier/dialogs/add-dossier-dialog/add-dossier-dialog.component.html

@@ -104,7 +104,7 @@
                 [label]="'add-dossier-dialog.actions.save-and-add-members' | translate"
                 [type]="iconButtonTypes.dark"
                 icon="red:assign"
-                id="createDossierEditTeamButton"
+                [id]="'createDossierEditTeamButton'"
             ></iqser-icon-button>
         </div>
     </form>

apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html

@@ -1,5 +1,5 @@
 <section *ngIf="dossier$ | async as dossier" class="dialog">
-    <div class="dialog-header heading-l">
+    <div class="dialog-header heading-l" id="editDossierHeader">
         {{ 'edit-dossier-dialog.header' | translate: { dossierName: dossier.dossierName } }}
     </div>
 
@@ -61,6 +61,7 @@
                     [disabled]="disabled || !valid || !changed"
                     [label]="'edit-dossier-dialog.actions.save-and-close' | translate"
                     [type]="iconButtonTypes.dark"
+                    id="saveAndClose"
                 >
                 </iqser-icon-button>
 

apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-team/edit-dossier-team.component.html

@@ -3,7 +3,7 @@
         <mat-form-field floatLabel="always">
             <mat-label>{{ 'assign-dossier-owner.dialog.single-user' | translate }}</mat-label>
             <mat-select formControlName="owner" id="editDossierOwnerSelect">
-                <mat-option *ngFor="let userId of ownersSelectOptions" [value]="userId">
+                <mat-option *ngFor="let userId of ownersSelectOptions; let index = index" [value]="userId" [id]="'mat-option-' + index">
                     {{ userId | name }}
                 </mat-option>
             </mat-select>
@@ -11,7 +11,7 @@
     </div>
 
     <ng-container *ngIf="selectedApproversList.length">
-        <div class="all-caps-label mt-16" translate="assign-dossier-owner.dialog.approvers"></div>
+        <div class="all-caps-label mt-16" translate="assign-dossier-owner.dialog.approvers" id="approversLabel"></div>
         <redaction-team-members
             (remove)="toggleSelected($event)"
             [canAdd]="false"
@@ -25,7 +25,7 @@
     </ng-container>
 
     <ng-container *ngIf="(selectedReviewers$ | async)?.length">
-        <div class="all-caps-label mt-16" translate="assign-dossier-owner.dialog.reviewers"></div>
+        <div class="all-caps-label mt-16" translate="assign-dossier-owner.dialog.reviewers" id="reviewersLabel"></div>
         <redaction-team-members
             (remove)="toggleSelected($event)"
             [canAdd]="false"
@@ -54,8 +54,9 @@
         <div class="members-list">
             <div
                 (click)="!isOwner(userId) && toggleSelected(userId)"
-                *ngFor="let userId of membersSelectOptions"
+                *ngFor="let userId of membersSelectOptions; let index = index"
                 [class.selected]="isMemberSelected(userId)"
+                [id]="'member-' + index"
             >
                 <redaction-initials-avatar [user]="userId" [withName]="true" size="large"></redaction-initials-avatar>
                 <div class="actions">

apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.html

@@ -82,6 +82,7 @@
             [label]="'dossier-listing.delete.action' | translate"
             [type]="iconButtonTypes.dark"
             icon="iqser:trash"
+            id="deleteDossier"
         ></iqser-icon-button>
 
         <iqser-icon-button

apps/red-ui/src/app/modules/shared/components/initials-avatar/initials-avatar.component.html

@@ -6,7 +6,7 @@
     >
         {{ _user | name: { showInitials: true } }}
     </div>
-    <div *ngIf="withName" [class.disabled]="disabled" class="clamp-1 username">
+    <div *ngIf="withName" [class.disabled]="disabled" class="clamp-1 username" id="avatarUsername">
         {{ userName }}
     </div>
 </div>