import { createTestingPinia } from "@pinia/testing";
import { getLocalVue } from "@tests/vitest/helpers";
import { shallowMount } from "@vue/test-utils";
import flushPromises from "flush-promises";
import { setActivePinia } from "pinia";
import { describe, expect, it, vi } from "vitest";

import { useServerMock } from "@/api/client/__mocks__";

import NotificationsManagement from "./NotificationsManagement.vue";

const localVue = getLocalVue(true);

const selectors = {
    sendNotificationButton: "#send-notification-button",
    createBroadcastButton: "#create-broadcast-button",
} as const;

const { server, http } = useServerMock();

async function mountNotificationsManagement(config: any = {}) {
    const pinia = createTestingPinia({ createSpy: vi.fn });
    setActivePinia(pinia);

    server.use(
        http.get("/api/configuration", ({ response }) => {
            return response(200).json(config);
        }),
    );

    const wrapper = shallowMount(NotificationsManagement as object, {
        localVue,
        pinia,
        stubs: {
            FontAwesomeIcon: true,
        },
    });

    await flushPromises();

    return wrapper;
}

describe("NotificationsManagement.vue", () => {
    it("should render the create notification buttons if the notification system is enabled", async () => {
        const config = { enable_notification_system: true };
        const wrapper = await mountNotificationsManagement(config);

        expect(wrapper.find(selectors.sendNotificationButton).exists()).toBe(true);
        expect(wrapper.find(selectors.createBroadcastButton).exists()).toBe(true);
    });

    it("should not render the create notification buttons if the notification system is disabled", async () => {
        const config = { enable_notification_system: false };
        const wrapper = await mountNotificationsManagement(config);

        expect(wrapper.find(selectors.sendNotificationButton).exists()).toBe(false);
        expect(wrapper.find(selectors.createBroadcastButton).exists()).toBe(false);
    });
});