From 516462b01d6eba64433cc6e21c4867b038dcbaf1 Mon Sep 17 00:00:00 2001
From: AndyKIron <andy.kononenko@unity3d.com>
Date: Thu, 5 Oct 2023 18:19:00 +0300
Subject: [PATCH] chore(isct-13): start add tests attributes to modal

---
 .../components/modal/v3/modal.component.html          |  2 +-
 .../components/modal/v3/modal.component.spec.ts       |  3 ++-
 .../components/modal/v3/modal.component.stories.ts    |  5 +++--
 .../fusion-ui/components/modal/v3/modal.component.ts  | 11 ++++++++++-
 .../fusion-ui/components/modal/v3/modal.module.ts     |  3 ++-
 5 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/projects/fusion-ui/components/modal/v3/modal.component.html b/projects/fusion-ui/components/modal/v3/modal.component.html
index b1d2df739..5e654be33 100644
--- a/projects/fusion-ui/components/modal/v3/modal.component.html
+++ b/projects/fusion-ui/components/modal/v3/modal.component.html
@@ -1,4 +1,4 @@
-<div class="modal" #modalHolder>
+<div class="modal" [attr.data-testid]="testIdsService.getTestAttribute.bind(this) | generic:testId:modalTestIdModifiers.MODAL" #modalHolder>
     <div class="modal-body" [class.has-footer]="configuration?.hasFooter" [class.has-header]="configuration?.headerText" [style.width]="configuration?.width" [style.height]="configuration?.height" #modalBody>
 
         <fusion-modal-header [headerText]="configuration?.headerText" [infoText]="configuration?.headerInfoText" (close)="onClose(true, 'close')"></fusion-modal-header>
diff --git a/projects/fusion-ui/components/modal/v3/modal.component.spec.ts b/projects/fusion-ui/components/modal/v3/modal.component.spec.ts
index fc7fe9d5a..5ba86dd59 100644
--- a/projects/fusion-ui/components/modal/v3/modal.component.spec.ts
+++ b/projects/fusion-ui/components/modal/v3/modal.component.spec.ts
@@ -5,6 +5,7 @@ import {IconModule} from '@ironsource/fusion-ui/components/icon/v1';
 import {ModalFooterComponent} from './components/modal-footer/modal-footer.component';
 import {ModalContentComponent} from './components/modal-content/modal-content.component';
 import {ModalHeaderComponent} from './components/modal-header/modal-header.component';
+import {GenericPipe} from "@ironsource/fusion-ui/pipes/generic";
 
 describe('ModalComponent', () => {
     let component: ModalComponent;
@@ -12,7 +13,7 @@ describe('ModalComponent', () => {
 
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
-            imports: [ButtonModule, IconModule],
+            imports: [ButtonModule, IconModule, GenericPipe],
             declarations: [ModalComponent, ModalFooterComponent, ModalContentComponent, ModalHeaderComponent]
         }).compileComponents();
     }));
diff --git a/projects/fusion-ui/components/modal/v3/modal.component.stories.ts b/projects/fusion-ui/components/modal/v3/modal.component.stories.ts
index 20c07c62d..00c9614eb 100644
--- a/projects/fusion-ui/components/modal/v3/modal.component.stories.ts
+++ b/projects/fusion-ui/components/modal/v3/modal.component.stories.ts
@@ -31,7 +31,8 @@ export default {
         }
     },
     args: {
-        configuration: DEFAULT_CONFIGURATION
+        configuration: DEFAULT_CONFIGURATION,
+        testId: 'modal-test-id'
     }
 } as Meta<ModalComponent>;
 
@@ -53,7 +54,7 @@ hr{
     margin: 20px 0;
 }
 </style>
-<fusion-modal [configuration]="configuration" [submitPending]="submitPending">
+<fusion-modal [configuration]="configuration" [submitPending]="submitPending" [testId]="testId">
 <div class="content-example">Content item placeholder. To be replaced with component</div>
 <hr/>
 <div class="content-example">Content item placeholder. To be replaced with component</div>
diff --git a/projects/fusion-ui/components/modal/v3/modal.component.ts b/projects/fusion-ui/components/modal/v3/modal.component.ts
index 906d358a2..55d5326bf 100644
--- a/projects/fusion-ui/components/modal/v3/modal.component.ts
+++ b/projects/fusion-ui/components/modal/v3/modal.component.ts
@@ -5,6 +5,7 @@ import {
     EventEmitter,
     forwardRef,
     Inject,
+    Injector,
     Input,
     OnDestroy,
     OnInit,
@@ -22,6 +23,8 @@ import {ModalConfiguration} from './modal.entities';
 import {getDefaultCssUnit} from './modal-utils';
 import {takeUntil} from 'rxjs/operators';
 import {isNullOrUndefined} from '@ironsource/fusion-ui/utils';
+import {ModalTestIdModifiers} from '@ironsource/fusion-ui/entities';
+import {TestIdsService} from '@ironsource/fusion-ui/services/test-ids';
 
 @Component({
     selector: 'fusion-modal',
@@ -56,6 +59,8 @@ export class ModalComponent implements OnDestroy, OnInit {
         return this._configuration.getValue();
     }
 
+    @Input() testId: string;
+
     @Output() open = new EventEmitter();
     @Output() close = new EventEmitter();
 
@@ -64,6 +69,9 @@ export class ModalComponent implements OnDestroy, OnInit {
     /** @internal */
     @ViewChild('modalHolder', {static: true}) modalHolder: ElementRef;
 
+    modalTestIdModifiers: typeof ModalTestIdModifiers = ModalTestIdModifiers;
+    testIdsService: TestIdsService = this.injector.get(TestIdsService);
+
     private uid: string;
     private _configuration = new BehaviorSubject<ModalConfiguration>(null);
     private isClosed$ = new BehaviorSubject<boolean>(false);
@@ -76,7 +84,8 @@ export class ModalComponent implements OnDestroy, OnInit {
         private elRef: ElementRef,
         private windowRef: WindowService,
         private logService: LogService,
-        private renderer: Renderer2
+        private renderer: Renderer2,
+        private injector: Injector
     ) {
         this.uid = this.uidService.getUniqueId().toString();
     }
diff --git a/projects/fusion-ui/components/modal/v3/modal.module.ts b/projects/fusion-ui/components/modal/v3/modal.module.ts
index 08e0b3245..dfa383222 100644
--- a/projects/fusion-ui/components/modal/v3/modal.module.ts
+++ b/projects/fusion-ui/components/modal/v3/modal.module.ts
@@ -8,10 +8,11 @@ import {LoaderModule} from '@ironsource/fusion-ui/components/loader/v2';
 import {ButtonModule} from '@ironsource/fusion-ui/components/button/v3';
 import {IconModule} from '@ironsource/fusion-ui/components/icon/v1';
 import {TooltipModule} from '@ironsource/fusion-ui/components/tooltip/v3';
+import {GenericPipe} from '@ironsource/fusion-ui/pipes/generic';
 
 @NgModule({
     declarations: [ModalComponent, ModalFooterComponent, ModalContentComponent, ModalHeaderComponent],
     exports: [ModalComponent, ModalFooterComponent, ModalContentComponent, ModalHeaderComponent],
-    imports: [CommonModule, LoaderModule, ButtonModule, IconModule, TooltipModule]
+    imports: [CommonModule, LoaderModule, ButtonModule, IconModule, TooltipModule, GenericPipe]
 })
 export class ModalModule {}