import { shallowMount } from "@vue/test-utils";
import progressBar from "./progress-bar";
import store from "@/store";

describe("progressBar", () => {
    test("progress should be 0", () => {
        // Arrange
        mockMixin.computed = {
            pageName: () => undefined,
        };

        // Act
        const wrapper = shallowMount(progressBar, {
            mixins: [mockMixin],
        });

        // Assert
        expect(wrapper.vm.getProgress()).toBe(0);
        wrapper.unmount();
    });
});

describe("progressBar", () => {
    test("progress should be 4%", () => {
        // Arrange
        mockMixin.computed = {
            pageName: () => "vehicle",
        };

        // Act
        const wrapper = shallowMount(progressBar, {
            mixins: [mockMixin],
        });

        // Assert
        expect(wrapper.vm.getProgress()).toBe(4);
        wrapper.unmount();
    });
});

describe("progressBar", () => {
    test("progress should be 48%", () => {
        // Arrange
        mockMixin.computed = {
            pageName: () => "quote",
        };

        // Act
        const wrapper = shallowMount(progressBar, {
            mixins: [mockMixin],
        });

        // Assert
        expect(wrapper.vm.getProgress()).toBe(48);
        wrapper.unmount();
    });
});

describe("progressBar", () => {
    test("progress should be 100%", () => {
        // Arrange
        mockMixin.computed = {
            pageName: () => "confirmation",
        };

        // Act
        const wrapper = shallowMount(progressBar, {
            mixins: [mockMixin],
        });

        // Assert
        expect(wrapper.vm.getProgress()).toBe(100);
        wrapper.unmount();
    });
});

const mockMixin = {
    methods: {
        getProgress: jest.fn(),
    },
};