@playpilot/tpi 8.14.0 → 8.15.0

package/src/tests/lib/routes.test.js

@@ -1,9 +1,10 @@
 import { describe, it, expect } from 'vitest'
-import { titleUrl } from '$lib/routes'
+import { exploreTitleUrl, titleUrl } from '$lib/routes'
 import { playPilotBaseUrl } from '$lib/constants'
+import { title } from '$lib/fakeData'
 
 describe('$lib/routes', () => {
-  describe('mergePlaylinks', () => {
+  describe('titleUrl', () => {
     it('Should return url for given title', () => {
       // @ts-ignore
       expect(titleUrl({ type: 'series', slug: 'some-slug' })).toBe(`${playPilotBaseUrl}/series/some-slug/`)
@@ -12,4 +13,15 @@ describe('$lib/routes', () => {
       expect(titleUrl({ type: 'movie', slug: 'some-other-slug' })).toBe(`${playPilotBaseUrl}/movie/some-other-slug/`)
     })
   })
+
+  describe('exploreTitleUrl', () => {
+    it('Should return url for given title', () => {
+      window.PlayPilotLinkInjections.config = {
+        open_tpi_links_in_explore: true,
+        explore_navigation_path: 'https://some-path.com/explore',
+      }
+
+      expect(exploreTitleUrl(title)).toBe(`https://some-path.com/explore?route=title&sid=${title.sid}`)
+    })
+  })
 })

package/src/tests/routes/components/Explore/Routes/ExploreTitle.test.js

@@ -0,0 +1,87 @@
+import { render, waitFor, fireEvent } from '@testing-library/svelte'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import TitleDetail from '../../../../../routes/components/Explore/Routes/ExploreTitle.svelte'
+import { fetchTitleBySid } from '$lib/api/titles'
+import { title } from '$lib/fakeData'
+
+vi.mock('$lib/api/titles', () => ({
+  fetchTitleBySid: vi.fn(),
+}))
+
+vi.mock('/src/routes/components/Title.svelte', () => ({
+  default: vi.fn(),
+}))
+
+describe('ExploreTitle.svelte', () => {
+  beforeEach(() => {
+    vi.resetAllMocks()
+    vi.mocked(fetchTitleBySid).mockResolvedValue(title)
+
+    history.pushState({}, '', '/')
+  })
+
+  it('Should render empty state when no sid is in the URL', async () => {
+    const { getByText } = render(TitleDetail)
+
+    await waitFor(() => {
+      expect(getByText('Page not found')).toBeTruthy()
+    })
+  })
+
+  it('Should call fetchTitleBySid with sid from URL', async () => {
+    history.pushState({}, '', '?sid=some-sid')
+
+    render(TitleDetail)
+
+    expect(fetchTitleBySid).toHaveBeenCalledWith('some-sid')
+  })
+
+  it('Should render loading state while fetching', async () => {
+    history.pushState({}, '', '?sid=some-sid')
+    vi.mocked(fetchTitleBySid).mockReturnValue(new Promise(() => {}))
+
+    const { getByText } = render(TitleDetail)
+
+    expect(getByText('Loading...')).toBeTruthy()
+  })
+
+  it('Should render the title when fetchTitleBySid resolves', async () => {
+    history.pushState({}, '', '?sid=some-sid')
+
+    const { getByTestId } = render(TitleDetail)
+
+    await waitFor(() => {
+      expect(getByTestId('title')).toBeTruthy()
+    })
+  })
+
+  it('Should render empty state when fetchTitleBySid rejects', async () => {
+    history.pushState({}, '', '?sid=some-sid')
+    vi.mocked(fetchTitleBySid).mockRejectedValue(new Error('Not found'))
+
+    const { getByText } = render(TitleDetail)
+
+    await waitFor(() => {
+      expect(getByText('Page not found')).toBeTruthy()
+    })
+  })
+
+  it('Should call navigate with "home" when back button is clicked', async () => {
+    history.pushState({}, '', '?sid=some-sid')
+
+    const navigate = vi.fn()
+
+    const { getByText } = render(TitleDetail, { navigate })
+
+    await fireEvent.click(getByText('Home'))
+
+    expect(navigate).toHaveBeenCalledWith('home')
+  })
+
+  it('Should not call fetchTitleBySid when no sid is in the URL', async () => {
+    render(TitleDetail)
+
+    expect(fetchTitleBySid).not.toHaveBeenCalled()
+  })
+})