@playpilot/tpi 5.14.0 → 5.16.0

package/src/tests/routes/components/PlaylinkIcon.test.js

@@ -0,0 +1,27 @@
+import { fireEvent, render } from '@testing-library/svelte'
+import { describe, expect, it, vi } from 'vitest'
+
+import PlaylinkIcon from '../../../routes/components/PlaylinkIcon.svelte'
+
+describe('PlaylinkIcon.svelte', () => {
+  const playlink = { name: 'Some playlink', logo_url: 'logo', extra_info: { category: 'SVOD' } }
+
+  it('Should call given onclick function', async () => {
+    const onclick = vi.fn()
+
+    // @ts-ignore
+    const { getByAltText } = render(PlaylinkIcon, { playlink, onclick })
+
+    await fireEvent.click(getByAltText(playlink.name))
+
+    expect(onclick).toHaveBeenCalled()
+  })
+
+  it('Should render playlink with given size', () => {
+    // @ts-ignore
+    const { getByAltText } = render(PlaylinkIcon, { playlink, size: 20 })
+
+    expect(getByAltText(playlink.name).getAttribute('width')).toBe('20')
+    expect(getByAltText(playlink.name).getAttribute('height')).toBe('20')
+  })
+})

package/src/tests/routes/components/PlaylinkLabel.test.js

@@ -0,0 +1,19 @@
+import { fireEvent, render } from '@testing-library/svelte'
+import { describe, expect, it, vi } from 'vitest'
+
+import PlaylinkLabel from '../../../routes/components/PlaylinkLabel.svelte'
+
+describe('PlaylinkLabel.svelte', () => {
+  const playlink = { name: 'Some playlink', logo_url: 'logo', extra_info: { category: 'SVOD' } }
+
+  it('Should call given onclick function', async () => {
+    const onclick = vi.fn()
+
+    // @ts-ignore
+    const { getByText } = render(PlaylinkLabel, { playlink, onclick })
+
+    await fireEvent.click(getByText(playlink.name))
+
+    expect(onclick).toHaveBeenCalled()
+  })
+})

package/src/tests/routes/components/Rails/ParticipantsRail.test.js

@@ -0,0 +1,41 @@
+import { fireEvent, render } from '@testing-library/svelte'
+import { describe, expect, it, vi } from 'vitest'
+
+import ParticipantsRail from '../../../../routes/components/Rails/ParticipantsRail.svelte'
+import { openModal } from '$lib/modal'
+
+vi.mock('$lib/modal', () => ({
+  openModal: vi.fn(),
+}))
+
+describe('ParticipantsRail.svelte', () => {
+  const participants = [
+    { name: 'Some name', character: 'Some character' },
+    { name: 'Some second name', character: 'Second second character' },
+  ]
+
+  it('Should render each given participant', () => {
+    // @ts-ignore
+    const { getByText } = render(ParticipantsRail, { participants })
+
+    expect(getByText('Some name')).toBeTruthy()
+    expect(getByText('Some second name')).toBeTruthy()
+  })
+
+  it('Should handle not being given any participants', () => {
+    /** @type {import('$lib/types/participant').ParticipantData[]} */
+    const participants = []
+    const { container } = render(ParticipantsRail, { participants })
+
+    expect(container.querySelectorAll('.participant').length).toBe(0)
+  })
+
+  it('Should open modal on click of participant', async () => {
+    // @ts-ignore
+    const { getAllByRole } = render(ParticipantsRail, { participants })
+
+    await fireEvent.click(getAllByRole('button')[0])
+
+    expect(openModal).toHaveBeenCalledWith({ event: expect.any(Object), type: 'participant', data: participants[0] })
+  })
+})

package/src/tests/routes/components/Rails/TitleRail.test.js

@@ -0,0 +1,38 @@
+import { fireEvent, render, waitFor } from '@testing-library/svelte'
+import { describe, expect, it, vi } from 'vitest'
+
+import TitlesRail from '../../../../routes/components/Rails/TitlesRail.svelte'
+import { title } from '$lib/fakeData'
+import { openModal } from '$lib/modal'
+
+vi.mock('$lib/modal', () => ({
+  openModal: vi.fn(),
+}))
+
+describe('TitlesRail.svelte', () => {
+  it('Should show loading state while promise is resolving', async () => {
+    // @ts-ignore
+    const { queryAllByTestId } = render(TitlesRail, { titles: new Promise(res => setTimeout(res, 100)) })
+
+    expect(queryAllByTestId('skeleton')).toHaveLength(8)
+
+    await waitFor(() => {
+      expect(queryAllByTestId('skeleton')).toHaveLength(0)
+    })
+  })
+
+  it('Should render all titles', async () => {
+    const { getAllByTestId, getAllByRole } = render(TitlesRail, { titles: [title, title] })
+
+    expect(getAllByTestId('title')).toHaveLength(2)
+    expect(getAllByRole('link')[0].getAttribute('href')).toBe(`https://www.playpilot.com/series/${title.slug}`)
+  })
+
+  it('Should fire openModal when title is clicked', async () => {
+    const { getAllByRole } = render(TitlesRail, { titles: [title] })
+
+    await fireEvent.click(getAllByRole('link')[0])
+
+    expect(openModal).toHaveBeenCalledWith({ event: expect.any(Object), data: title })
+  })
+})

