src/app/features/new/components/new-statement/new-statement.component.spec.ts

/********************************************************************************
 * Copyright (c) 2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 *
 * SPDX-License-Identifier: EPL-2.0
 ********************************************************************************/

import {ComponentFixture, TestBed} from "@angular/core/testing";
import {RouterTestingModule} from "@angular/router/testing";
import {MemoizedSelector} from "@ngrx/store";
import {MockStore, provideMockStore} from "@ngrx/store/testing";
import {I18nModule} from "../../../../core";
import {
    IStatementInfoForm,
    IStatementInfoFormValue,
    newStatementFormErrorSelector,
    newStatementFormLoadingSelector,
    newStatementFormValueSelector,
    submitNewStatementAction
} from "../../../../store";
import {NewStatementModule} from "../../new-statement.module";
import {NewStatementComponent} from "./new-statement.component";

describe("NewStatementComponent", () => {
    let component: NewStatementComponent;
    let fixture: ComponentFixture<NewStatementComponent>;
    let store: MockStore;
    let mockIsLoadingSelector: MemoizedSelector<IStatementInfoForm, boolean>;
    let mockErrorSelector: MemoizedSelector<IStatementInfoForm, string>;
    let mockFormSelector: MemoizedSelector<IStatementInfoForm, IStatementInfoFormValue>;

    beforeEach(async () => {
        await TestBed.configureTestingModule({
            imports: [RouterTestingModule, NewStatementModule, I18nModule],
            providers: [provideMockStore({})]
        }).compileComponents();
    });

    beforeEach(() => {
        fixture = TestBed.createComponent(NewStatementComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();
        store = TestBed.inject(MockStore);
        mockIsLoadingSelector = store.overrideSelector(
            newStatementFormLoadingSelector,
            false
        );
        mockErrorSelector = store.overrideSelector(
            newStatementFormErrorSelector,
            undefined
        );
        mockFormSelector = store.overrideSelector(
            newStatementFormValueSelector,
            newStatementFormValue
        );
    });

    it("should create", () => {
        expect(component).toBeTruthy();
    });

    it("should dispatch action on submit", () => {
        const expectedAction = submitNewStatementAction({value: {...newStatementFormValue}});
        spyOn(store, "dispatch");
        component.submit(newStatementFormValue);
        expect(store.dispatch).toHaveBeenCalledWith(expectedAction);
    });

    it("should show an empty form if there is no user data", async () => {
        mockIsLoadingSelector.setResult(false);
        mockErrorSelector.setResult(undefined);
        mockFormSelector.setResult(newStatementFormValue);
        fixture.detectChanges();
        await component.ngOnInit();
        expect(component.form).toEqual(undefined);
    });

    it("should show the saved form data if appIsLoading is true", async () => {
        mockIsLoadingSelector.setResult(true);
        mockErrorSelector.setResult(undefined);
        mockFormSelector.setResult(newStatementFormValue);
        fixture.detectChanges();
        await component.ngOnInit();
        expect(component.form).toEqual(newStatementFormValue);
    });

    it("should show the saved form data if there was an error", async () => {
        mockIsLoadingSelector.setResult(false);
        mockErrorSelector.setResult("some error");
        mockFormSelector.setResult(newStatementFormValue);
        fixture.detectChanges();
        await component.ngOnInit();
        expect(component.form).toEqual(newStatementFormValue);
    });

    const newStatementFormValue: IStatementInfoFormValue = {
        title: "title",
        receiptDate: "21-05-2020",
        dueDate: "21-05-2020",
        typeId: 2,
        city: "city",
        district: "district"
    };
});