@saooti/octopus-sdk 41.7.2 → 41.8.0

package/tests/components/pages/EmissionPage.spec.ts

@@ -0,0 +1,86 @@
+import '@tests/mocks/i18n';
+import '@tests/mocks/useRouter';
+
+import EmissionPage from '@/components/pages/EmissionPage.vue';
+import { emptyEmissionData, SeasonMode } from '@/stores/class/general/emission';
+import { emptyPodcastData, PodcastProcessingStatus } from '@/stores/class/general/podcast';
+import { mount, VueWrapper } from '@tests/utils';
+import { describe, expect, it, vi } from 'vitest';
+import { nextTick } from 'vue';
+
+vi.mock('@/api/emissionApi', () => ({
+    emissionApi: { get: vi.fn() }
+}));
+vi.mock('@/components/composable/route/useSeoTitleUrl.ts', () => ({
+    useSeoTitleUrl: () => ({ updatePathParams: vi.fn() })
+}));
+vi.mock('@/components/composable/useImageProxy', () => ({
+    useImageProxy: () => ({ useProxyImageUrl: vi.fn() })
+}));
+
+import { emissionApi } from '@/api/emissionApi';
+
+const publicOrga = { id: 'org-1', name: 'Test', imageUrl: '', privacy: 'PUBLIC' };
+
+function makeEmission(seasonMode: SeasonMode) {
+    return { ...emptyEmissionData(), seasonMode, seasonCount: 2, orga: publicOrga };
+}
+
+function makeReadyPodcast(seasonMode: SeasonMode = SeasonMode.NO_SEASON) {
+    const podcast = emptyPodcastData();
+    podcast.processingStatus = PodcastProcessingStatus.Ready;
+    podcast.seasonNumber = 1;
+    podcast.seasonEpisodeNumber = 3;
+    podcast.emission.seasonMode = seasonMode;
+    return podcast;
+}
+
+async function mountPage(seasonMode: SeasonMode) {
+    vi.mocked(emissionApi.get).mockResolvedValue(makeEmission(seasonMode));
+    return mount(EmissionPage, { shallow: true, props: { emissionId: 1 } });
+}
+
+async function triggerFetch(wrapper: VueWrapper, seasonMode: SeasonMode, season?: number) {
+    await wrapper.findComponent({ name: 'PodcastFilterList' }).vm.$emit('fetch', [makeReadyPodcast(seasonMode)], season);
+    await nextTick();
+}
+
+describe('EmissionPage', () => {
+    describe('messageListenEpisode', () => {
+        it('does not show season info before any podcast is fetched', async () => {
+            const wrapper = await mountPage(SeasonMode.SEASON_WITH_PODCAST_NUMBERING);
+            expect(wrapper.text()).not.toContain('S1·E3');
+        });
+
+        it('shows base message without season info for NO_SEASON emission', async () => {
+            const wrapper = await mountPage(SeasonMode.NO_SEASON);
+            await triggerFetch(wrapper, SeasonMode.NO_SEASON);
+            expect(wrapper.text()).toContain('Listen to the latest episode');
+            expect(wrapper.text()).not.toContain('(S');
+        });
+
+        it.each([
+            { seasonMode: SeasonMode.SEASON_WITH_PODCAST_NUMBERING,    expected: 'Listen to the latest episode (S1·E3)' },
+            { seasonMode: SeasonMode.SEASON_WITHOUT_PODCAST_NUMBERING, expected: 'Listen to the latest episode (S1)'    },
+        ])('appends season info for $seasonMode', async ({ seasonMode, expected }) => {
+            const wrapper = await mountPage(seasonMode);
+            await triggerFetch(wrapper, seasonMode);
+            expect(wrapper.text()).toContain(expected);
+        });
+    });
+
+    describe('podcastsFetched season filtering', () => {
+        // seasonCount is 2 in makeEmission
+        it.each([undefined, 2])('shows lastPodcast when season is %s', async (season) => {
+            const wrapper = await mountPage(SeasonMode.SEASON_WITH_PODCAST_NUMBERING);
+            await triggerFetch(wrapper, SeasonMode.SEASON_WITH_PODCAST_NUMBERING, season);
+            expect(wrapper.text()).toContain('Listen to the latest episode');
+        });
+
+        it('ignores podcasts from earlier seasons', async () => {
+            const wrapper = await mountPage(SeasonMode.SEASON_WITH_PODCAST_NUMBERING);
+            await triggerFetch(wrapper, SeasonMode.SEASON_WITH_PODCAST_NUMBERING, 1);
+            expect(wrapper.text()).not.toContain('Listen to the latest episode');
+        });
+    });
+});

package/tests/utils.ts

@@ -1,7 +1,7 @@
 import { Component } from 'vue';
 import { vi } from 'vitest';
 import { mount as _mount, VueWrapper } from '@vue/test-utils';
-import { type Pinia, setActivePinia } from 'pinia';
+import { type Pinia, setActivePinia, createPinia } from 'pinia';
 import { createTestingPinia } from '@pinia/testing';
 
 import { useAuthStore } from '../src/stores/AuthStore';
@@ -159,3 +159,14 @@ export function combineStoreSetups(...setups: Array<() => void>) {
 }
 
 export { VueWrapper };
+
+/**
+ * Creates a Pinia instance without mounting a component.
+ * Use this for testing composables or APIs directly.
+ */
+export function setupPinia(setupFn?: () => void | Promise<void>): Pinia {
+    const pinia = createPinia();
+    setActivePinia(pinia);
+    if (setupFn) { setupFn(); }
+    return pinia;
+}