test(arc-saas): adding missing test cases on enhanced test cases

adding missing test cases on enhanced test cases

GH-67

Author: Deepika516

projects/saas-ui/src/app/main/components/billing-plan/billing-plan.component.spec.ts

@@ -23,21 +23,30 @@ import {Plan} from '../../../shared/models';
 describe('BillingPlanComponent', () => {
   let component: BillingPlanComponent;
   let fixture: ComponentFixture<BillingPlanComponent>;
-  let billingplanService: BillingPlanService;
+  let mockBillingPlanService: jasmine.SpyObj<BillingPlanService>;
   let location: Location;
   let route: ActivatedRoute;
   let router: Router;
 
-  class MockBillingPlanService {
-    getBillingDetails(filter: BackendFilter<Plan>): Observable<AnyObject[]> {
-      return of([]);
-    }
-    getTotalBillingPlan(): Observable<Count> {
-      return of({count: 0});
-    }
-  }
+  const mockBillingData = [
+    {
+      companyName: 'Test Company',
+      userName: 'John Doe',
+      planName: 'Premium',
+      startDate: '2024-01-01',
+      endDate: '2024-12-31',
+      status: SubscriptionStatus.ACTIVE,
+    },
+  ];
 
   beforeEach(async () => {
+    mockBillingPlanService = jasmine.createSpyObj('BillingPlanService', [
+      'getPlanOptions',
+      'getTotalPlan',
+      'getBillingDetails',
+      'getTotalBillingPlan',
+    ]);
+
     await TestBed.configureTestingModule({
       declarations: [BillingPlanComponent],
       imports: [ThemeModule, RouterTestingModule, MainModule],
@@ -47,15 +56,14 @@ describe('BillingPlanComponent', () => {
         {provide: Location, useValue: location},
         {provide: ActivatedRoute, useValue: route},
         {provide: Router, useValue: router},
-        {provide: BillingPlanService, useClass: MockBillingPlanService},
+        {provide: BillingPlanService, useValue: mockBillingPlanService},
       ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(BillingPlanComponent);
     component = fixture.componentInstance;
-    billingplanService = TestBed.inject(BillingPlanService);
     location = TestBed.inject(Location);
     route = TestBed.inject(ActivatedRoute);
     router = TestBed.inject(Router);
@@ -74,15 +82,70 @@ describe('BillingPlanComponent', () => {
 
   it('should call getTotal and return count', () => {
     const mockCount: Count = {count: 10};
-    spyOn(billingplanService, 'getTotalBillingPlan').and.returnValue(
-      of(mockCount),
-    );
+    mockBillingPlanService.getTotalBillingPlan.and.returnValue(of(mockCount));
 
     component.getTotal().subscribe(count => {
       expect(count).toEqual(mockCount);
     });
   });
 
+  it('should define correct column definitions', () => {
+    expect(component.colDefs.length).toBe(6);
+    expect(component.colDefs).toContain(
+      jasmine.objectContaining({
+        field: 'companyName',
+        width: 200,
+        minWidth: 20,
+      }),
+    );
+    expect(component.colDefs).toContain(
+      jasmine.objectContaining({field: 'userName', width: 200, minWidth: 20}),
+    );
+    expect(component.colDefs).toContain(
+      jasmine.objectContaining({field: 'planName', width: 200, minWidth: 20}),
+    );
+    expect(component.colDefs).toContain(
+      jasmine.objectContaining({field: 'startDate', width: 200, minWidth: 20}),
+    );
+    expect(component.colDefs).toContain(
+      jasmine.objectContaining({field: 'endDate', width: 200, minWidth: 20}),
+    );
+    expect(component.colDefs).toContain(
+      jasmine.objectContaining({field: 'status', width: 200, minWidth: 20}),
+    );
+  });
+
+  it('should get paginated billing plans', done => {
+    const page = 1;
+    const limit = 5;
+
+    // Make sure the spy is properly configured before the test
+    mockBillingPlanService.getBillingDetails.and.returnValue(
+      of(mockBillingData),
+    );
+
+    component.getPaginatedBillPlans(page, limit).subscribe({
+      next: data => {
+        expect(mockBillingPlanService.getBillingDetails).toHaveBeenCalledWith({
+          offset: limit * (page - 1),
+          limit: limit,
+        });
+        expect(data[0]).toEqual({
+          companyName: mockBillingData[0].companyName,
+          userName: mockBillingData[0].userName,
+          planName: mockBillingData[0].planName,
+          startDate: mockBillingData[0].startDate,
+          endDate: mockBillingData[0].endDate,
+          status: SubscriptionStatus[mockBillingData[0].status],
+        });
+        done();
+      },
+      error: error => {
+        done.fail(error);
+      },
+    });
+  });
+
   it('should call getPaginatedBillPlans and return transformed data', () => {
     const mockPlans = [
       {
@@ -103,9 +166,7 @@ describe('BillingPlanComponent', () => {
       },
     ];
 
-    spyOn(billingplanService, 'getBillingDetails').and.returnValue(
-      of(mockPlans),
-    );
+    mockBillingPlanService.getBillingDetails.and.returnValue(of(mockPlans));
 
     component.getPaginatedBillPlans(1, component.limit).subscribe(data => {
       expect(data).toEqual([
@@ -129,7 +190,7 @@ describe('BillingPlanComponent', () => {
     });
   });
   it('should handle errors in getPaginatedBillPlans', () => {
-    spyOn(billingplanService, 'getBillingDetails').and.returnValue(
+    mockBillingPlanService.getBillingDetails.and.returnValue(
       throwError('Error'),
     );
 

projects/saas-ui/src/app/main/components/button-renderer/button-renderer.component.spec.ts

@@ -146,6 +146,19 @@ describe('ButtonRendererComponent', () => {
     expect(mockRouter.navigate).toHaveBeenCalledWith(['/main/edit-plan/1']);
   });
 
+  it('should navigate to edit plan with correct id', () => {
+    const params: ICellRendererParams = {
+      node: {
+        data: {
+          id: 2,
+        },
+      },
+    } as any;
+    component.agInit(params);
+    component.editPlan(null);
+    expect(mockRouter.navigate).toHaveBeenCalledWith(['/main/edit-plan/2']);
+  });
+
   it('should return true on refresh method', () => {
     const params = {} as any;
     const result = component.refresh(params);
@@ -157,4 +170,18 @@ describe('ButtonRendererComponent', () => {
     component.onGridReady(params);
     expect(component.gridApi).toEqual(params.api);
   });
+
+  it('should validate form fields', () => {
+    component.addPlanForm.controls['name'].setValue('Test Plan');
+    component.addPlanForm.controls['description'].setValue('Test Description');
+    component.addPlanForm.controls['price'].setValue(100);
+    component.addPlanForm.controls['currencyId'].setValue('USD');
+    component.addPlanForm.controls['billingCycleId'].setValue(1);
+    component.addPlanForm.controls['tier'].setValue(1);
+
+    expect(component.addPlanForm.valid).toBeTrue();
+
+    component.addPlanForm.controls['name'].setValue('');
+    expect(component.addPlanForm.valid).toBeFalse();
+  });
 });

projects/saas-ui/src/app/main/components/eye-icon-renderer/eye-icon-renderer.component.spec.ts

@@ -1,16 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { EyeIconRendererComponent } from './eye-icon-renderer.component';
+import {EyeIconRendererComponent} from './eye-icon-renderer.component';
+import {NbThemeModule} from '@nebular/theme';
+import {ThemeModule} from '@project-lib/theme/theme.module';
+import {Router} from '@angular/router';
+import {By} from '@angular/platform-browser';
+import {ICellRendererParams} from 'ag-grid-community';
 
 describe('EyeIconRendererComponent', () => {
   let component: EyeIconRendererComponent;
   let fixture: ComponentFixture<EyeIconRendererComponent>;
+  let router: jasmine.SpyObj<Router>;
 
   beforeEach(async () => {
+    router = jasmine.createSpyObj(['navigate']);
     await TestBed.configureTestingModule({
-      declarations: [ EyeIconRendererComponent ]
-    })
-    .compileComponents();
+      imports: [NbThemeModule.forRoot(), ThemeModule],
+      declarations: [EyeIconRendererComponent],
+    }).compileComponents();
 
     fixture = TestBed.createComponent(EyeIconRendererComponent);
     component = fixture.componentInstance;
@@ -20,4 +27,40 @@ describe('EyeIconRendererComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  describe('agInit', () => {
+    it('should initialize params with the provided values', () => {
+      const mockParams = {node: {data: {id: '123'}}};
+      component.agInit(mockParams);
+      expect(component['params']).toEqual(mockParams);
+    });
+  });
+
+  describe('refresh', () => {
+    it('should return false when refresh is called', () => {
+      const result = component.refresh({});
+      expect(result).toBeFalse();
+    });
+  });
+
+  it('should render the eye icon as visible when the parameter is true', () => {
+    const mockParams = {node: {data: {id: '123', visible: true}}};
+    component.agInit(mockParams);
+    fixture.detectChanges();
+    const iconElement = fixture.debugElement.query(By.css('.eye-icon'));
+    expect(iconElement).toBeTruthy(); // Check if the icon is rendered
+    // expect(iconElement.nativeElement.classList).toContain('visible'); // Assuming there's a class for visibility
+  });
+
+  it('should handle invalid parameters gracefully', () => {
+    const mockParams = null; // Simulating invalid parameters
+    component.agInit(mockParams);
+    expect(component['params']).toBeNull();
+  });
+
+  it('should navigate to the correct route when onClick is called', () => {
+    // Arrange: Set up mock parameters with a specific row data ID
+    const mockParams = {node: {data: {id: '123'}}};
+    component.agInit;
+  });
 });