import { mockUseRouter, mockI18n } from '@tests/mocks';
vi.mock('vue-router', () => mockUseRouter());
vi.mock('vue-i18n', () => mockI18n());

import SharePlayerRadio from '@/components/display/sharing/SharePlayerRadio.vue';
import { mount as testMount } from '@tests/utils';
import { describe, expect, it, vi } from 'vitest';
import { useApiStore } from '@/stores/ApiStore';
import { useSaveFetchStore } from '@/stores/SaveFetchStore';

describe('SharePlayerRadio', () => {
    it('renders iframe with frameborder="0"', async () => {
        const wrapper = await testMount(SharePlayerRadio, {
            props: {
                canal: {
                    id: 'radio1',
                    organisationId: 'org1'
                },
                organisationId: 'org1'
            },
            beforeMount: async () => {
                const apiStore = useApiStore();
                apiStore.miniplayerUrl = 'https://test.com/';

                const saveFetchStore = useSaveFetchStore();
                vi.spyOn(saveFetchStore, 'getOrgaAttributes').mockResolvedValue({});
            }
        });

        const iframe = wrapper.find('#miniplayerIframeRadio');
        expect(iframe.attributes('frameborder')).toBe('0');
    });

    it('includes frameborder="0" in generated iframe code', async () => {
        const wrapper = await testMount(SharePlayerRadio, {
            props: {
                canal: {
                    id: 'radio1',
                    organisationId: 'org1'
                },
                organisationId: 'org1'
            },
            beforeMount: async () => {
                const apiStore = useApiStore();
                apiStore.miniplayerUrl = 'https://test.com/';

                const saveFetchStore = useSaveFetchStore();
                vi.spyOn(saveFetchStore, 'getOrgaAttributes').mockResolvedValue({});
            }
        });

        const iFrameCode = (wrapper.vm as any).iFrame;
        expect(iFrameCode).toContain('frameborder="0"');
    });
});