fixing unit test

fylein · Dec 19, 2024 · a5f53d0 · a5f53d0
1 parent 2562483
commit a5f53d0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 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
@@ -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
@@ -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
@@ -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([