From a5f53d07f5b309b4b98cc745abd4301a4f263226 Mon Sep 17 00:00:00 2001
From: Snehasish <snehasish@Snehasishs-MacBook-Air.local>
Date: Thu, 19 Dec 2024 16:57:44 +0530
Subject: [PATCH] fixing unit test

---
 src/app/fyle/my-view-report/my-view-report.page.html    | 3 ++-
 src/app/fyle/my-view-report/my-view-report.page.scss    | 2 +-
 src/app/fyle/my-view-report/my-view-report.page.spec.ts | 4 +---
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/fyle/my-view-report/my-view-report.page.html b/src/app/fyle/my-view-report/my-view-report.page.html
index bd3aacb342..29a13b3051 100644
--- a/src/app/fyle/my-view-report/my-view-report.page.html
+++ b/src/app/fyle/my-view-report/my-view-report.page.html
@@ -176,7 +176,7 @@
               <div class="view-reports--zero-state-semibold-header">Looks like you’ve got</div>
               <div class="view-reports--zero-state-header">0 expense right now</div>
             </div>
-            <div class="view-reports--footer-conatiner">
+            <div class="view-reports--footer-container">
               <button
                 *ngIf="unreportedExpenses && unreportedExpenses.length > 0"
                 class="btn-primary"
@@ -186,6 +186,7 @@
               </button>
               <button
                 class="btn-outline-secondary"
+                id="add-expense"
                 [ngClass]="{'btn-primary': !(unreportedExpenses && unreportedExpenses.length > 0), 'btn-outline-secondary': unreportedExpenses && unreportedExpenses.length > 0}"
                 (click)="addExpense()"
               >
diff --git a/src/app/fyle/my-view-report/my-view-report.page.scss b/src/app/fyle/my-view-report/my-view-report.page.scss
index dc011b8f85..9fc5df2e62 100644
--- a/src/app/fyle/my-view-report/my-view-report.page.scss
+++ b/src/app/fyle/my-view-report/my-view-report.page.scss
@@ -56,7 +56,7 @@
     }
   }
 
-  &--footer-conatiner {
+  &--footer-container {
     display: flex;
     justify-content: space-between;
     padding: 16px;
diff --git a/src/app/fyle/my-view-report/my-view-report.page.spec.ts b/src/app/fyle/my-view-report/my-view-report.page.spec.ts
index 007cd8b846..06d300fca8 100644
--- a/src/app/fyle/my-view-report/my-view-report.page.spec.ts
+++ b/src/app/fyle/my-view-report/my-view-report.page.spec.ts
@@ -930,9 +930,7 @@ describe('MyViewReportPage', () => {
     component.report$ = of(cloneDeep({ ...platformReportData, state: 'DRAFT' }));
     fixture.detectChanges();
 
-    const addExpenseButton = fixture.debugElement.nativeElement.querySelector(
-      '.view-reports--footer-conatiner .btn-outline-secondary'
-    ) as HTMLElement;
+    const addExpenseButton = getElementBySelector(fixture, '#add-expense') as HTMLElement;
     click(addExpenseButton);
 
     expect(router.navigate).toHaveBeenCalledOnceWith([