cat-documents-ng 1.0.4 → 1.0.6

package/src/lib/document/components/document-content-viewer/document-content-viewer.component.spec.ts

@@ -0,0 +1,258 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { DocumentContentViewerComponent } from './document-content-viewer.component';
+import { PdfViewerModule } from 'ng2-pdf-viewer';
+import { ButtonModule } from 'primeng/button';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { ExcelParserService } from '../../services/excel-parser.service';
+import { of, throwError } from 'rxjs';
+
+describe('DocumentContentViewerComponent', () => {
+  let component: DocumentContentViewerComponent;
+  let fixture: ComponentFixture<DocumentContentViewerComponent>;
+  let mockExcelParserService: jasmine.SpyObj<ExcelParserService>;
+
+  beforeEach(async () => {
+    const excelParserSpy = jasmine.createSpyObj('ExcelParserService', [
+      'parseExcelData',
+      'ensureDataConsistency',
+      'convertToLegacyFormat',
+      'parseSheetData'
+    ]);
+
+    await TestBed.configureTestingModule({
+      imports: [
+        PdfViewerModule,
+        ButtonModule,
+        HttpClientTestingModule
+      ],
+      declarations: [ DocumentContentViewerComponent ],
+      providers: [
+        { provide: ExcelParserService, useValue: excelParserSpy }
+      ]
+    })
+    .compileComponents();
+
+    mockExcelParserService = TestBed.inject(ExcelParserService) as jasmine.SpyObj<ExcelParserService>;
+
+    fixture = TestBed.createComponent(DocumentContentViewerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should detect PDF content type correctly', () => {
+    component.contentType = 'application/pdf';
+    expect(component.isPdf).toBe(true);
+    expect(component.isImage).toBe(false);
+    expect(component.isExcel).toBe(false);
+    expect(component.isWord).toBe(false);
+  });
+
+  it('should detect image content types correctly', () => {
+    component.contentType = 'image/png';
+    expect(component.isImage).toBe(true);
+    expect(component.isPdf).toBe(false);
+    expect(component.isExcel).toBe(false);
+  });
+
+  it('should detect Excel content types correctly', () => {
+    component.contentType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+    expect(component.isExcel).toBe(true);
+    expect(component.isPdf).toBe(false);
+    expect(component.isImage).toBe(false);
+  });
+
+  it('should detect Word content types correctly', () => {
+    component.contentType = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+    expect(component.isWord).toBe(true);
+    expect(component.isPdf).toBe(false);
+    expect(component.isImage).toBe(false);
+  });
+
+  it('should detect CSV content type correctly', () => {
+    component.contentType = 'text/csv';
+    expect(component.isCsv).toBe(true);
+    expect(component.isPdf).toBe(false);
+    expect(component.isImage).toBe(false);
+  });
+
+  it('should detect email content types correctly', () => {
+    component.contentType = 'message/rfc822';
+    expect(component.isEmail).toBe(true);
+    expect(component.isPdf).toBe(false);
+    expect(component.isImage).toBe(false);
+  });
+
+  it('should detect OpenDocument content type correctly', () => {
+    component.contentType = 'application/vnd.oasis.opendocument.text';
+    expect(component.isOpenDocument).toBe(true);
+    expect(component.isPdf).toBe(false);
+    expect(component.isImage).toBe(false);
+  });
+
+  it('should return correct document icon for PDF', () => {
+    component.contentType = 'application/pdf';
+    expect(component.documentIcon).toBe('pi pi-file-pdf');
+  });
+
+  it('should return correct document icon for image', () => {
+    component.contentType = 'image/png';
+    expect(component.documentIcon).toBe('pi pi-image');
+  });
+
+  it('should return correct document icon for Excel', () => {
+    component.contentType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+    expect(component.documentIcon).toBe('pi pi-file-excel');
+  });
+
+  it('should return correct document type text for PDF', () => {
+    component.contentType = 'application/pdf';
+    expect(component.documentTypeText).toBe('PDF Document');
+  });
+
+  it('should return correct document type text for image', () => {
+    component.contentType = 'image/png';
+    expect(component.documentTypeText).toBe('Image');
+  });
+
+  it('should handle unsupported content types correctly', () => {
+    component.contentType = 'application/unknown';
+    expect(component.isUnsupported).toBe(true);
+    expect(component.isPdf).toBe(false);
+    expect(component.isImage).toBe(false);
+  });
+
+  it('should handle undefined content type correctly', () => {
+    component.contentType = undefined;
+    expect(component.isPdf).toBe(false);
+    expect(component.isImage).toBe(false);
+    expect(component.isExcel).toBe(false);
+    expect(component.isWord).toBe(false);
+    expect(component.isCsv).toBe(false);
+    expect(component.isEmail).toBe(false);
+    expect(component.isOpenDocument).toBe(false);
+    expect(component.isUnsupported).toBe(true);
+  });
+
+  it('should handle download document correctly', () => {
+    spyOn(document, 'createElement').and.returnValue({
+      href: '',
+      download: '',
+      target: '',
+      click: jasmine.createSpy('click')
+    } as any);
+    spyOn(document.body, 'appendChild');
+    spyOn(document.body, 'removeChild');
+
+    component.documentUrl = 'http://example.com/test.pdf';
+    component.documentName = 'test.pdf';
+    component.downloadDocument();
+
+    expect(document.createElement).toHaveBeenCalledWith('a');
+    expect(document.body.appendChild).toHaveBeenCalled();
+    expect(document.body.removeChild).toHaveBeenCalled();
+  });
+
+  it('should handle open in new tab correctly', () => {
+    spyOn(window, 'open');
+    component.documentUrl = 'http://example.com/test.pdf';
+    component.openInNewTab();
+
+    expect(window.open).toHaveBeenCalledWith('http://example.com/test.pdf', '_blank');
+  });
+
+  it('should not call download when documentUrl is undefined', () => {
+    spyOn(document, 'createElement');
+    component.documentUrl = undefined;
+    component.downloadDocument();
+
+    expect(document.createElement).not.toHaveBeenCalled();
+  });
+
+  it('should not call open in new tab when documentUrl is undefined', () => {
+    spyOn(window, 'open');
+    component.documentUrl = undefined;
+    component.openInNewTab();
+
+    expect(window.open).not.toHaveBeenCalled();
+  });
+
+  it('should initialize Excel data loading on init', () => {
+    component.contentType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+    component.documentUrl = 'http://example.com/test.xlsx';
+    component.ngOnInit();
+    
+    expect(component.isLoadingExcel).toBe(true);
+  });
+
+  it('should handle Excel content type changes', () => {
+    component.contentType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+    component.documentUrl = 'http://example.com/test.xlsx';
+    component.ngOnChanges({
+      contentType: { currentValue: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', previousValue: undefined, firstChange: true, isFirstChange: () => true }
+    });
+    
+    expect(component.isLoadingExcel).toBe(true);
+  });
+
+  it('should reset Excel data when content type changes to non-Excel', () => {
+    component.contentType = 'application/pdf';
+    component.ngOnChanges({
+      contentType: { currentValue: 'application/pdf', previousValue: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', firstChange: false, isFirstChange: () => false }
+    });
+    
+    expect(component.excelData).toBeNull();
+    expect(component.excelTableData).toEqual([]);
+    expect(component.excelSheets).toEqual([]);
+    expect(component.currentSheet).toBe('');
+    expect(component.isLoadingExcel).toBe(false);
+    expect(component.excelError).toBeNull();
+  });
+
+  it('should change Excel sheet correctly', () => {
+    component.excelSheets = ['Sheet1', 'Sheet2'];
+    component.currentSheet = 'Sheet1';
+    component.excelTableData = [['Header'], ['Data']];
+    
+    // Mock the service methods
+    mockExcelParserService.parseSheetData.and.returnValue([]);
+    mockExcelParserService.ensureDataConsistency.and.returnValue([]);
+    mockExcelParserService.convertToLegacyFormat.and.returnValue([]);
+    
+    component.changeSheet('Sheet2');
+    
+    expect(component.currentSheet).toBe('Sheet2');
+    expect(mockExcelParserService.parseSheetData).toHaveBeenCalled();
+    expect(mockExcelParserService.ensureDataConsistency).toHaveBeenCalled();
+    expect(mockExcelParserService.convertToLegacyFormat).toHaveBeenCalled();
+  });
+
+  it('should return safe Excel styled data when data is available', () => {
+    component.excelStyledData = [
+      { cells: [{ value: 'Test Data' }] }
+    ];
+    
+    expect(component.safeExcelStyledData).toEqual([
+      { cells: [{ value: 'Test Data' }] }
+    ]);
+  });
+
+  it('should return default data when Excel styled data is empty', () => {
+    component.excelStyledData = [];
+    
+    expect(component.safeExcelStyledData).toEqual([
+      { cells: [{ value: 'No data available' }] }
+    ]);
+  });
+
+  it('should return default data when Excel styled data is null', () => {
+    component.excelStyledData = null as any;
+    
+    expect(component.safeExcelStyledData).toEqual([
+      { cells: [{ value: 'No data available' }] }
+    ]);
+  });
+});