iptvnator/src/app/player/components/video-player/video-player.component.spec.ts

import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { MatDividerModule } from '@angular/material/divider';
import { MatIconModule } from '@angular/material/icon';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatSnackBar } from '@angular/material/snack-bar';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatTooltipModule } from '@angular/material/tooltip';
import { ActivatedRoute } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
import { MockStore, provideMockStore } from '@ngrx/store/testing';
import { TranslatePipe } from '@ngx-translate/core';
import { MockComponent, MockModule, MockPipe } from 'ng-mocks';
import * as MOCKED_PLAYLIST from '../../../../mocks/playlist.json';
import { DataService } from '../../../services/data.service';
import { ElectronServiceStub } from '../../../services/electron.service.stub';
import { VideoPlayer } from '../../../settings/settings.interface';
import { createChannel } from '../../../shared/channel.model';
import { ChannelListContainerComponent } from '../channel-list-container/channel-list-container.component';
import { EpgListComponent } from '../epg-list/epg-list.component';
import { HtmlVideoPlayerComponent } from '../html-video-player/html-video-player.component';
import { VjsPlayerComponent } from '../vjs-player/vjs-player.component';
import { InfoOverlayComponent } from './../info-overlay/info-overlay.component';
import { VideoPlayerComponent } from './video-player.component';

import { Actions } from '@ngrx/effects';
import { provideMockActions } from '@ngrx/effects/testing';
import { Observable } from 'rxjs';

class MatSnackBarStub {
    open(): void {}
}

describe('VideoPlayerComponent', () => {
    let component: VideoPlayerComponent;
    let fixture: ComponentFixture<VideoPlayerComponent>;
    let channels;
    let mockStore: MockStore;
    const actions$ = new Observable<Actions>();

    beforeEach(
        waitForAsync(() => {
            TestBed.configureTestingModule({
                declarations: [
                    MockComponent(EpgListComponent),
                    MockComponent(HtmlVideoPlayerComponent),
                    MockComponent(VjsPlayerComponent),
                    MockComponent(VideoPlayerComponent),
                    MockComponent(ChannelListContainerComponent),
                    MockComponent(InfoOverlayComponent),
                    VideoPlayerComponent,
                    MockPipe(TranslatePipe),
                ],
                providers: [
                    { provide: MatSnackBar, useClass: MatSnackBarStub },
                    { provide: DataService, useClass: ElectronServiceStub },
                    {
                        provide: ActivatedRoute,
                        useValue: {
                            snapshot: {
                                queryParams: {
                                    url: 'https://iptvnator/list.m3u',
                                },
                            },
                        },
                    },
                    provideMockStore(),
                    provideMockActions(actions$),
                ],
                imports: [
                    MockModule(MatSidenavModule),
                    MockModule(MatIconModule),
                    MockModule(MatToolbarModule),
                    MockModule(MatTooltipModule),
                    MockModule(RouterTestingModule),
                    MockModule(MatDividerModule),
                ],
            }).compileComponents();
        })
    );

    beforeEach(() => {
        fixture = TestBed.createComponent(VideoPlayerComponent);
        component = fixture.componentInstance;
        mockStore = TestBed.inject(MockStore);

        // set channels
        channels = MOCKED_PLAYLIST.playlist.items.map((element) =>
            createChannel(element)
        );

        mockStore.setState({ playlistState: {channels} });
    });

    it('should create and init component', () => {
        expect(component).toBeTruthy();
        jest.spyOn(component, 'applySettings');
        fixture.detectChanges();
        expect(component.applySettings).toHaveBeenCalledTimes(1);
    });

    it('should check default component settings', () => {
        fixture.detectChanges();
        expect(component.playerSettings).toEqual({
            player: VideoPlayer.VideoJs,
            showCaptions: false,
        });
    });

    it('should update store after channel was faved', () => {
        jest.spyOn(mockStore, 'dispatch');
        const [firstChannel] = channels;
        component.addToFavorites(firstChannel);
        expect(mockStore.dispatch).toHaveBeenCalledTimes(1);
        expect(mockStore.dispatch).toHaveBeenCalledWith({channel: firstChannel, type: expect.stringContaining('favorite')});
    });
});