@playpilot/tpi 8.35.0-beta.1 → 8.35.0-beta.2

package/src/tests/routes/components/Participants/Participant.test.js

@@ -3,15 +3,15 @@ import { describe, expect, it, vi, beforeEach } from 'vitest'
 
 import Participant from '../../../../routes/components/Participants/Participant.svelte'
 import { participants, title } from '$lib/fakeData'
-import { fetchTitlesForParticipant } from '$lib/api/participants'
+import { fetchTitles } from '$lib/api/titles'
 import { Sorting } from '$lib/enums/Sorting'
 
 vi.mock('$lib/tracking', () => ({
   track: vi.fn(),
 }))
 
-vi.mock('$lib/api/participants', () => ({
-  fetchTitlesForParticipant: vi.fn(),
+vi.mock('$lib/api/titles', () => ({
+  fetchTitles: vi.fn(),
 }))
 
 describe('Participant.svelte', () => {
@@ -19,18 +19,20 @@ describe('Participant.svelte', () => {
     vi.resetAllMocks()
   })
 
-  it('Should call fetchTitlesForParticipant on mount', () => {
+  it('Should call fetchTitles on mount', async () => {
     render(Participant, { participant: participants[0] })
 
-    expect(fetchTitlesForParticipant).toHaveBeenCalledWith(participants[0], { page: 1, sorting: Sorting.Popular })
+    await waitFor(() => {
+      expect(fetchTitles).toHaveBeenCalled()
+    })
   })
 
   it('Should render fetched titles after showing skeletons', async () => {
-    vi.mocked(fetchTitlesForParticipant).mockResolvedValueOnce([title, title])
+    vi.mocked(fetchTitles).mockResolvedValueOnce({ results: [title, title], next: 'next', previous: 'previous' })
 
     const { getAllByTestId } = render(Participant, { participant: participants[0] })
 
-    expect(getAllByTestId('skeleton')).toHaveLength(6)
+    expect(getAllByTestId('skeleton')).toHaveLength(24)
 
     await waitFor(() => {
       expect(getAllByTestId('title')).toHaveLength(2)
@@ -38,7 +40,7 @@ describe('Participant.svelte', () => {
   })
 
   it('Should not show load more button while loading and when fewer than page size of titles are fetched', async () => {
-    vi.mocked(fetchTitlesForParticipant).mockResolvedValueOnce([title, title])
+    vi.mocked(fetchTitles).mockResolvedValueOnce({ results: [title, title], next: 'next', previous: 'previous' })
 
     const { queryByText, getAllByTestId } = render(Participant, { participant: participants[0] })
 
@@ -52,8 +54,8 @@ describe('Participant.svelte', () => {
   })
 
   it('Should show load more button after loading and if more than page size of titles are fetched', async () => {
-    const resolved = Array(30).fill(title)
-    vi.mocked(fetchTitlesForParticipant).mockResolvedValueOnce(resolved)
+    const resolved = ({ results: Array(30).fill(title), next: 'next', previous: 'previous' })
+    vi.mocked(fetchTitles).mockResolvedValueOnce(resolved)
 
     const { getByText } = render(Participant, { participant: participants[0] })
 
@@ -63,8 +65,8 @@ describe('Participant.svelte', () => {
   })
 
   it('Should fetch more titles when load more button is clicked', async () => {
-    const resolved = Array(30).fill(title)
-    vi.mocked(fetchTitlesForParticipant).mockResolvedValueOnce(resolved)
+    const resolved = ({ results: Array(30).fill(title), next: 'next', previous: 'previous' })
+    vi.mocked(fetchTitles).mockResolvedValueOnce(resolved)
 
     const { getByText } = render(Participant, { participant: participants[0] })
 
@@ -72,7 +74,34 @@ describe('Participant.svelte', () => {
 
     await fireEvent.click(getByText('Show more'))
 
-    expect(fetchTitlesForParticipant).toHaveBeenCalledWith(participants[0], { page: 2, sorting: Sorting.Popular })
+    expect(fetchTitles).toHaveBeenCalledWith({ page: 2, page_size: expect.any(Number), participant_job: null, participant_sid: participants[0].sid })
+  })
+
+  it('Should include participant role in fetchTitles when selected and refetch', async () => {
+    const resolved = ({ results: Array(30).fill(title), next: 'next', previous: 'previous' })
+    vi.mocked(fetchTitles).mockResolvedValueOnce(resolved)
+
+    const { getByText } = render(Participant, { participant: participants[0] })
+
+    await fireEvent.click(getByText('Actor'))
+
+    await waitFor(() => {
+      expect(fetchTitles).toHaveBeenCalledWith(expect.objectContaining({ participant_job: 'actor' }))
+    })
+  })
+
+  it('Should include selected sorting specific to participants', async () => {
+    const resolved = ({ results: Array(30).fill(title), next: 'next', previous: 'previous' })
+    vi.mocked(fetchTitles).mockResolvedValueOnce(resolved)
+
+    const { getByText } = render(Participant, { participant: participants[0] })
+
+    await fireEvent.click(getByText('Sort by'))
+    await fireEvent.click(getByText('Year'))
+
+    await waitFor(() => {
+      expect(fetchTitles).toHaveBeenCalledWith(expect.objectContaining({ ordering: Sorting.Chronological }))
+    })
   })
 
   it('Should render as small variant when given', () => {
@@ -93,11 +122,20 @@ describe('Participant.svelte', () => {
   })
 
   it('Should not render image if not given', async () => {
-
     const { queryByRole } = render(Participant, { participant: participants[0] })
 
     await waitFor(() => {
       expect(queryByRole('presentation')).not.toBeTruthy()
     })
   })
+
+  it('Should render description and toggle more on click of Read more button', async () => {
+    const { getByText } = render(Participant, { participant: participants[0] })
+
+    expect(getByText(participants[0].description)).toBeTruthy()
+
+    await fireEvent.click(getByText('Read more'))
+
+    expect(getByText('Read less')).toBeTruthy()
+  })
 })