ohayolibs/packages/components/xlsx/xlsx.spec.ts

Ohayo is a set of essential modules for ohayojp.

import { HttpClient } from '@angular/common/http';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { Component, DebugElement } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { LazyService } from '@ohayo/util';
import * as fs from 'file-saver';
import { Observable, of, throwError } from 'rxjs';
import { XlsxModule } from './xlsx.module';
import { XlsxService } from './xlsx.service';
import { XlsxExportOptions } from './xlsx.types';

class MockLazyService {
  load(): Promise<void> {
    return Promise.resolve();
  }
}

let isErrorRequest = false;
class MockHttpClient {
  request(): Observable<null> {
    return isErrorRequest ? throwError(null) : of(null);
  }
}

describe('components: xlsx', () => {
  let srv: XlsxService;
  function genModule(): void {
    TestBed.configureTestingModule({
      imports: [XlsxModule, HttpClientTestingModule],
      declarations: [TestComponent],
      providers: [
        { provide: HttpClient, useClass: MockHttpClient },
        { provide: LazyService, useClass: MockLazyService },
      ],
    });
    srv = TestBed.inject<XlsxService>(XlsxService);
  }

  beforeEach(() => {
    (window as any).XLSX = {
      utils: {
        book_new: () => {
          return {};
        },
        aoa_to_sheet: () => { },
        book_append_sheet: () => { },
        sheet_to_json: () => {
          return {
            A1: 1,
            B1: 2,
          };
        },
      },
      read: () => {
        return {
          SheetNames: ['sheet1'],
          Sheets: {
            sheet1: {},
          },
        };
      },
      write: () => { },
    };
    isErrorRequest = false;
  });

  afterEach(() => {
    delete (window as any).XLSX;
  });

  describe('[#import]', () => {
    it('should be load xlsx lib when not found XLSX in window', () => {
      delete (window as any).XLSX;
      genModule();
      const lazySrv: LazyService = TestBed.inject<LazyService>(LazyService);
      spyOn(lazySrv, 'load').and.callFake(() => Promise.reject());
      expect(lazySrv.load).not.toHaveBeenCalled();
      srv.import('/1.xlsx').catch(() => { });
      expect(lazySrv.load).toHaveBeenCalled();
    });

    it('should be load xlsx via url', (done: () => void) => {
      genModule();
      srv.import('/1.xlsx').then(
        () => {
          expect(true).toBe(true);
          done();
        },
        () => {
          expect(false).toBe(true);
          done();
        },
      );
    });

    it('should be throw error when request error via url', (done: () => void) => {
      isErrorRequest = true;
      genModule();
      srv.import('/1.xlsx').then(
        () => {
          expect(false).toBe(true);
          done();
        },
        () => {
          expect(true).toBe(true);
          done();
        },
      );
    });

    it('should be load xlsx via file object', (done: () => void) => {
      genModule();
      srv.import(new File([], '1.xlsx'), 'readAsArrayBuffer').then(
        () => {
          expect(true).toBe(true);
          done();
        },
        () => {
          expect(false).toBe(true);
          done();
        },
      );
    });
  });

  describe('[#export]', () => {
    beforeEach(() => {
      spyOn(fs, 'saveAs');
      genModule();
    });
    it('should be export xlsx via array', (done: () => void) => {
      srv
        .export({
          sheets: [{ data: null, name: 'asdf.xlsx' }, { data: null }],
        } as XlsxExportOptions)
        .then(() => {
          // tslint:disable-next-line: deprecation
          expect(fs.saveAs).toHaveBeenCalled();
          done();
        });
    });
    it('should be export xlsx via object', (done: () => void) => {
      srv
        .export({
          sheets: {
            name: 'asdf',
          },
        } as XlsxExportOptions)
        .then(() => {
          // tslint:disable-next-line: deprecation
          expect(fs.saveAs).toHaveBeenCalled();
          done();
        });
    });
    it('should be call callback', (done: () => void) => {
      let count = 0;
      srv
        .export({
          sheets: {
            name: 'asdf',
          },
          callback: () => {
            ++count;
          },
        } as XlsxExportOptions)
        .then(() => {
          expect(count).toBe(1);
          done();
        });
    });
    it('should catch error when XLSX process error', done => {
      (window as any).XLSX.utils.book_new = null;
      srv
        .export({
          sheets: {
            name: 'asdf',
          },
        } as XlsxExportOptions)
        .then(() => {
          expect(true).toBe(false);
          done();
        })
        .catch(() => {
          expect(true).toBe(true);
          done();
        });
    });
  });

  describe('[directive]', () => {
    let fixture: ComponentFixture<TestComponent>;
    let dl: DebugElement;
    beforeEach(() => {
      genModule();
      fixture = TestBed.createComponent(TestComponent);
      dl = fixture.debugElement;
      fixture.detectChanges();
    });
    it('should be export via click', () => {
      spyOn(srv, 'export');
      expect(srv.export).not.toHaveBeenCalled();
      (dl.query(By.css('button')).nativeElement as HTMLButtonElement).click();
      expect(srv.export).toHaveBeenCalled();
    });
  });

  describe('[#numberToSchema]', () => {
    beforeEach(() => genModule());

    it('should be working', () => {
      expect(srv.numberToSchema(1)).toBe('A');
      expect(srv.numberToSchema(27)).toBe('AA');
      expect(srv.numberToSchema(28)).toBe('AB');
      expect(srv.numberToSchema(53)).toBe('BA');
    });
  });
});

@Component({
  template: ` <button [xlsx]="data"></button> `,
})
class TestComponent {
  data: any = {};
}