package/src/tests/routes/components/TitleModal.test.js

@@ -5,6 +5,11 @@ import TitleModal from '../../../routes/components/TitleModal.svelte'
 import { title } from '$lib/fakeData'
 import { track } from '$lib/tracking'
 import { TrackingEvent } from '$lib/enums/TrackingEvent'
+import { hasConsentedTo } from '$lib/consent'
+
+vi.mock('$lib/consent', () => ({
+  hasConsentedTo: vi.fn(() => true),
+}))
 
 vi.mock('$lib/tracking', () => ({
   track: vi.fn(),
@@ -13,6 +18,7 @@ vi.mock('$lib/tracking', () => ({
 describe('TitleModal.svelte', () => {
   beforeEach(() => {
     vi.resetAllMocks()
+    vi.mocked(hasConsentedTo).mockImplementation(() => true)
   })
 
   afterEach(() => {

package/src/tests/routes/components/TitlePopover.test.js

@@ -5,6 +5,11 @@ import TitlePopover from '../../../routes/components/TitlePopover.svelte'
 import { title } from '$lib/fakeData'
 import { track } from '$lib/tracking'
 import { TrackingEvent } from '$lib/enums/TrackingEvent'
+import { hasConsentedTo } from '$lib/consent'
+
+vi.mock('$lib/consent', () => ({
+  hasConsentedTo: vi.fn(() => true),
+}))
 
 vi.mock('$lib/tracking', () => ({
   track: vi.fn(),
@@ -13,6 +18,7 @@ vi.mock('$lib/tracking', () => ({
 describe('TitlePopover.svelte', () => {
   beforeEach(() => {
     vi.resetAllMocks()
+    vi.mocked(hasConsentedTo).mockImplementation(() => true)
   })
 
   afterEach(() => {

package/src/tests/routes/components/TitlePoster.test.js

@@ -0,0 +1,20 @@
+import { render  } from '@testing-library/svelte'
+import { describe, expect, it } from 'vitest'
+
+import TitlePoster from '../../../routes/components/TitlePoster.svelte'
+import { title } from '$lib/fakeData'
+
+describe('Title.svelte', () => {
+  it('Should render the given image', () => {
+    const { getByAltText } = render(TitlePoster, { title })
+
+    expect(getByAltText(`Movie poster for '${title.title}'`)).toBeTruthy()
+  })
+
+  it('Should include the given width and height', () => {
+    const { getByAltText } = render(TitlePoster, { title, width: 10, height: 20 })
+
+    expect(getByAltText(`Movie poster for '${title.title}'`).getAttribute('width')).toBe('10')
+    expect(getByAltText(`Movie poster for '${title.title}'`).getAttribute('height')).toBe('20')
+  })
+})

package/src/tests/routes/components/TrackingPixels.test.js

@@ -1,7 +1,12 @@
 import { render  } from '@testing-library/svelte'
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 
 import TrackingPixels from '../../../routes/components/TrackingPixels.svelte'
+import { hasConsentedTo } from '$lib/consent'
+
+vi.mock('$lib/consent', () => ({
+  hasConsentedTo: vi.fn(() => true),
+}))
 
 describe('TrackingPixels.svelte', () => {
   it('Should render all given pixels', () => {
@@ -12,4 +17,13 @@ describe('TrackingPixels.svelte', () => {
     expect(/** @type {HTMLImageElement} */ (getAllByRole('presentation')[0]).src).toBe('https://image.com/a.jpg')
     expect(/** @type {HTMLImageElement} */ (getAllByRole('presentation')[1]).src).toBe('https://image.com/b.jpg')
   })
+
+  it('Should not render any pixels when user has not consented', () => {
+    vi.mocked(hasConsentedTo).mockImplementation(() => false)
+
+    const pixels = ['https://image.com/a.jpg', 'https://image.com/b.jpg']
+    const { queryByRole } = render(TrackingPixels, { pixels })
+
+    expect(queryByRole('presentation')).not.toBeTruthy()
+  })
 })

package/src/tests/setup.js

@@ -73,7 +73,20 @@ beforeAll(() => {
 
 beforeEach(() => {
   // @ts-ignore
-  window.PlayPilotLinkInjections = { token: 'some-token' }
+  window.PlayPilotLinkInjections = { token: 'some-token', require_consent: false }
+
+  // Enable all consent
+  // @ts-ignore
+  window.__tcfapi = (command, _version, callback) => {
+    if (command !== 'addEventListener') return
+
+    setTimeout(() => callback({
+      purpose: { consents: { 1: true, 2: true, 7: true, 8: true, 9: true, 10: true } },
+      eventStatus: 'tcloaded',
+    }, true), 0)
+
+    return 1
+  }
 
   // Reset cookies
   document.cookie.split(';').forEach((cookie) => document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, '=;'))