TypeScript dot-events.service.DotEventsService類代碼示例

    beforeEach(() => {
        TestBed.configureTestingModule({
            providers: [
                DotGlobalMessageService,
                DotMessageService,
                DotEventsService,
                { provide: DotMessageService, useValue: messageServiceMock }
            ]
        });

        dotGlobalMessageService = TestBed.get(DotGlobalMessageService);
        dotEventsService = TestBed.get(DotEventsService);

        listenerDotGlobalMessage = dotEventsService.listen('dot-global-message');
    });

describe('DotGlobalMessageComponent', () => {
    let component: DotGlobalMessageComponent;
    let fixture: ComponentFixture<DotGlobalMessageComponent>;
    let dotEventsService: DotEventsService;

    beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [DotGlobalMessageComponent],
            providers: [DotEventsService]
        }).compileComponents();

        fixture = TestBed.createComponent(DotGlobalMessageComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();

        dotEventsService = TestBed.get(DotEventsService);
    });

    it('should set the value of the message with the corresponding icon and life time ', () => {
        dotEventsService.notify('dot-global-message', {
            value: 'test',
            type: 'loading',
            life: 3000
        });
        expect(component.message).toEqual({
            value: 'test',
            type: 'fa fa-spinner fa-spin',
            life: 3000
        });
    });

    it('should set visibility to false after 10 ms', () => {
        dotEventsService.notify('dot-global-message', { value: 'test', life: 10 });
        // TODO: Find a way to get rid of timeouts.
        setTimeout(() => {
            expect(component.visibility).toEqual(false);
        }, 90);
    });
});

describe('DotGlobalMessageService', () => {
    let dotGlobalMessageService: DotGlobalMessageService;
    let dotEventsService: DotEventsService;
    let listenerDotGlobalMessage: Observable<DotEvent>;

    const messageServiceMock = new MockDotMessageService({
        'dot.common.message.loading': 'Loading...',
        'dot.common.message.loaded': 'Loaded',
        'dot.common.message.error': 'Error'
    });

    beforeEach(() => {
        TestBed.configureTestingModule({
            providers: [
                DotGlobalMessageService,
                DotMessageService,
                DotEventsService,
                { provide: DotMessageService, useValue: messageServiceMock }
            ]
        });

        dotGlobalMessageService = TestBed.get(DotGlobalMessageService);
        dotEventsService = TestBed.get(DotEventsService);

        listenerDotGlobalMessage = dotEventsService.listen('dot-global-message');
    });

    it('should set the default DotGlobalMessage Object to the Display scenario', () => {
        dotGlobalMessageService.display();
        listenerDotGlobalMessage.subscribe((event: DotEvent) => {
            expect(event.data).toEqual({ value: 'Loaded', life: 3000 });
        });
    });

    it('should set a specific text for the Display scenario', () => {
        dotGlobalMessageService.display('test');
        listenerDotGlobalMessage.subscribe((event: DotEvent) => {
            expect(event.data).toEqual({ value: 'test', life: 3000 });
        });
    });

    it('should set the default DotGlobalMessage Object for the Loading scenario', () => {
        dotGlobalMessageService.loading();
        listenerDotGlobalMessage.subscribe((event: DotEvent) => {
            expect(event.data).toEqual({ value: 'Loading...', type: 'loading' });
        });
    });

    it('should set a specific text for the Loading scenario', () => {
        dotGlobalMessageService.loading('TEST');
        listenerDotGlobalMessage.subscribe((event: DotEvent) => {
            expect(event.data).toEqual({ value: 'TEST', type: 'loading' });
        });
    });

    it('should set the default DotGlobalMessage Object for the Error scenario', () => {
        dotGlobalMessageService.error();
        listenerDotGlobalMessage.subscribe((event: DotEvent) => {
            expect(event.data).toEqual({ value: 'Error', life: 3000 });
        });
    });

    it('should set a specific text for the Error scenario', () => {
        dotGlobalMessageService.error('test error');
        listenerDotGlobalMessage.subscribe((event: DotEvent) => {
            expect(event.data).toEqual({ value: 'test error', life: 3000 });
        });
    });
});

 /**
  * Display text messages with error configuration.
  * @param string message
  */
 error(message?: string): void {
     // TODO: Define the behaior of error messages.
     this.dotEventsService.notify('dot-global-message', {
         value: message ? message : this.dotMessageService.get('dot.common.message.error'),
         life: 3000
     });
 }

 it('should set visibility to false after 10 ms', () => {
     dotEventsService.notify('dot-global-message', { value: 'test', life: 10 });
     // TODO: Find a way to get rid of timeouts.
     setTimeout(() => {
         expect(component.visibility).toEqual(false);
     }, 90);
 });

 /**
  * Display text messages with a loading indicator.
  * @param string message
  */
 loading(message?: string): void {
     this.dotEventsService.notify('dot-global-message', {
         value: message ? message : this.dotMessageService.get('dot.common.message.loading'),
         type: 'loading'
     });
 }

 /**
  * Display text messages.
  * @param string message
  */
 display(message?: string): void {
     this.dotEventsService.notify('dot-global-message', {
         value: message ? message : this.dotMessageService.get('dot.common.message.loaded'),
         life: 3000
     });
 }