@playpilot/tpi 5.14.0 → 5.15.0

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

@@ -2,18 +2,23 @@ import { fireEvent, render } from '@testing-library/svelte'
 import { describe, expect, it, vi } from 'vitest'
 
 import Playlink from '../../../routes/components/Playlink.svelte'
+import { hasConsentedTo } from '$lib/consent'
 
 vi.mock('$lib/tracking', () => ({
   track: vi.fn(),
 }))
 
+vi.mock('$lib/consent', () => ({
+  hasConsentedTo: vi.fn(() => true),
+}))
+
 vi.mock('svelte', async (importActual) => ({
   ...(await importActual()),
   getContext: vi.fn(),
 }))
 
 describe('Playlink.svelte', () => {
-  const playlink = { name: 'Some playlink', logo_url: 'logo', extra_info: { category: 'SVOD' } }
+  const playlink = { name: 'Some playlink', logo_url: 'logo', url: 'https://playpilot.com/', extra_info: { category: 'SVOD' } }
 
   it('Should render category as words', () => {
     // @ts-ignore
@@ -93,6 +98,22 @@ describe('Playlink.svelte', () => {
     expect(getByText('Some action text')).toBeTruthy()
   })
 
+  it('Should render as link when user has consented to affiliate', () => {
+    // @ts-ignore
+    const { getByRole } = render(Playlink, { playlink })
+
+    expect(getByRole('link')).toBeTruthy()
+  })
+
+  it('Should not render as link when user has not consented to affiliate', () => {
+    vi.mocked(hasConsentedTo).mockImplementation(() => false)
+
+    // @ts-ignore
+    const { queryByRole } = render(Playlink, { playlink })
+
+    expect(queryByRole('link')).not.toBeTruthy()
+  })
+
   it('Should not render disclaimer when not given', () => {
     // @ts-ignore
     const { queryByTestId } = render(Playlink, { disclaimer: '', playlink })

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/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(/=.*/, '=;'))