@playpilot/tpi 8.41.0 → 8.42.0-beta.1

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

@@ -1,1548 +1,1520 @@
-import { fireEvent } from '@testing-library/svelte'
-import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest'
-
-import { injectLinksInDocument, clearLinkInjections, clearLinkInjection, isAvailableAsManualInjection, filterRemovedAndInactiveInjections, isEquivalentInjection, filterInvalidInTextInjections, filterInvalidAfterArticleInjections, isValidInjection, isValidPlaylinkType, removePlayPilotTitleLinks, hasValidTypeData, doesParticipantMeetThreshold } from '$lib/injection'
-import { mount, unmount } from 'svelte'
-import { fakeFetch, generateInjection } from '../helpers'
-import { openModalForInjectedLink } from '$lib/modal'
-import { getLinkInjectionElements } from '$lib/injectionElements'
-import { participants } from '$lib/fakeData'
-import { titleUrl } from '$lib/routes'
-
-vi.mock('svelte', () => ({
-  mount: vi.fn(),
-  unmount: vi.fn(),
-}))
-
-vi.mock('$lib/modal', () => ({
-  openModal: vi.fn(),
-  destroyAllModals: vi.fn(),
-  getPreviousModal: vi.fn(),
-  goBackToPreviousModal: vi.fn(),
-  openModalForInjectedLink: vi.fn(),
-}))
-
-vi.mock('$lib/tracking', () => ({
-  track: vi.fn(),
-}))
-
-function mockMatchMedia(matches = false) {
-  Object.defineProperty(window, 'matchMedia', {
-    writable: true,
-    value: vi.fn().mockImplementation((query) => ({
-      matches,
-      media: query,
-    })),
-  })
-}
-
-describe('injection.ts', () => {
-  beforeEach(() => {
-    vi.resetAllMocks()
-    clearLinkInjections()
-
-    mockMatchMedia()
-    fakeFetch()
-    vi.mocked(mount).mockReturnValueOnce({})
-
-    // @ts-ignore
-    window.PlayPilotLinkInjections = {}
-  })
-
-  afterEach(() => {
-    vi.useRealTimers()
-  })
-
-  describe('injectLinksInDocument', () => {
-    it('Should replace given words with injections', () => {
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-      const linkInjections = [injection]
-
-      document.body.innerHTML = `<p>${injection.sentence}</p>`
-
-      const elements = Array.from(document.querySelectorAll('p'))
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
-
-      // @ts-ignore
-      expect(link.href).toBe(titleUrl(injection.title_details))
-      expect(link.innerText).toBe(injection.title)
-    })
-
-    it('Should replace given words as expected when more than 1 injection per sentence is present', () => {
-      const sentence = 'This is a sentence with an injection.'
-      const linkInjections = [
-        generateInjection(sentence, 'a sentence'),
-        generateInjection(sentence, 'an injection'),
-      ]
-
-      document.body.innerHTML = `<p>${sentence}</p>`
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
-
-      // @ts-ignore
-      expect(links[0].href).toBe(titleUrl(linkInjections[0].title_details))
-      expect(links[0].innerText).toBe(linkInjections[0].title)
-
-      // @ts-ignore
-      expect(links[1].href).toBe(titleUrl(linkInjections[1].title_details))
-      expect(links[1].innerText).toBe(linkInjections[1].title)
-    })
-
-    it('Should ignore injections that are marked as inactive', () => {
-      const sentence = 'This is a sentence with an injection.'
-      const injection = generateInjection(sentence, 'an injection')
-      const linkInjections = [{ ...injection, inactive: true }]
-
-      document.body.innerHTML = `<p>${sentence}</p>`
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      expect(document.body.innerHTML).toBe(`<p>${sentence}</p>`)
-    })
-
-    it('Should ignore injections that are marked as removed', () => {
-      const sentence = 'This is a sentence with an injection.'
-      const injection = generateInjection(sentence, 'an injection')
-      const linkInjections = [{ ...injection, removed: true }]
-
-      document.body.innerHTML = `<p>${sentence}</p>`
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      expect(document.body.innerHTML).toBe(`<p>${sentence}</p>`)
-    })
-
-    it('Should ignore AI injections that are marked as removed as a matching manual injections', () => {
-      const sentence = 'This is a sentence with an injection.'
-      const injection = generateInjection(sentence, 'an injection')
-
-      document.body.innerHTML = `<p>${sentence}</p>`
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      const injections = {
-        aiInjections: [injection],
-        manualInjections: [{ ...injection, manual: true, removed: true }],
-      }
-
-      injectLinksInDocument(elements, injections)
-
-      expect(document.body.innerHTML).toBe(`<p>${sentence}</p>`)
-    })
-
-    it('Should ignore AI injections that are marked as inactive as a matching manual injections', () => {
-      const sentence = 'This is a sentence with an injection.'
-      const injection = generateInjection(sentence, 'an injection')
-
-      document.body.innerHTML = `<p>${sentence}</p>`
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      const injections = {
-        aiInjections: [injection],
-        manualInjections: [{ ...injection, manual: true, inactive: true }],
-      }
-
-      injectLinksInDocument(elements, injections)
-
-      expect(document.body.innerHTML).toBe(`<p>${sentence}</p>`)
-    })
-
-    it('Should keep existing HTML elements intact', () => {
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-      const linkInjections = [injection]
-
-      document.body.innerHTML = '<p>This is a <button>sentence</button> with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const button = /** @type {HTMLButtonElement} */ (document.querySelector('button'))
-
-      expect(button.innerText).toBe('sentence')
-    })
-
-    it('Should ignore elements that were not selected', () => {
-      document.body.innerHTML = '<h1>I am a title</h1><p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('I am a title', 'a title')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.body.innerHTML.includes(injection.sentence)).toBeTruthy()
-    })
-
-    it('Should ignore partial matches due to interfering elements', () => {
-      document.body.innerHTML = '<p>This is a sentence with <strong>an</strong> injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.body.innerHTML.includes('an injection')).not.toBeTruthy()
-      expect(document.body.innerHTML.includes('an')).toBeTruthy()
-    })
-
-    it('Should ignore encoded characters in given sentences', () => {
-      document.body.innerHTML = '<p>This is a sentence & an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence &amp; an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('a')).toHaveLength(1)
-    })
-
-    it('Should ignore matches due to parent links', () => {
-      document.body.innerHTML = '<p>This is <a>a sentence</a> with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'a sentence')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelector('[data-playpilot-injection-key]')).not.toBeTruthy()
-    })
-
-    it('Should ignore matches inside of attributes inside of links', () => {
-      document.body.innerHTML = '<p>This is <a data-thing="some word">a sentence</a> with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'some word')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelector('[data-playpilot-injection-key]')).not.toBeTruthy()
-    })
-
-    it('Should ignore matches inside of attributes inside of links but still inject into other matches', () => {
-      document.body.innerHTML = '<p>This is <a data-thing="some word">some word</a> with an injection in some word.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is some word with an injection in some word.', 'some word')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('a')).toHaveLength(2)
-      expect(document.querySelector('[data-playpilot-injection-key]')).toBeTruthy()
-    })
-
-    it('Should skip links and replace other words instead', () => {
-      document.body.innerHTML = '<p>This is <a>a word</a> with a word.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a word with a word.', 'a word')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('a')).toHaveLength(2)
-      expect(Array.from(document.querySelectorAll('a')).filter(a => a.innerText === 'a word')).toHaveLength(2)
-    })
-
-    it('Should skip links inside of other elements and replace other words instead', () => {
-      document.body.innerHTML = '<p>This is <em><a>a word</a></em> with a word.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a word with a word.', 'a word')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('a')).toHaveLength(2)
-      expect(Array.from(document.querySelectorAll('a')).filter(a => a.innerText === 'a word')).toHaveLength(2)
-    })
-
-    it('Should skip partial matches in sentences that are broken up by different nodes but have the same match', () => {
-      document.body.innerHTML = '<p>This is <a>a word</a> with a word.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('this is a word with a word.', 'a word')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('a')).toHaveLength(2)
-      expect(Array.from(document.querySelectorAll('a')).filter(a => a.innerText === 'a word')).toHaveLength(2)
-      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
-    })
-
-    it('Should inject into correct sentence when element contains other sentences with the same matching title', () => {
-      document.body.innerHTML = '<p>This is a match. But this sentence is a match.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('But this sentence is a match.', 'a match')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.body.innerHTML).toContain('This is a match')
-      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
-    })
-
-    it('Should inject properly when sentence contains element that are not part of the match', () => {
-      document.body.innerHTML = '<p>This is <a>a sentence</a> with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelector('[data-playpilot-injection-key]')).toBeTruthy()
-    })
-
-    it('Should inject correctly when sentence is broken up by html and element contains multiple matches', () => {
-      document.body.innerHTML = '<p>This is some match. Some other sentence with a match. But this is yet another <em>sentence</em> with a match.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      const injections = [
-        generateInjection('This is some match.', 'some match'),
-        generateInjection('But this is yet another sentence with a match.', 'a match'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
-
-      expect(document.body.innerHTML).toContain('Some other sentence with a match')
-      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
-    })
-
-    it('Should disregard missing trailing periods', () => {
-      document.body.innerHTML = '<p>This is a sentence with a phrase in it</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with a phrase in it.', 'a phrase')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
-    })
-
-    it('Should disregard additional quotes', () => {
-      document.body.innerHTML = '<p>This is part of a paragraph. This is a sentence with a phrase in it."</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('"This is a sentence with a phrase in it."', 'a phrase')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
-    })
-
-    it('Should disregard differences in accents', () => {
-      document.body.innerHTML = '<p>This is à sentence with a phràse in it."</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with a phrase in it.', 'a phràse')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
-    })
-
-    it('Should treat different types of quotes as the same', () => {
-      document.body.innerHTML = '<p>This is a “sentence” with a "phrase" in it.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a "sentence" with a \'phrase’ in it.', 'phrase')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
-    })
-
-    it('Should disregard differences in special characters', () => {
-      document.body.innerHTML = '<p>This -> is a sentence, with a phrase - in it.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with a _phrase_ in it.', 'phrase')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
-    })
-
-    it('Should leave the text intact if no injections were found', () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      /** @type {import('$lib/types/injection').LinkInjection[]} */
-      const linkInjections = []
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      expect(document.body.innerHTML.includes('This is a sentence with an injection.')).toBeTruthy()
-    })
-
-    it('Should handle not receiving elements or injections', () => {
-      /** @type {HTMLElement[]} */
-      const elements = []
-
-      /** @type {import('$lib/types/injection').LinkInjection[]} */
-      const linkInjections = []
-
-      expect(() => injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })).not.toThrow()
-    })
-
-    it('Should open modal when link is clicked', async () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
-      await fireEvent.click(link)
-
-      expect(openModalForInjectedLink).toHaveBeenCalled()
-    })
-
-    it('Should not fire given onclick function when clicked with modifier keys or not left click', async () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      const mock = vi.fn()
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
-
-      await fireEvent.click(link, { ctrlKey: true })
-      await fireEvent.click(link, { metaKey: true })
-      await fireEvent.click(link, { button: 1 })
-      await fireEvent.click(link, { button: 2 })
-
-      expect(mock).not.toHaveBeenCalled()
-    })
-
-    it('Should return array with failed injections marked as such', () => {
-      const sentence = 'This is a sentence with an injection.'
-      document.body.innerHTML = `<p>${sentence}</p>`
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      const linkInjections = [
-        generateInjection(sentence, 'a sentence'),
-        generateInjection(sentence, 'not an injection'),
-      ]
-
-      const results = injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      expect(results[0].failed).toBe(false)
-      expect(results[1].failed).toBe(true)
-    })
-
-    it('Should return corresponding messages for failed injections', () => {
-      const sentence = 'This is <a href="/">a sentence</a> with an injection.'
-      document.body.innerHTML = `<p>${sentence}</p>`
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      const manuallyRemoved = generateInjection(sentence, 'an injection')
-
-      const linkInjections = [
-        generateInjection(sentence, 'a sentence'),
-        generateInjection('Some unknown sentence', 'nothing'),
-        { ...manuallyRemoved, duplicate: true, removed: true, manual: true },
-      ]
-
-      const results = injectLinksInDocument(elements, { aiInjections: [manuallyRemoved], manualInjections: linkInjections })
-
-      expect(results[0].failed_message).toBe('Given text is already inside of a link.')
-      expect(results[1].failed_message).toBe('Given sentence was not found in the article.')
-      expect(results[2].failed_message).toBe('')
-      expect(results[3].failed_message).toBe('Injection was manually removed.')
-    })
-
-    it('Should return sentence message if text was found in full body text but not in individual elements', () => {
-      document.body.innerHTML = '<article><p>Some sentence</p><p>that is broken in two</p></main>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const linkInjections = [generateInjection('Some sentence that is broken in two', 'broken')]
-
-      const results = injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      expect(results[0].failed_message).toBe('Given sentence was not found in the article.')
-    })
-
-    it('Should disregard spaces and special characters in failed message', () => {
-      const sentence = 'This is a &amp; sentence with an injection.'
-      document.body.innerHTML = `<p>${sentence}</p>`
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-
-      const linkInjections = [
-        generateInjection('This is a&sentence with aninjection.', 'an injection'),
-        generateInjection('This is a&sentence with aninjection.', 'nothing'),
-      ]
-
-      const results = injectLinksInDocument(elements, { aiInjections: [], manualInjections: linkInjections })
-
-      expect(results[0].failed_message).not.toBeTruthy()
-      expect(results[1].failed_message).toBe('The link failed to inject for unknown reasons.')
-    })
-
-    it('Should mount popover component when element other than popover or link is hovered', async () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
-
-      vi.useFakeTimers()
-
-      await fireEvent.mouseEnter(link)
-      vi.advanceTimersByTime(200)
-      expect(mount).toHaveBeenCalled()
-
-      await fireEvent.mouseMove(link)
-      expect(unmount).not.toHaveBeenCalled()
-
-      await fireEvent.mouseMove(document.body)
-      expect(unmount).toHaveBeenCalled()
-    })
-
-    it('Should mount popover on mouseover again after previously having mounted and unmounted that same popover', async () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
-
-      vi.useFakeTimers()
-
-      await fireEvent.mouseEnter(link)
-      vi.advanceTimersByTime(200)
-      await fireEvent.mouseMove(document.body)
-      await fireEvent.mouseEnter(link)
-      vi.advanceTimersByTime(200)
-
-      expect(mount).toHaveBeenCalledTimes(2)
-    })
-
-    it('Should not mount popover on mouseover if not hovered for long enough duration', async () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
-
-      vi.useFakeTimers()
-
-      await fireEvent.mouseEnter(link)
-      vi.advanceTimersByTime(50)
-      await fireEvent.mouseLeave(link)
-      vi.advanceTimersByTime(500)
-
-      expect(mount).not.toHaveBeenCalled()
-    })
-
-    it('Should not mount popover on mouseover again if link is already being hovered', async () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injections = [
-        generateInjection('This is a sentence with an injection.', 'a sentence'),
-        generateInjection('This is a sentence with an injection.', 'an injection'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
-
-      const [link1, link2] = document.querySelectorAll('[data-playpilot-injection-key]')
-
-      vi.useFakeTimers()
-
-      await fireEvent.mouseEnter(link1)
-      vi.advanceTimersByTime(200)
-      await fireEvent.mouseEnter(link2)
-      vi.advanceTimersByTime(500)
-
-      expect(mount).toHaveBeenCalledTimes(1)
-    })
-
-    it('Should remove all popovers that may not have been removed properly in previous destroy attempts', async () => {
-      document.body.innerHTML = '<div data-playpilot-injection-key></div><div data-playpilot-injection-popover></div> <p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
-
-      vi.useFakeTimers()
-
-      await fireEvent.mouseEnter(link)
-      await fireEvent.mouseMove(document.body)
-      vi.advanceTimersByTime(200)
-
-      expect(document.querySelectorAll('[data-playpilot-injection-popover]')).toHaveLength(0)
-    })
-
-    it('Should inject links of the same phrase when multiple are present', () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection and another injection</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-
-      const sentence = 'This is a sentence with an injection and another injection'
-      const linkInjections = [
-        generateInjection(sentence, 'injection'),
-        generateInjection(sentence, 'injection'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('[data-playpilot-injection-key]')))
-
-      expect(links).toHaveLength(2)
-      expect(links[0].dataset.playpilotInjectionKey).toBe(linkInjections[0].key)
-      expect(links[1].dataset.playpilotInjectionKey).toBe(linkInjections[1].key)
-    })
-
-    it('Should inject links of the same phrase when multiple are present, but ignore injectios into links that contain the same phrase', () => {
-      document.body.innerHTML = '<p>First phrase, <a href="/phrase">second</a> phrase</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-
-      const sentence = 'First phrase, second phrase'
-      const linkInjections = [
-        generateInjection(sentence, 'phrase'),
-        generateInjection(sentence, 'phrase'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
-
-      expect(links).toHaveLength(3)
-    })
-
-    it('Should inject link properly when sentence already contains match of the same phrase but the sentence is broken up by HTML very early in the sentence.', () => {
-      document.body.innerHTML = '<p>A <em><a>phrase</a></em> within a sentence. Another <strong>sentence</strong> with a <em>phrase</em> in it.</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-
-      const linkInjections = [generateInjection('Another sentence with a phrase in it.', 'phrase')]
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
-
-      expect(links).toHaveLength(2)
-    })
-
-    it('Should inject link properly when sentence already contains partial match of the same phrase when the sentence is broken up by html.', () => {
-      document.body.innerHTML = '<p>Some sentence with a phrase: something, and another phrase.</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-
-      const linkInjections = [
-        generateInjection('Some sentence with a phrase: something, and another phrase.', 'phrase: something'),
-        generateInjection('Some sentence with a phrase: something, and another phrase.', 'phrase'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
-
-      expect(links).toHaveLength(2)
-    })
-
-    it('Should inject longer titles before shorter titles', () => {
-      document.body.innerHTML = '<p>Some sentence with phrase 2, and another phrase.</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-
-      const linkInjections = [
-        generateInjection('Some sentence with phrase 2, and another phrase.', 'phrase'),
-        generateInjection('Some sentence with phrase 2, and another phrase.', 'phrase 2'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
-
-      expect(links).toHaveLength(2)
-      expect(links[0].innerText).toBe('phrase 2')
-      expect(links[1].innerText).toBe('phrase')
-    })
-
-    it('Should not inject links into element attributes', () => {
-      document.body.innerHTML = '<p><span data-thing="phrase">Some</span> phrase</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-
-      const sentence = 'Some phrase'
-      const linkInjections = [
-        generateInjection(sentence, 'phrase'),
-        generateInjection(sentence, 'phrase'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
-
-      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('[data-playpilot-injection-key]')))
-
-      expect(links).toHaveLength(1)
-      expect(document.body.innerText).toBe(sentence)
-    })
-
-    it('Should not inject injections with in_text set to false', () => {
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-      const injection = { ...generateInjection('This is a sentence with an injection.', 'an injection'), in_text: false }
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelector('a')).not.toBeTruthy()
-    })
-
-    it('Should not inject injections into already existing links when the page contains multiple sentences of the same text where one has an existing link and the other does not.', () => {
-      document.body.innerHTML = '<p>This is a <a href="#">phrase</a>.</p> <p>This is a phrase.</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-      const injection = generateInjection('This is a phrase.', 'phrase')
-
-      injectLinksInDocument(elements, { aiInjections: [injection, injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('a')).toHaveLength(1)
-    })
-
-    it('Should not inject injections into already existing links when multiple injections are present for the same phrase in the same sentence that only contain the phrase once and the phrase is broken up by HTML', () => {
-      document.body.innerHTML = '<p>This is a <strong>phr</strong>ase.</p>'
-
-      const elements = Array.from(document.querySelectorAll('p'))
-      const injection = generateInjection('This is a phrase.', 'phrase')
-
-      injectLinksInDocument(elements, { aiInjections: [injection, injection], manualInjections: [] })
-
-      expect(document.querySelectorAll('a')).toHaveLength(1)
-    })
-
-    it('Should not mount popover if user uses touch', async () => {
-      mockMatchMedia(true)
-
-      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
-
-      await fireEvent.mouseEnter(link)
-      expect(mount).not.toHaveBeenCalled()
-    })
-
-    it('Should not call insertAfterArticlePlaylinks if injections only contain inactive or removed items', () => {
-      document.body.innerHTML = `<section>
-          <div>Some text</div>
-          <div>Some other text</div>
-        </section>
-      `
-
-      const elements = Array.from(document.body.querySelectorAll('div'))
-      const injection = generateInjection('Some sentence', 'an injection')
-      const linkInjections = [{ ...injection, after_article: true, inactive: true }, { ...injection, after_article: true, removed: true }]
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: linkInjections })
-
-      expect(mount).not.toHaveBeenCalled()
-      expect(document.querySelector('[data-playpilot-after-article-playlinks]')).not.toBeTruthy()
-    })
-
-    it('Should not call insertAfterArticlePlaylinks if article contains no valid injections', () => {
-      window.PlayPilotLinkInjections.config = {
-        in_text_disclaimer_enabled: true,
-      }
-
-      document.body.innerHTML = `<section>
-          <div>Some text</div>
-          <div>Some other text</div>
-        </section>
-      `
-
-      const elements = Array.from(document.body.querySelectorAll('div'))
-      const injection = generateInjection('Some sentence', 'an injection')
-      const linkInjections = [{ ...injection, inactive: true }, { ...injection, removed: true }]
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: linkInjections })
-
-      expect(mount).not.toHaveBeenCalled()
-      expect(document.querySelector('[data-playpilot-in-text-disclaimer]')).not.toBeTruthy()
-    })
-
-    it('Should call insertAfterArticlePlaylinks if article contains valid injections', () => {
-      window.PlayPilotLinkInjections.config = {
-        in_text_disclaimer_enabled: true,
-      }
-
-      document.body.innerHTML = '<p>Some sentence with an injection</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('Some sentence with an injection', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(mount).toHaveBeenCalled()
-      expect(document.querySelector('[data-playpilot-in-text-disclaimer]')).toBeTruthy()
-    })
-
-    it('Should treat sentences the same regardless of differences spaces', () => {
-      document.body.innerHTML = `<section>
-          <div>Some text</div>
-          <div>Someothertext</div>
-          <div>Some thirdtext</div>
-          <div>Some fourth text  </div>
-        </section>
-      `
-
-      const elements = Array.from(document.body.querySelectorAll('div'))
-      const injections = [
-        generateInjection('Sometext', 'Some'),
-        generateInjection('Some other text ', 'Some'),
-        generateInjection('Somethird text', 'Some'),
-        generateInjection('Some fourthtext', 'Some'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
-
-      expect(document.querySelectorAll('a')).toHaveLength(4)
-    })
-
-    it('Should treat sentences the same regardless of casings', () => {
-      document.body.innerHTML = `<section>
-          <div>Some text</div>
-          <div>Some OTHER TEXT</div>
-          <div>Some ThIrD tExT</div>
-        </section>
-      `
-
-      const elements = Array.from(document.body.querySelectorAll('div'))
-      const injections = [
-        generateInjection('Some text', 'Some'),
-        generateInjection('Some OTHER Text ', 'Some'),
-        generateInjection('Somethird text', 'Some'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
-
-      expect(document.querySelectorAll('a')).toHaveLength(3)
-    })
-
-    it('Should properly inject into lists', () => {
-      document.body.innerHTML = `<section>
-          <ul>
-            <li>First</li>
-            <li>Title</li>
-            <li>Some other title</li>
-            <li>Fourth</li>
-          </ul>
-        </section>
-      `
-
-      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
-      const injections = [
-        generateInjection('First Title Some other title', 'First'),
-        generateInjection('First Title Some other title', 'Title'),
-        generateInjection('First Title Some other title', 'Some other title'),
-        generateInjection('First Title Some other title', 'Fourth'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
-
-      expect(document.querySelectorAll('a')).toHaveLength(4)
-    })
-
-    it('Should properly inject into lists of titles that contain special characters', () => {
-      document.body.innerHTML = `<section>
-          <ul>
-            <li>Daisy Jones & The Six</li>
-            <li>Love & Death</li>
-          </ul>
-        </section>
-      `
-
-      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
-      const injections = [
-        generateInjection('Daisy Jones & The Six', 'Daisy Jones & The Six'),
-        generateInjection('Love & Death', 'Love & Death'),
-      ]
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
-
-      expect(document.querySelectorAll('a')).toHaveLength(2)
-    })
-
-    it('Should properly inject into titles that are split up by multiple elements when phrase_before and phrase_after are given', () => {
-      document.body.innerHTML = '<section>Some text with a <strong>phra</strong><strong>se</strong> in it</section>'
-
-      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
-      const injection = generateInjection('Some text with a phrase in it', 'phrase')
-      injection.phrase_before = 'with a'
-      injection.phrase_after = 'in it'
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
-
-      expect(document.querySelector('a')?.innerText).toBe(injection.title)
-    })
-
-    it('Should not inject when phrase_before and phrase_after are given, but the index would split HTML elements before the phrase', () => {
-      document.body.innerHTML = '<section>Some text <a href="#">with a phr</a>ase in it</section>'
-
-      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
-      const injection = generateInjection('Some text with a phrase in it', 'phrase')
-      injection.phrase_before = 'with a'
-      injection.phrase_after = 'in it'
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
-
-      expect(document.querySelector('[data-playpilot-injection-key]')).not.toBeTruthy()
-    })
-
-    it('Should properly inject into titles that are split up by multiple elements when only phrase_before is given', () => {
-      document.body.innerHTML = '<section>Some text with a <strong>phra</strong><strong>se</strong></section>'
-
-      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
-      const injection = generateInjection('Some text with a phrase', 'phrase')
-      injection.phrase_before = 'with a'
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
-
-      expect(document.querySelector('a')?.innerText).toBe(injection.title)
-    })
-
-    it('Should properly inject into titles that are split up by multiple elements when only phrase_after is given', () => {
-      document.body.innerHTML = '<section><strong>phra</strong><strong>se</strong> in it</section>'
-
-      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
-      const injection = generateInjection('phrase in it', 'phrase')
-      injection.phrase_after = 'in it'
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
-
-      expect(document.querySelector('a')?.innerText).toBe(injection.title)
-    })
-
-    it('Should properly inject into titles if phrase_before or phrase_after are nonsense, but title can be matched simply', () => {
-      document.body.innerHTML = '<section>Some text with a phrase in it</section>'
-
-      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
-      const injection = generateInjection('Some text with a phrase in it', 'phrase')
-      injection.phrase_before = 'random'
-      injection.phrase_after = 'crap'
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
-
-      expect(document.querySelector('a')?.innerText).toBe(injection.title)
-    })
-
-    it('Should properly inject into titles that are split up by multiple elements when neither phrase_before or phrase_after are given but the phrase occurs only once', () => {
-      document.body.innerHTML = '<section>Some text with a <strong>phra</strong><strong>se</strong> in it</section>'
-
-      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
-      const injection = generateInjection('Some text with a phrase in it', 'phrase')
-
-      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
-
-      expect(document.querySelector('a')?.innerText).toBe(injection.title)
-    })
-
-    it('Should replace existing PlayPilot links', () => {
-      document.body.innerHTML = '<p>This is a sentence with <a href="https://playpilot.com/movie/123">an injection</a>.</p>'
-
-      const elements = Array.from(document.body.querySelectorAll('p'))
-      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-      expect(document.querySelector('a')?.closest('[data-playpilot-injection-key]')).toBeTruthy()
-    })
-
-    describe('Participants', () => {
-      it('Should inject participants just as a title', () => {
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-        const injection = { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: participants[0] }
-
-        // @ts-ignore
-        injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-        expect(document.querySelector('[data-playpilot-injection-key]')).toBeTruthy()
-      })
-
-      it('Should ignore participants below a given popularity threshold', () => {
-        window.PlayPilotLinkInjections.config = {
-          participant_injection_popularity_threshold: 50,
-        }
-
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-
-        /** @type {import('$lib/types/injection').LinkInjection[]} */
-        const injections = [
-          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), type: 'participant', participant_details: { ...participants[0], popularity: 20 } },
-          { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: { ...participants[0], popularity: 70 } },
-        ]
-
-        // @ts-ignore
-        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
-
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
-      })
-
-      it('Should ignore participants popularity for manual injections', () => {
-        window.PlayPilotLinkInjections.config = {
-          participant_injection_popularity_threshold_use_article_average: false,
-          participant_injection_popularity_threshold: 50,
-        }
-
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-
-        /** @type {import('$lib/types/injection').LinkInjection[]} */
-        const injections = [
-          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), type: 'participant', manual: true, participant_details: { ...participants[0], popularity: 20 } },
-          { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', manual: true, participant_details: { ...participants[0], popularity: 70 } },
-        ]
-
-        // @ts-ignore
-        injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
-
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
-      })
-
-      it('Should include injection type on element', () => {
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-        const injections = [
-          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), type: 'participant', participant_details: participants[0] },
-          { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'title' },
-        ]
-
-        // @ts-ignore
-        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
-
-        expect(/** @type {HTMLElement} */ (document.querySelectorAll('[data-playpilot-injection-key]')[0]).dataset.playpilotInjectionType).toBe('participant')
-        expect(/** @type {HTMLElement} */ (document.querySelectorAll('[data-playpilot-injection-key]')[1]).dataset.playpilotInjectionType).toBe('title')
-      })
-
-      it('Should ignore participants with exclude_participants_url_pattern is true', () => {
-        window.PlayPilotLinkInjections.config = {
-          exclude_participants_urls_pattern: '/',
-        }
-
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-
-        /** @type {import('$lib/types/injection').LinkInjection[]} */
-        const aiInjections = [
-          generateInjection('This is a sentence with an injection.', 'is a'),
-          { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: participants[0] },
-        ]
-
-        /** @type {import('$lib/types/injection').LinkInjection[]} */
-        const manualInjections = [
-          { ...generateInjection('This is a sentence with an injection.', 'sentence with'), type: 'participant', manual: true, participant_details: participants[0] },
-        ]
-
-        // @ts-ignore
-        injectLinksInDocument(elements, { aiInjections, manualInjections })
-
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')[0].getAttribute('data-playpilot-injection-key')).toBe(aiInjections[0].key)
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')[1].getAttribute('data-playpilot-injection-key')).toBe(manualInjections[0].key)
-      })
-    })
-
-    describe('config.open_tpi_links_in_explore', () => {
-      beforeEach(() => {
-        window.PlayPilotLinkInjections.config = {
-          open_tpi_links_in_explore: true,
-          explore_navigation_path: 'https://some-path.com/explore',
-        }
-      })
-
-      it('Should use href with explore links if open_tpi_links_in_explore is true', () => {
-        const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-        document.body.innerHTML = `<p>${injection.sentence}</p>`
-
-        const elements = Array.from(document.querySelectorAll('p'))
-
-        injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-        const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
-        expect(link.href).toBe(window.PlayPilotLinkInjections.config?.explore_navigation_path + `?route=modal&sid=${injection.title_details?.sid}`)
-        expect(link.target).not.toBeTruthy()
-      })
-
-      it('Should not open modal when link is clicked when open_tpi_links_in_explore is true', async () => {
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-        const injection = generateInjection('This is a sentence with an injection.', 'an injection')
-
-        injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
-
-        const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
-        await fireEvent.click(link)
-
-        expect(openModalForInjectedLink).not.toHaveBeenCalled()
-      })
-    })
-
-    describe('config.unique_injection_count_limit', () => {
-      it('Should not insert another link if the count for links of the same sid is met', () => {
-        window.PlayPilotLinkInjections.config = {
-          unique_injection_count_limit: 2,
-        }
-
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-        const injections = [
-          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a' },
-          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'a' },
-          { ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'a' },
-        ]
-
-        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
-
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
-      })
-
-      it('Should disregard limit for manual injections', () => {
-        window.PlayPilotLinkInjections.config = {
-          unique_injection_count_limit: 2,
-        }
-
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-        const aiInjections = [
-          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a' },
-          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'a' },
-        ]
-        const manualInjections = [{ ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'a' }]
-
-        injectLinksInDocument(elements, { aiInjections, manualInjections })
-
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(3)
-      })
-    })
-
-    describe('config.total_participant_injection_count_limit', () => {
-      it('Should not insert another link if the total count of participants exceeds the given limit', () => {
-        window.PlayPilotLinkInjections.config = {
-          total_participant_injection_count_limit: 2,
-        }
-
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-
-        /** @type {import('$lib/types/injection').LinkInjection[]} */
-        const injections = [
-          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a', type: 'participant', participant_details: participants[0] },
-          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'b', type: 'participant', participant_details: participants[0] },
-          { ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'c', type: 'participant', participant_details: participants[0] },
-        ]
-
-        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
-
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
-      })
-
-      it('Should disregard any limit if none if given', () => {
-        window.PlayPilotLinkInjections.config = {}
-
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-
-        /** @type {import('$lib/types/injection').LinkInjection[]} */
-        const injections = [
-          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a', type: 'participant', participant_details: participants[0] },
-          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'b', type: 'participant', participant_details: participants[0] },
-          { ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'c', type: 'participant', participant_details: participants[0] },
-        ]
-
-        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
-
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(3)
-      })
-
-      it('Should disregard title types for participant limit if none if given', () => {
-        window.PlayPilotLinkInjections.config = {
-          total_participant_injection_count_limit: 1,
-        }
-
-        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
-
-        const elements = Array.from(document.body.querySelectorAll('p'))
-
-        /** @type {import('$lib/types/injection').LinkInjection[]} */
-        const injections = [
-          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a' },
-          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'b' },
-          { ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'c', type: 'participant', participant_details: participants[0] },
-        ]
-
-        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
-
-        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(3)
-      })
-    })
-  })
-
-  describe('clearLinkInjections', () => {
-    it('Should remove injected links from the page', () => {
-      document.body.innerHTML = '<p><span data-playpilot-injection-key><a>Some link</a></span></p>'
-      clearLinkInjections()
-
-      expect(document.body.innerHTML).toBe('<p>Some link</p>')
-    })
-
-    it('Should leave non-injected links intact', () => {
-      document.body.innerHTML = '<p><a>Some link</a></p>'
-      clearLinkInjections()
-
-      expect(document.body.innerHTML).toBe('<p><a>Some link</a></p>')
-    })
-  })
-
-  describe('clearLinkInjection', () => {
-    it('Should remove injected link from the page', () => {
-      document.body.innerHTML = '<p><span data-playpilot-injection-key="a"><a>Some link</a></span></p>'
-      clearLinkInjection('a')
-
-      expect(document.body.innerHTML).toBe('<p>Some link</p>')
-    })
-
-    it('Should keep other keys intact', () => {
-      document.body.innerHTML = '<p><span data-playpilot-injection-key="b"><a>Some link</a></span></p>'
-      clearLinkInjection('a')
-
-      expect(document.body.innerHTML).toBe('<p><span data-playpilot-injection-key="b"><a>Some link</a></span></p>')
-    })
-  })
-
-  describe('isAvailableAsManualInjection', () => {
-    it('Should return true if the ai injection has a matching manual injection', () => {
-      const aiInjection = generateInjection('Some sentence', 'Some title')
-      const manualInjection = { ...aiInjection, manual: true }
-
-      expect(isAvailableAsManualInjection(aiInjection, 0, [aiInjection, manualInjection]))
-    })
-
-    it('Should return false if the ai injection has no matching manual injection', () => {
-      const aiInjection = generateInjection('Some sentence', 'Some title')
-
-      expect(isAvailableAsManualInjection(aiInjection, 0, [aiInjection]))
-    })
-
-    it('Should return false if the ai injection has a matching ai injection', () => {
-      const aiInjection = generateInjection('Some sentence', 'Some title')
-
-      expect(isAvailableAsManualInjection(aiInjection, 0, [aiInjection, aiInjection]))
-    })
-  })
-
-  describe('filterRemovedAndInactiveInjections', () => {
-    it('Should not return injections that are removed or have an removed manual equivalent', () => {
-      const aiInjection = generateInjection('Some sentence', 'Some title')
-      const manualInjection = { ...aiInjection, manual: true, removed: true }
-
-      expect(filterRemovedAndInactiveInjections([aiInjection, manualInjection])).toEqual([])
-    })
-
-    it('Should not return injections that are inactive or have an inactive manual equivalent', () => {
-      const aiInjection = generateInjection('Some sentence', 'Some title')
-      const manualInjection = { ...aiInjection, manual: true, inactive: true }
-
-      expect(filterRemovedAndInactiveInjections([aiInjection, manualInjection])).toEqual([])
-    })
-
-    it('Should return ai injections that have no matching manual injection', () => {
-      const aiInjection = generateInjection('Some sentence', 'Some title')
-      const manualInjection = { ...generateInjection('Some other sentence', 'Some other title'), manual: true }
-
-      expect(filterRemovedAndInactiveInjections([aiInjection, manualInjection])).toEqual([aiInjection, manualInjection])
-    })
-
-    it('Should return manual injections that have been removed at one point, but a new injection for the same title was created', () => {
-      const manualInjection = { ...generateInjection('Some other sentence', 'Some other title'), manual: true }
-      const removedManualInjection = { ...manualInjection, removed: true }
-
-      expect(filterRemovedAndInactiveInjections([manualInjection, removedManualInjection])).toEqual([manualInjection])
-    })
-
-    it('Should return manual injections that have been inactive at one point, but a new injection for the same title was created', () => {
-      const manualInjection = { ...generateInjection('Some other sentence', 'Some other title'), manual: true }
-      const inactiveManualInjection = { ...manualInjection, inactive: true }
-
-      expect(filterRemovedAndInactiveInjections([manualInjection, inactiveManualInjection])).toEqual([manualInjection])
-    })
-  })
-
-  describe('isEquivalentInjection', () => {
-    it('Should return true if injections have the same title and sentence', () => {
-      expect(isEquivalentInjection(generateInjection('a', 'b'), generateInjection('a', 'b'))).toBe(true)
-    })
-
-    it('Should return false if injections have different titles', () => {
-      expect(isEquivalentInjection(generateInjection('a', 'b'), generateInjection('a', 'c'))).toBe(false)
-    })
-
-    it('Should return false if injections have different sentences', () => {
-      expect(isEquivalentInjection(generateInjection('a', 'b'), generateInjection('b', 'b'))).toBe(false)
-    })
-
-    it('Should return false if injections have both different titles and sentences', () => {
-      expect(isEquivalentInjection(generateInjection('a', 'b'), generateInjection('c', 'd'))).toBe(false)
-    })
-  })
-
-  describe('isValidInjection', () => {
-    it('Should only return true when the injection is valid', () => {
-      expect(isValidInjection({ ...generateInjection('a', 'b') })).toBe(true)
-      expect(isValidInjection({ ...generateInjection('a', 'b'), inactive: true })).toBe(false)
-      expect(isValidInjection({ ...generateInjection('a', 'b'), removed: true })).toBe(false)
-      expect(isValidInjection({ ...generateInjection('a', 'b'), duplicate: true })).toBe(false)
-      expect(isValidInjection({ ...generateInjection('a', 'b'), title_details: undefined })).toBe(false)
-    })
-  })
-
-  describe('filterInvalidInTextInjections', () => {
-    it('Should return injections that are valid', () => {
-      expect(filterInvalidInTextInjections([generateInjection('a', 'b')])).toHaveLength(1)
-    })
-
-    it('Should return not injections that inactive, removed, duplicate, have no title_details, or are not in_text', () => {
-      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), inactive: true }])).toHaveLength(0)
-      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), removed: true }])).toHaveLength(0)
-      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), duplicate: true }])).toHaveLength(0)
-      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), title_details: undefined }])).toHaveLength(0)
-      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), in_text: false }])).toHaveLength(0)
-
-      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), in_text: undefined }])).toHaveLength(1)
-      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), in_text: true }])).toHaveLength(1)
-    })
-  })
-
-  describe('filterInvalidAfterArticleInjections', () => {
-    it('Should return not injections that inactive, removed, duplicate, have no title_details, or are not after_article', () => {
-      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), inactive: true }])).toHaveLength(0)
-      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), removed: true }])).toHaveLength(0)
-      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), duplicate: true }])).toHaveLength(0)
-      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), title_details: undefined }])).toHaveLength(0)
-      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), after_article: false }])).toHaveLength(0)
-      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), after_article: undefined }])).toHaveLength(0)
-
-      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), after_article: true }])).toHaveLength(1)
-    })
-  })
-
-  describe('isValidPlaylinkType', () => {
-    it('Should return true if in_text is true', () => {
-      // @ts-ignore
-      expect(isValidPlaylinkType({ in_text: true })).toBe(true)
-      // @ts-ignore
-      expect(isValidPlaylinkType({ in_text: true, after_article: false })).toBe(true)
-    })
-
-    it('Should return true if after_article is true', () => {
-      // @ts-ignore
-      expect(isValidPlaylinkType({ after_article: true })).toBe(true)
-      // @ts-ignore
-      expect(isValidPlaylinkType({ after_article: true, in_text: false })).toBe(true)
-    })
-
-    it('Should return true if neither in_text or after_article are given', () => {
-      // @ts-ignore
-      expect(isValidPlaylinkType({ })).toBe(true)
-    })
-
-    it('Should return false if in_text is false', () => {
-      // @ts-ignore
-      expect(isValidPlaylinkType({ in_text: false })).toBe(false)
-    })
-
-    it('Should return false if both in_text and after_article are are false', () => {
-      // @ts-ignore
-      expect(isValidPlaylinkType({ in_text: false, after_article: false })).toBe(false)
-    })
-  })
-
-  describe('hasValidTypeData', () => {
-    it('Should return true if injection has type title and has title_details', () => {
-      // @ts-ignore
-      expect(hasValidTypeData({ type: 'title', title_details: {} })).toBe(true)
-    })
-
-    it('Should return true if injection has type participant and has participant_details', () => {
-      // @ts-ignore
-      expect(hasValidTypeData({ type: 'participant', participant_details: {} })).toBe(true)
-    })
-
-    it('Should return false if injection has type title but has no title_details', () => {
-      // @ts-ignore
-      expect(hasValidTypeData({ type: 'title', title_details: null })).toBe(false)
-      // @ts-ignore
-      expect(hasValidTypeData({ type: 'title' })).toBe(false)
-    })
-
-    it('Should return false if injection has type participant but has no participant_details', () => {
-      // @ts-ignore
-      expect(hasValidTypeData({ type: 'participant', participant_details: null })).toBe(false)
-      // @ts-ignore
-      expect(hasValidTypeData({ type: 'participant' })).toBe(false)
-    })
-  })
-
-
-  describe('removePlayPilotTitleLinks', () => {
-    it('Should remove existing title links', () => {
-      document.body.innerHTML = `
-        <a href="https://www.playpilot.com/movie/123">Movie Link</a>
-        <a href="https://www.playpilot.com/show/123">Show Link</a>
-      `
-
-      removePlayPilotTitleLinks()
-
-      expect(document.body.innerHTML).toContain('Movie Link')
-      expect(document.body.innerHTML).toContain('Show Link')
-      expect(document.querySelectorAll('a')).toHaveLength(0)
-    })
-
-    it('Should not remove injected links', () => {
-      document.body.innerHTML = `
-        <span data-playpilot-injection-key>
-          <a href="https://www.playpilot.com/movie/123">Movie Link</a>
-        </span>
-      `
-
-      removePlayPilotTitleLinks()
-
-      expect(document.querySelector('a')).toBeTruthy()
-    })
-
-    it('Should not remove links without /movie/ or /show/', () => {
-      document.body.innerHTML = `
-        <a href="https://www.playpilot.com/something/123">Not a show or movie</a>
-        <a href="https://www.playpilot.com/">Root</a>
-      `
-
-      removePlayPilotTitleLinks()
-
-      expect(document.querySelectorAll('a')).toHaveLength(2)
-    })
-
-    it('Should not remove non-playpilot links', () => {
-      document.body.innerHTML = '<a href="https://some-website.com">Not PlayPilot</a>'
-
-      removePlayPilotTitleLinks()
-
-      expect(document.querySelector('a')).toBeTruthy()
-    })
-  })
-
-  describe('doesParticipantMeetThreshold', () => {
-    it('Should return true or false if article average is used and participant is above or below average', () => {
-      window.PlayPilotLinkInjections.config = {
-        participant_injection_popularity_threshold: 75,
-      }
-
-      const truthyParticipant = { ...participants[0], popularity: 70 }
-      const falseyParticipant = { ...participants[0], popularity: 20 }
-
-      /** @type {import('$lib/types/injection').LinkInjection[]} */
-      const injections = [
-        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: truthyParticipant },
-        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: falseyParticipant },
-      ]
-
-      expect(doesParticipantMeetThreshold(injections, truthyParticipant)).toBe(true)
-      expect(doesParticipantMeetThreshold(injections, falseyParticipant)).toBe(false)
-    })
-
-    it('Should return true or false if article average is not used and participant is above or below threshold', () => {
-      window.PlayPilotLinkInjections.config = {
-        participant_injection_popularity_threshold: 5500,
-        participant_injection_popularity_threshold_use_article_average: false,
-      }
-
-      const truthyParticipant = { ...participants[0], popularity: 6000 }
-      const falseyParticipant = { ...participants[0], popularity: 5000 }
-
-      /** @type {import('$lib/types/injection').LinkInjection[]} */
-      const injections = [
-        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: truthyParticipant },
-        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: falseyParticipant },
-      ]
-
-      expect(doesParticipantMeetThreshold(injections, truthyParticipant)).toBe(true)
-      expect(doesParticipantMeetThreshold(injections, falseyParticipant)).toBe(false)
-    })
-
-    it('Should return true if threshold is 0, regardless of popularity', () => {
-      window.PlayPilotLinkInjections.config = {
-        participant_injection_popularity_threshold: 0,
-      }
-
-      const truthyParticipant = { ...participants[0], popularity: 0 }
-      const truthyParticipant2 = { ...participants[0], popularity: 60 }
-
-      /** @type {import('$lib/types/injection').LinkInjection[]} */
-      const injections = [
-        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: truthyParticipant },
-      ]
-
-      expect(doesParticipantMeetThreshold(injections, truthyParticipant)).toBe(true)
-      expect(doesParticipantMeetThreshold(injections, truthyParticipant2)).toBe(true)
-    })
-
-    it('Should use threshold of 0 by default', () => {
-      const truthyParticipant = { ...participants[0], popularity: 0 }
-      const truthyParticipant2 = { ...participants[0], popularity: 1 }
-
-      /** @type {import('$lib/types/injection').LinkInjection[]} */
-      const injections = [
-        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: truthyParticipant },
-      ]
-
-      expect(doesParticipantMeetThreshold(injections, truthyParticipant)).toBe(true)
-      expect(doesParticipantMeetThreshold(injections, truthyParticipant2)).toBe(true)
-    })
-  })
-})
+import { fireEvent } from '@testing-library/svelte'
+import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest'
+
+import { injectLinksInDocument, clearLinkInjections, clearLinkInjection, isAvailableAsManualInjection, filterRemovedAndInactiveInjections, isEquivalentInjection, filterInvalidInTextInjections, filterInvalidAfterArticleInjections, isValidInjection, isValidPlaylinkType, removePlayPilotTitleLinks, hasValidTypeData, doesParticipantMeetThreshold } from '$lib/injection'
+import { mount, unmount } from 'svelte'
+import { fakeFetch, generateInjection } from '../helpers'
+import { openModalForInjectedLink } from '$lib/modal'
+import { getLinkInjectionElements } from '$lib/injectionElements'
+import { participants } from '$lib/fakeData'
+import { titleUrl } from '$lib/routes'
+
+vi.mock('svelte', () => ({
+  mount: vi.fn(),
+  unmount: vi.fn(),
+}))
+
+vi.mock('$lib/modal', () => ({
+  openModal: vi.fn(),
+  destroyAllModals: vi.fn(),
+  getPreviousModal: vi.fn(),
+  goBackToPreviousModal: vi.fn(),
+  openModalForInjectedLink: vi.fn(),
+}))
+
+vi.mock('$lib/tracking', () => ({
+  track: vi.fn(),
+}))
+
+function mockMatchMedia(matches = false) {
+  Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: vi.fn().mockImplementation((query) => ({
+      matches,
+      media: query,
+    })),
+  })
+}
+
+describe('injection.ts', () => {
+  beforeEach(() => {
+    vi.resetAllMocks()
+    clearLinkInjections()
+
+    mockMatchMedia()
+    fakeFetch()
+    vi.mocked(mount).mockReturnValueOnce({})
+
+    // @ts-ignore
+    window.PlayPilotLinkInjections = {}
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
+  describe('injectLinksInDocument', () => {
+    it('Should replace given words with injections', () => {
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+      const linkInjections = [injection]
+
+      document.body.innerHTML = `<p>${injection.sentence}</p>`
+
+      const elements = Array.from(document.querySelectorAll('p'))
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
+
+      // @ts-ignore
+      expect(link.href).toBe(titleUrl(injection.title_details))
+      expect(link.innerText).toBe(injection.title)
+    })
+
+    it('Should replace given words as expected when more than 1 injection per sentence is present', () => {
+      const sentence = 'This is a sentence with an injection.'
+      const linkInjections = [
+        generateInjection(sentence, 'a sentence'),
+        generateInjection(sentence, 'an injection'),
+      ]
+
+      document.body.innerHTML = `<p>${sentence}</p>`
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
+
+      // @ts-ignore
+      expect(links[0].href).toBe(titleUrl(linkInjections[0].title_details))
+      expect(links[0].innerText).toBe(linkInjections[0].title)
+
+      // @ts-ignore
+      expect(links[1].href).toBe(titleUrl(linkInjections[1].title_details))
+      expect(links[1].innerText).toBe(linkInjections[1].title)
+    })
+
+    it('Should ignore injections that are marked as inactive', () => {
+      const sentence = 'This is a sentence with an injection.'
+      const injection = generateInjection(sentence, 'an injection')
+      const linkInjections = [{ ...injection, inactive: true }]
+
+      document.body.innerHTML = `<p>${sentence}</p>`
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      expect(document.body.innerHTML).toBe(`<p>${sentence}</p>`)
+    })
+
+    it('Should ignore injections that are marked as removed', () => {
+      const sentence = 'This is a sentence with an injection.'
+      const injection = generateInjection(sentence, 'an injection')
+      const linkInjections = [{ ...injection, removed: true }]
+
+      document.body.innerHTML = `<p>${sentence}</p>`
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      expect(document.body.innerHTML).toBe(`<p>${sentence}</p>`)
+    })
+
+    it('Should ignore AI injections that are marked as removed as a matching manual injections', () => {
+      const sentence = 'This is a sentence with an injection.'
+      const injection = generateInjection(sentence, 'an injection')
+
+      document.body.innerHTML = `<p>${sentence}</p>`
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      const injections = {
+        aiInjections: [injection],
+        manualInjections: [{ ...injection, manual: true, removed: true }],
+      }
+
+      injectLinksInDocument(elements, injections)
+
+      expect(document.body.innerHTML).toBe(`<p>${sentence}</p>`)
+    })
+
+    it('Should ignore AI injections that are marked as inactive as a matching manual injections', () => {
+      const sentence = 'This is a sentence with an injection.'
+      const injection = generateInjection(sentence, 'an injection')
+
+      document.body.innerHTML = `<p>${sentence}</p>`
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      const injections = {
+        aiInjections: [injection],
+        manualInjections: [{ ...injection, manual: true, inactive: true }],
+      }
+
+      injectLinksInDocument(elements, injections)
+
+      expect(document.body.innerHTML).toBe(`<p>${sentence}</p>`)
+    })
+
+    it('Should keep existing HTML elements intact', () => {
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+      const linkInjections = [injection]
+
+      document.body.innerHTML = '<p>This is a <button>sentence</button> with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const button = /** @type {HTMLButtonElement} */ (document.querySelector('button'))
+
+      expect(button.innerText).toBe('sentence')
+    })
+
+    it('Should ignore elements that were not selected', () => {
+      document.body.innerHTML = '<h1>I am a title</h1><p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('I am a title', 'a title')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.body.innerHTML.includes(injection.sentence)).toBeTruthy()
+    })
+
+    it('Should ignore partial matches due to interfering elements', () => {
+      document.body.innerHTML = '<p>This is a sentence with <strong>an</strong> injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.body.innerHTML.includes('an injection')).not.toBeTruthy()
+      expect(document.body.innerHTML.includes('an')).toBeTruthy()
+    })
+
+    it('Should ignore encoded characters in given sentences', () => {
+      document.body.innerHTML = '<p>This is a sentence & an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence &amp; an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('a')).toHaveLength(1)
+    })
+
+    it('Should ignore matches due to parent links', () => {
+      document.body.innerHTML = '<p>This is <a>a sentence</a> with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'a sentence')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelector('[data-playpilot-injection-key]')).not.toBeTruthy()
+    })
+
+    it('Should ignore matches inside of attributes inside of links', () => {
+      document.body.innerHTML = '<p>This is <a data-thing="some word">a sentence</a> with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'some word')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelector('[data-playpilot-injection-key]')).not.toBeTruthy()
+    })
+
+    it('Should ignore matches inside of attributes inside of links but still inject into other matches', () => {
+      document.body.innerHTML = '<p>This is <a data-thing="some word">some word</a> with an injection in some word.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is some word with an injection in some word.', 'some word')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('a')).toHaveLength(2)
+      expect(document.querySelector('[data-playpilot-injection-key]')).toBeTruthy()
+    })
+
+    it('Should skip links and replace other words instead', () => {
+      document.body.innerHTML = '<p>This is <a>a word</a> with a word.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a word with a word.', 'a word')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('a')).toHaveLength(2)
+      expect(Array.from(document.querySelectorAll('a')).filter(a => a.innerText === 'a word')).toHaveLength(2)
+    })
+
+    it('Should skip links inside of other elements and replace other words instead', () => {
+      document.body.innerHTML = '<p>This is <em><a>a word</a></em> with a word.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a word with a word.', 'a word')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('a')).toHaveLength(2)
+      expect(Array.from(document.querySelectorAll('a')).filter(a => a.innerText === 'a word')).toHaveLength(2)
+    })
+
+    it('Should skip partial matches in sentences that are broken up by different nodes but have the same match', () => {
+      document.body.innerHTML = '<p>This is <a>a word</a> with a word.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('this is a word with a word.', 'a word')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('a')).toHaveLength(2)
+      expect(Array.from(document.querySelectorAll('a')).filter(a => a.innerText === 'a word')).toHaveLength(2)
+      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
+    })
+
+    it('Should inject into correct sentence when element contains other sentences with the same matching title', () => {
+      document.body.innerHTML = '<p>This is a match. But this sentence is a match.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('But this sentence is a match.', 'a match')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.body.innerHTML).toContain('This is a match')
+      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
+    })
+
+    it('Should inject properly when sentence contains element that are not part of the match', () => {
+      document.body.innerHTML = '<p>This is <a>a sentence</a> with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelector('[data-playpilot-injection-key]')).toBeTruthy()
+    })
+
+    it('Should inject correctly when sentence is broken up by html and element contains multiple matches', () => {
+      document.body.innerHTML = '<p>This is some match. Some other sentence with a match. But this is yet another <em>sentence</em> with a match.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      const injections = [
+        generateInjection('This is some match.', 'some match'),
+        generateInjection('But this is yet another sentence with a match.', 'a match'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
+
+      expect(document.body.innerHTML).toContain('Some other sentence with a match')
+      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
+    })
+
+    it('Should disregard missing trailing periods', () => {
+      document.body.innerHTML = '<p>This is a sentence with a phrase in it</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with a phrase in it.', 'a phrase')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
+    })
+
+    it('Should disregard additional quotes', () => {
+      document.body.innerHTML = '<p>This is part of a paragraph. This is a sentence with a phrase in it."</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('"This is a sentence with a phrase in it."', 'a phrase')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
+    })
+
+    it('Should disregard differences in accents', () => {
+      document.body.innerHTML = '<p>This is à sentence with a phràse in it."</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with a phrase in it.', 'a phràse')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
+    })
+
+    it('Should treat different types of quotes as the same', () => {
+      document.body.innerHTML = '<p>This is a “sentence” with a "phrase" in it.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a "sentence" with a \'phrase’ in it.', 'phrase')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
+    })
+
+    it('Should disregard differences in special characters', () => {
+      document.body.innerHTML = '<p>This -> is a sentence, with a phrase - in it.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with a _phrase_ in it.', 'phrase')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
+    })
+
+    it('Should leave the text intact if no injections were found', () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      /** @type {import('$lib/types/injection').LinkInjection[]} */
+      const linkInjections = []
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      expect(document.body.innerHTML.includes('This is a sentence with an injection.')).toBeTruthy()
+    })
+
+    it('Should handle not receiving elements or injections', () => {
+      /** @type {HTMLElement[]} */
+      const elements = []
+
+      /** @type {import('$lib/types/injection').LinkInjection[]} */
+      const linkInjections = []
+
+      expect(() => injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })).not.toThrow()
+    })
+
+    it('Should open modal when link is clicked', async () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
+      await fireEvent.click(link)
+
+      expect(openModalForInjectedLink).toHaveBeenCalled()
+    })
+
+    it('Should not fire given onclick function when clicked with modifier keys or not left click', async () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      const mock = vi.fn()
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
+
+      await fireEvent.click(link, { ctrlKey: true })
+      await fireEvent.click(link, { metaKey: true })
+      await fireEvent.click(link, { button: 1 })
+      await fireEvent.click(link, { button: 2 })
+
+      expect(mock).not.toHaveBeenCalled()
+    })
+
+    it('Should return array with failed injections marked as such', () => {
+      const sentence = 'This is a sentence with an injection.'
+      document.body.innerHTML = `<p>${sentence}</p>`
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      const linkInjections = [
+        generateInjection(sentence, 'a sentence'),
+        generateInjection(sentence, 'not an injection'),
+      ]
+
+      const results = injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      expect(results[0].failed).toBe(false)
+      expect(results[1].failed).toBe(true)
+    })
+
+    it('Should return corresponding messages for failed injections', () => {
+      const sentence = 'This is <a href="/">a sentence</a> with an injection.'
+      document.body.innerHTML = `<p>${sentence}</p>`
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      const manuallyRemoved = generateInjection(sentence, 'an injection')
+
+      const linkInjections = [
+        generateInjection(sentence, 'a sentence'),
+        generateInjection('Some unknown sentence', 'nothing'),
+        { ...manuallyRemoved, duplicate: true, removed: true, manual: true },
+      ]
+
+      const results = injectLinksInDocument(elements, { aiInjections: [manuallyRemoved], manualInjections: linkInjections })
+
+      expect(results[0].failed_message).toBe('Given text is already inside of a link.')
+      expect(results[1].failed_message).toBe('Given sentence was not found in the article.')
+      expect(results[2].failed_message).toBe('')
+      expect(results[3].failed_message).toBe('Injection was manually removed.')
+    })
+
+    it('Should return sentence message if text was found in full body text but not in individual elements', () => {
+      document.body.innerHTML = '<article><p>Some sentence</p><p>that is broken in two</p></main>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const linkInjections = [generateInjection('Some sentence that is broken in two', 'broken')]
+
+      const results = injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      expect(results[0].failed_message).toBe('Given sentence was not found in the article.')
+    })
+
+    it('Should disregard spaces and special characters in failed message', () => {
+      const sentence = 'This is a &amp; sentence with an injection.'
+      document.body.innerHTML = `<p>${sentence}</p>`
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+
+      const linkInjections = [
+        generateInjection('This is a&sentence with aninjection.', 'an injection'),
+        generateInjection('This is a&sentence with aninjection.', 'nothing'),
+      ]
+
+      const results = injectLinksInDocument(elements, { aiInjections: [], manualInjections: linkInjections })
+
+      expect(results[0].failed_message).not.toBeTruthy()
+      expect(results[1].failed_message).toBe('The link failed to inject for unknown reasons.')
+    })
+
+    it('Should mount popover component when element other than popover or link is hovered', async () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
+
+      vi.useFakeTimers()
+
+      await fireEvent.mouseEnter(link)
+      vi.advanceTimersByTime(200)
+      expect(mount).toHaveBeenCalled()
+
+      await fireEvent.mouseMove(link)
+      expect(unmount).not.toHaveBeenCalled()
+
+      await fireEvent.mouseMove(document.body)
+      expect(unmount).toHaveBeenCalled()
+    })
+
+    it('Should mount popover on mouseover again after previously having mounted and unmounted that same popover', async () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
+
+      vi.useFakeTimers()
+
+      await fireEvent.mouseEnter(link)
+      vi.advanceTimersByTime(200)
+      await fireEvent.mouseMove(document.body)
+      await fireEvent.mouseEnter(link)
+      vi.advanceTimersByTime(200)
+
+      expect(mount).toHaveBeenCalledTimes(2)
+    })
+
+    it('Should not mount popover on mouseover if not hovered for long enough duration', async () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
+
+      vi.useFakeTimers()
+
+      await fireEvent.mouseEnter(link)
+      vi.advanceTimersByTime(50)
+      await fireEvent.mouseLeave(link)
+      vi.advanceTimersByTime(500)
+
+      expect(mount).not.toHaveBeenCalled()
+    })
+
+    it('Should not mount popover on mouseover again if link is already being hovered', async () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injections = [
+        generateInjection('This is a sentence with an injection.', 'a sentence'),
+        generateInjection('This is a sentence with an injection.', 'an injection'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
+
+      const [link1, link2] = document.querySelectorAll('[data-playpilot-injection-key]')
+
+      vi.useFakeTimers()
+
+      await fireEvent.mouseEnter(link1)
+      vi.advanceTimersByTime(200)
+      await fireEvent.mouseEnter(link2)
+      vi.advanceTimersByTime(500)
+
+      expect(mount).toHaveBeenCalledTimes(1)
+    })
+
+    it('Should remove all popovers that may not have been removed properly in previous destroy attempts', async () => {
+      document.body.innerHTML = '<div data-playpilot-injection-key></div><div data-playpilot-injection-popover></div> <p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('[data-playpilot-injection-key]'))
+
+      vi.useFakeTimers()
+
+      await fireEvent.mouseEnter(link)
+      await fireEvent.mouseMove(document.body)
+      vi.advanceTimersByTime(200)
+
+      expect(document.querySelectorAll('[data-playpilot-injection-popover]')).toHaveLength(0)
+    })
+
+    it('Should inject links of the same phrase when multiple are present', () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection and another injection</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+
+      const sentence = 'This is a sentence with an injection and another injection'
+      const linkInjections = [
+        generateInjection(sentence, 'injection'),
+        generateInjection(sentence, 'injection'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('[data-playpilot-injection-key]')))
+
+      expect(links).toHaveLength(2)
+      expect(links[0].dataset.playpilotInjectionKey).toBe(linkInjections[0].key)
+      expect(links[1].dataset.playpilotInjectionKey).toBe(linkInjections[1].key)
+    })
+
+    it('Should inject links of the same phrase when multiple are present, but ignore injectios into links that contain the same phrase', () => {
+      document.body.innerHTML = '<p>First phrase, <a href="/phrase">second</a> phrase</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+
+      const sentence = 'First phrase, second phrase'
+      const linkInjections = [
+        generateInjection(sentence, 'phrase'),
+        generateInjection(sentence, 'phrase'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
+
+      expect(links).toHaveLength(3)
+    })
+
+    it('Should inject link properly when sentence already contains match of the same phrase but the sentence is broken up by HTML very early in the sentence.', () => {
+      document.body.innerHTML = '<p>A <em><a>phrase</a></em> within a sentence. Another <strong>sentence</strong> with a <em>phrase</em> in it.</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+
+      const linkInjections = [generateInjection('Another sentence with a phrase in it.', 'phrase')]
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
+
+      expect(links).toHaveLength(2)
+    })
+
+    it('Should inject link properly when sentence already contains partial match of the same phrase when the sentence is broken up by html.', () => {
+      document.body.innerHTML = '<p>Some sentence with a phrase: something, and another phrase.</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+
+      const linkInjections = [
+        generateInjection('Some sentence with a phrase: something, and another phrase.', 'phrase: something'),
+        generateInjection('Some sentence with a phrase: something, and another phrase.', 'phrase'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
+
+      expect(links).toHaveLength(2)
+    })
+
+    it('Should inject longer titles before shorter titles', () => {
+      document.body.innerHTML = '<p>Some sentence with phrase 2, and another phrase.</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+
+      const linkInjections = [
+        generateInjection('Some sentence with phrase 2, and another phrase.', 'phrase'),
+        generateInjection('Some sentence with phrase 2, and another phrase.', 'phrase 2'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('a')))
+
+      expect(links).toHaveLength(2)
+      expect(links[0].innerText).toBe('phrase 2')
+      expect(links[1].innerText).toBe('phrase')
+    })
+
+    it('Should not inject links into element attributes', () => {
+      document.body.innerHTML = '<p><span data-thing="phrase">Some</span> phrase</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+
+      const sentence = 'Some phrase'
+      const linkInjections = [
+        generateInjection(sentence, 'phrase'),
+        generateInjection(sentence, 'phrase'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: linkInjections, manualInjections: [] })
+
+      const links = /** @type {HTMLAnchorElement[]} */ (Array.from(document.querySelectorAll('[data-playpilot-injection-key]')))
+
+      expect(links).toHaveLength(1)
+      expect(document.body.innerText).toBe(sentence)
+    })
+
+    it('Should not inject injections with in_text set to false', () => {
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+      const injection = { ...generateInjection('This is a sentence with an injection.', 'an injection'), in_text: false }
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelector('a')).not.toBeTruthy()
+    })
+
+    it('Should not inject injections into already existing links when the page contains multiple sentences of the same text where one has an existing link and the other does not.', () => {
+      document.body.innerHTML = '<p>This is a <a href="#">phrase</a>.</p> <p>This is a phrase.</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+      const injection = generateInjection('This is a phrase.', 'phrase')
+
+      injectLinksInDocument(elements, { aiInjections: [injection, injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('a')).toHaveLength(1)
+    })
+
+    it('Should not inject injections into already existing links when multiple injections are present for the same phrase in the same sentence that only contain the phrase once and the phrase is broken up by HTML', () => {
+      document.body.innerHTML = '<p>This is a <strong>phr</strong>ase.</p>'
+
+      const elements = Array.from(document.querySelectorAll('p'))
+      const injection = generateInjection('This is a phrase.', 'phrase')
+
+      injectLinksInDocument(elements, { aiInjections: [injection, injection], manualInjections: [] })
+
+      expect(document.querySelectorAll('a')).toHaveLength(1)
+    })
+
+    it('Should not mount popover if user uses touch', async () => {
+      mockMatchMedia(true)
+
+      document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
+
+      await fireEvent.mouseEnter(link)
+      expect(mount).not.toHaveBeenCalled()
+    })
+
+    it('Should not call insertAfterArticlePlaylinks if injections only contain inactive or removed items', () => {
+      document.body.innerHTML = `<section>
+          <div>Some text</div>
+          <div>Some other text</div>
+        </section>
+      `
+
+      const elements = Array.from(document.body.querySelectorAll('div'))
+      const injection = generateInjection('Some sentence', 'an injection')
+      const linkInjections = [{ ...injection, after_article: true, inactive: true }, { ...injection, after_article: true, removed: true }]
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: linkInjections })
+
+      expect(mount).not.toHaveBeenCalled()
+      expect(document.querySelector('[data-playpilot-after-article-playlinks]')).not.toBeTruthy()
+    })
+
+    it('Should not call insertAfterArticlePlaylinks if article contains no valid injections', () => {
+      window.PlayPilotLinkInjections.config = {
+        in_text_disclaimer_enabled: true,
+      }
+
+      document.body.innerHTML = `<section>
+          <div>Some text</div>
+          <div>Some other text</div>
+        </section>
+      `
+
+      const elements = Array.from(document.body.querySelectorAll('div'))
+      const injection = generateInjection('Some sentence', 'an injection')
+      const linkInjections = [{ ...injection, inactive: true }, { ...injection, removed: true }]
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: linkInjections })
+
+      expect(mount).not.toHaveBeenCalled()
+      expect(document.querySelector('[data-playpilot-in-text-disclaimer]')).not.toBeTruthy()
+    })
+
+    it('Should call insertAfterArticlePlaylinks if article contains valid injections', () => {
+      window.PlayPilotLinkInjections.config = {
+        in_text_disclaimer_enabled: true,
+      }
+
+      document.body.innerHTML = '<p>Some sentence with an injection</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('Some sentence with an injection', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(mount).toHaveBeenCalled()
+      expect(document.querySelector('[data-playpilot-in-text-disclaimer]')).toBeTruthy()
+    })
+
+    it('Should treat sentences the same regardless of differences spaces', () => {
+      document.body.innerHTML = `<section>
+          <div>Some text</div>
+          <div>Someothertext</div>
+          <div>Some thirdtext</div>
+          <div>Some fourth text  </div>
+        </section>
+      `
+
+      const elements = Array.from(document.body.querySelectorAll('div'))
+      const injections = [
+        generateInjection('Sometext', 'Some'),
+        generateInjection('Some other text ', 'Some'),
+        generateInjection('Somethird text', 'Some'),
+        generateInjection('Some fourthtext', 'Some'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
+
+      expect(document.querySelectorAll('a')).toHaveLength(4)
+    })
+
+    it('Should treat sentences the same regardless of casings', () => {
+      document.body.innerHTML = `<section>
+          <div>Some text</div>
+          <div>Some OTHER TEXT</div>
+          <div>Some ThIrD tExT</div>
+        </section>
+      `
+
+      const elements = Array.from(document.body.querySelectorAll('div'))
+      const injections = [
+        generateInjection('Some text', 'Some'),
+        generateInjection('Some OTHER Text ', 'Some'),
+        generateInjection('Somethird text', 'Some'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
+
+      expect(document.querySelectorAll('a')).toHaveLength(3)
+    })
+
+    it('Should properly inject into lists', () => {
+      document.body.innerHTML = `<section>
+          <ul>
+            <li>First</li>
+            <li>Title</li>
+            <li>Some other title</li>
+            <li>Fourth</li>
+          </ul>
+        </section>
+      `
+
+      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
+      const injections = [
+        generateInjection('First Title Some other title', 'First'),
+        generateInjection('First Title Some other title', 'Title'),
+        generateInjection('First Title Some other title', 'Some other title'),
+        generateInjection('First Title Some other title', 'Fourth'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
+
+      expect(document.querySelectorAll('a')).toHaveLength(4)
+    })
+
+    it('Should properly inject into lists of titles that contain special characters', () => {
+      document.body.innerHTML = `<section>
+          <ul>
+            <li>Daisy Jones & The Six</li>
+            <li>Love & Death</li>
+          </ul>
+        </section>
+      `
+
+      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
+      const injections = [
+        generateInjection('Daisy Jones & The Six', 'Daisy Jones & The Six'),
+        generateInjection('Love & Death', 'Love & Death'),
+      ]
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
+
+      expect(document.querySelectorAll('a')).toHaveLength(2)
+    })
+
+    it('Should properly inject into titles that are split up by multiple elements when phrase_before and phrase_after are given', () => {
+      document.body.innerHTML = '<section>Some text with a <strong>phra</strong><strong>se</strong> in it</section>'
+
+      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
+      const injection = generateInjection('Some text with a phrase in it', 'phrase')
+      injection.phrase_before = 'with a'
+      injection.phrase_after = 'in it'
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
+
+      expect(document.querySelector('a')?.innerText).toBe(injection.title)
+    })
+
+    it('Should not inject when phrase_before and phrase_after are given, but the index would split HTML elements before the phrase', () => {
+      document.body.innerHTML = '<section>Some text <a href="#">with a phr</a>ase in it</section>'
+
+      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
+      const injection = generateInjection('Some text with a phrase in it', 'phrase')
+      injection.phrase_before = 'with a'
+      injection.phrase_after = 'in it'
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
+
+      expect(document.querySelector('[data-playpilot-injection-key]')).not.toBeTruthy()
+    })
+
+    it('Should properly inject into titles that are split up by multiple elements when only phrase_before is given', () => {
+      document.body.innerHTML = '<section>Some text with a <strong>phra</strong><strong>se</strong></section>'
+
+      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
+      const injection = generateInjection('Some text with a phrase', 'phrase')
+      injection.phrase_before = 'with a'
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
+
+      expect(document.querySelector('a')?.innerText).toBe(injection.title)
+    })
+
+    it('Should properly inject into titles that are split up by multiple elements when only phrase_after is given', () => {
+      document.body.innerHTML = '<section><strong>phra</strong><strong>se</strong> in it</section>'
+
+      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
+      const injection = generateInjection('phrase in it', 'phrase')
+      injection.phrase_after = 'in it'
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
+
+      expect(document.querySelector('a')?.innerText).toBe(injection.title)
+    })
+
+    it('Should properly inject into titles if phrase_before or phrase_after are nonsense, but title can be matched simply', () => {
+      document.body.innerHTML = '<section>Some text with a phrase in it</section>'
+
+      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
+      const injection = generateInjection('Some text with a phrase in it', 'phrase')
+      injection.phrase_before = 'random'
+      injection.phrase_after = 'crap'
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
+
+      expect(document.querySelector('a')?.innerText).toBe(injection.title)
+    })
+
+    it('Should properly inject into titles that are split up by multiple elements when neither phrase_before or phrase_after are given but the phrase occurs only once', () => {
+      document.body.innerHTML = '<section>Some text with a <strong>phra</strong><strong>se</strong> in it</section>'
+
+      const elements = getLinkInjectionElements(/** @type {HTMLElement} */ (document.querySelector('section')))
+      const injection = generateInjection('Some text with a phrase in it', 'phrase')
+
+      injectLinksInDocument(elements, { aiInjections: [], manualInjections: [injection] })
+
+      expect(document.querySelector('a')?.innerText).toBe(injection.title)
+    })
+
+    it('Should replace existing PlayPilot links', () => {
+      document.body.innerHTML = '<p>This is a sentence with <a href="https://playpilot.com/movie/123">an injection</a>.</p>'
+
+      const elements = Array.from(document.body.querySelectorAll('p'))
+      const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+      injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+      expect(document.querySelector('a')?.closest('[data-playpilot-injection-key]')).toBeTruthy()
+    })
+
+    describe('Participants', () => {
+      it('Should inject participants just as a title', () => {
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+        const injection = { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: participants[0] }
+
+        // @ts-ignore
+        injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+        expect(document.querySelector('[data-playpilot-injection-key]')).toBeTruthy()
+      })
+
+      it('Should ignore participants below a given popularity threshold', () => {
+        window.PlayPilotLinkInjections.config = {
+          participant_injection_popularity_threshold: 50,
+        }
+
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+
+        /** @type {import('$lib/types/injection').LinkInjection[]} */
+        const injections = [
+          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), type: 'participant', participant_details: { ...participants[0], popularity: 20 } },
+          { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: { ...participants[0], popularity: 70 } },
+        ]
+
+        // @ts-ignore
+        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
+
+        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(1)
+      })
+
+      it('Should ignore participants popularity for manual injections', () => {
+        window.PlayPilotLinkInjections.config = {
+          participant_injection_popularity_threshold_use_article_average: false,
+          participant_injection_popularity_threshold: 50,
+        }
+
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+
+        /** @type {import('$lib/types/injection').LinkInjection[]} */
+        const injections = [
+          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), type: 'participant', manual: true, participant_details: { ...participants[0], popularity: 20 } },
+          { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', manual: true, participant_details: { ...participants[0], popularity: 70 } },
+        ]
+
+        // @ts-ignore
+        injectLinksInDocument(elements, { aiInjections: [], manualInjections: injections })
+
+        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
+      })
+
+      it('Should include injection type on element', () => {
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+        const injections = [
+          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), type: 'participant', participant_details: participants[0] },
+          { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'title' },
+        ]
+
+        // @ts-ignore
+        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
+
+        expect(/** @type {HTMLElement} */ (document.querySelectorAll('[data-playpilot-injection-key]')[0]).dataset.playpilotInjectionType).toBe('participant')
+        expect(/** @type {HTMLElement} */ (document.querySelectorAll('[data-playpilot-injection-key]')[1]).dataset.playpilotInjectionType).toBe('title')
+      })
+    })
+
+    describe('config.open_tpi_links_in_explore', () => {
+      beforeEach(() => {
+        window.PlayPilotLinkInjections.config = {
+          open_tpi_links_in_explore: true,
+          explore_navigation_path: 'https://some-path.com/explore',
+        }
+      })
+
+      it('Should use href with explore links if open_tpi_links_in_explore is true', () => {
+        const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+        document.body.innerHTML = `<p>${injection.sentence}</p>`
+
+        const elements = Array.from(document.querySelectorAll('p'))
+
+        injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+        const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
+        expect(link.href).toBe(window.PlayPilotLinkInjections.config?.explore_navigation_path + `?route=modal&sid=${injection.title_details?.sid}`)
+        expect(link.target).not.toBeTruthy()
+      })
+
+      it('Should not open modal when link is clicked when open_tpi_links_in_explore is true', async () => {
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+        const injection = generateInjection('This is a sentence with an injection.', 'an injection')
+
+        injectLinksInDocument(elements, { aiInjections: [injection], manualInjections: [] })
+
+        const link = /** @type {HTMLAnchorElement} */ (document.querySelector('a'))
+        await fireEvent.click(link)
+
+        expect(openModalForInjectedLink).not.toHaveBeenCalled()
+      })
+    })
+
+    describe('config.unique_injection_count_limit', () => {
+      it('Should not insert another link if the count for links of the same sid is met', () => {
+        window.PlayPilotLinkInjections.config = {
+          unique_injection_count_limit: 2,
+        }
+
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+        const injections = [
+          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a' },
+          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'a' },
+          { ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'a' },
+        ]
+
+        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
+
+        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
+      })
+
+      it('Should disregard limit for manual injections', () => {
+        window.PlayPilotLinkInjections.config = {
+          unique_injection_count_limit: 2,
+        }
+
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+        const aiInjections = [
+          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a' },
+          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'a' },
+        ]
+        const manualInjections = [{ ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'a' }]
+
+        injectLinksInDocument(elements, { aiInjections, manualInjections })
+
+        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(3)
+      })
+    })
+
+    describe('config.total_participant_injection_count_limit', () => {
+      it('Should not insert another link if the total count of participants exceeds the given limit', () => {
+        window.PlayPilotLinkInjections.config = {
+          total_participant_injection_count_limit: 2,
+        }
+
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+
+        /** @type {import('$lib/types/injection').LinkInjection[]} */
+        const injections = [
+          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a', type: 'participant', participant_details: participants[0] },
+          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'b', type: 'participant', participant_details: participants[0] },
+          { ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'c', type: 'participant', participant_details: participants[0] },
+        ]
+
+        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
+
+        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(2)
+      })
+
+      it('Should disregard any limit if none if given', () => {
+        window.PlayPilotLinkInjections.config = {}
+
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+
+        /** @type {import('$lib/types/injection').LinkInjection[]} */
+        const injections = [
+          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a', type: 'participant', participant_details: participants[0] },
+          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'b', type: 'participant', participant_details: participants[0] },
+          { ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'c', type: 'participant', participant_details: participants[0] },
+        ]
+
+        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
+
+        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(3)
+      })
+
+      it('Should disregard title types for participant limit if none if given', () => {
+        window.PlayPilotLinkInjections.config = {
+          total_participant_injection_count_limit: 1,
+        }
+
+        document.body.innerHTML = '<p>This is a sentence with an injection.</p>'
+
+        const elements = Array.from(document.body.querySelectorAll('p'))
+
+        /** @type {import('$lib/types/injection').LinkInjection[]} */
+        const injections = [
+          { ...generateInjection('This is a sentence with an injection.', 'This is'), sid: 'a' },
+          { ...generateInjection('This is a sentence with an injection.', 'a sentence'), sid: 'b' },
+          { ...generateInjection('This is a sentence with an injection.', 'an injection'), sid: 'c', type: 'participant', participant_details: participants[0] },
+        ]
+
+        injectLinksInDocument(elements, { aiInjections: injections, manualInjections: [] })
+
+        expect(document.querySelectorAll('[data-playpilot-injection-key]')).toHaveLength(3)
+      })
+    })
+  })
+
+  describe('clearLinkInjections', () => {
+    it('Should remove injected links from the page', () => {
+      document.body.innerHTML = '<p><span data-playpilot-injection-key><a>Some link</a></span></p>'
+      clearLinkInjections()
+
+      expect(document.body.innerHTML).toBe('<p>Some link</p>')
+    })
+
+    it('Should leave non-injected links intact', () => {
+      document.body.innerHTML = '<p><a>Some link</a></p>'
+      clearLinkInjections()
+
+      expect(document.body.innerHTML).toBe('<p><a>Some link</a></p>')
+    })
+  })
+
+  describe('clearLinkInjection', () => {
+    it('Should remove injected link from the page', () => {
+      document.body.innerHTML = '<p><span data-playpilot-injection-key="a"><a>Some link</a></span></p>'
+      clearLinkInjection('a')
+
+      expect(document.body.innerHTML).toBe('<p>Some link</p>')
+    })
+
+    it('Should keep other keys intact', () => {
+      document.body.innerHTML = '<p><span data-playpilot-injection-key="b"><a>Some link</a></span></p>'
+      clearLinkInjection('a')
+
+      expect(document.body.innerHTML).toBe('<p><span data-playpilot-injection-key="b"><a>Some link</a></span></p>')
+    })
+  })
+
+  describe('isAvailableAsManualInjection', () => {
+    it('Should return true if the ai injection has a matching manual injection', () => {
+      const aiInjection = generateInjection('Some sentence', 'Some title')
+      const manualInjection = { ...aiInjection, manual: true }
+
+      expect(isAvailableAsManualInjection(aiInjection, 0, [aiInjection, manualInjection]))
+    })
+
+    it('Should return false if the ai injection has no matching manual injection', () => {
+      const aiInjection = generateInjection('Some sentence', 'Some title')
+
+      expect(isAvailableAsManualInjection(aiInjection, 0, [aiInjection]))
+    })
+
+    it('Should return false if the ai injection has a matching ai injection', () => {
+      const aiInjection = generateInjection('Some sentence', 'Some title')
+
+      expect(isAvailableAsManualInjection(aiInjection, 0, [aiInjection, aiInjection]))
+    })
+  })
+
+  describe('filterRemovedAndInactiveInjections', () => {
+    it('Should not return injections that are removed or have an removed manual equivalent', () => {
+      const aiInjection = generateInjection('Some sentence', 'Some title')
+      const manualInjection = { ...aiInjection, manual: true, removed: true }
+
+      expect(filterRemovedAndInactiveInjections([aiInjection, manualInjection])).toEqual([])
+    })
+
+    it('Should not return injections that are inactive or have an inactive manual equivalent', () => {
+      const aiInjection = generateInjection('Some sentence', 'Some title')
+      const manualInjection = { ...aiInjection, manual: true, inactive: true }
+
+      expect(filterRemovedAndInactiveInjections([aiInjection, manualInjection])).toEqual([])
+    })
+
+    it('Should return ai injections that have no matching manual injection', () => {
+      const aiInjection = generateInjection('Some sentence', 'Some title')
+      const manualInjection = { ...generateInjection('Some other sentence', 'Some other title'), manual: true }
+
+      expect(filterRemovedAndInactiveInjections([aiInjection, manualInjection])).toEqual([aiInjection, manualInjection])
+    })
+
+    it('Should return manual injections that have been removed at one point, but a new injection for the same title was created', () => {
+      const manualInjection = { ...generateInjection('Some other sentence', 'Some other title'), manual: true }
+      const removedManualInjection = { ...manualInjection, removed: true }
+
+      expect(filterRemovedAndInactiveInjections([manualInjection, removedManualInjection])).toEqual([manualInjection])
+    })
+
+    it('Should return manual injections that have been inactive at one point, but a new injection for the same title was created', () => {
+      const manualInjection = { ...generateInjection('Some other sentence', 'Some other title'), manual: true }
+      const inactiveManualInjection = { ...manualInjection, inactive: true }
+
+      expect(filterRemovedAndInactiveInjections([manualInjection, inactiveManualInjection])).toEqual([manualInjection])
+    })
+  })
+
+  describe('isEquivalentInjection', () => {
+    it('Should return true if injections have the same title and sentence', () => {
+      expect(isEquivalentInjection(generateInjection('a', 'b'), generateInjection('a', 'b'))).toBe(true)
+    })
+
+    it('Should return false if injections have different titles', () => {
+      expect(isEquivalentInjection(generateInjection('a', 'b'), generateInjection('a', 'c'))).toBe(false)
+    })
+
+    it('Should return false if injections have different sentences', () => {
+      expect(isEquivalentInjection(generateInjection('a', 'b'), generateInjection('b', 'b'))).toBe(false)
+    })
+
+    it('Should return false if injections have both different titles and sentences', () => {
+      expect(isEquivalentInjection(generateInjection('a', 'b'), generateInjection('c', 'd'))).toBe(false)
+    })
+  })
+
+  describe('isValidInjection', () => {
+    it('Should only return true when the injection is valid', () => {
+      expect(isValidInjection({ ...generateInjection('a', 'b') })).toBe(true)
+      expect(isValidInjection({ ...generateInjection('a', 'b'), inactive: true })).toBe(false)
+      expect(isValidInjection({ ...generateInjection('a', 'b'), removed: true })).toBe(false)
+      expect(isValidInjection({ ...generateInjection('a', 'b'), duplicate: true })).toBe(false)
+      expect(isValidInjection({ ...generateInjection('a', 'b'), title_details: undefined })).toBe(false)
+    })
+  })
+
+  describe('filterInvalidInTextInjections', () => {
+    it('Should return injections that are valid', () => {
+      expect(filterInvalidInTextInjections([generateInjection('a', 'b')])).toHaveLength(1)
+    })
+
+    it('Should return not injections that inactive, removed, duplicate, have no title_details, or are not in_text', () => {
+      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), inactive: true }])).toHaveLength(0)
+      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), removed: true }])).toHaveLength(0)
+      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), duplicate: true }])).toHaveLength(0)
+      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), title_details: undefined }])).toHaveLength(0)
+      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), in_text: false }])).toHaveLength(0)
+
+      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), in_text: undefined }])).toHaveLength(1)
+      expect(filterInvalidInTextInjections([{ ...generateInjection('a', 'b'), in_text: true }])).toHaveLength(1)
+    })
+  })
+
+  describe('filterInvalidAfterArticleInjections', () => {
+    it('Should return not injections that inactive, removed, duplicate, have no title_details, or are not after_article', () => {
+      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), inactive: true }])).toHaveLength(0)
+      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), removed: true }])).toHaveLength(0)
+      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), duplicate: true }])).toHaveLength(0)
+      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), title_details: undefined }])).toHaveLength(0)
+      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), after_article: false }])).toHaveLength(0)
+      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), after_article: undefined }])).toHaveLength(0)
+
+      expect(filterInvalidAfterArticleInjections([{ ...generateInjection('a', 'b'), after_article: true }])).toHaveLength(1)
+    })
+  })
+
+  describe('isValidPlaylinkType', () => {
+    it('Should return true if in_text is true', () => {
+      // @ts-ignore
+      expect(isValidPlaylinkType({ in_text: true })).toBe(true)
+      // @ts-ignore
+      expect(isValidPlaylinkType({ in_text: true, after_article: false })).toBe(true)
+    })
+
+    it('Should return true if after_article is true', () => {
+      // @ts-ignore
+      expect(isValidPlaylinkType({ after_article: true })).toBe(true)
+      // @ts-ignore
+      expect(isValidPlaylinkType({ after_article: true, in_text: false })).toBe(true)
+    })
+
+    it('Should return true if neither in_text or after_article are given', () => {
+      // @ts-ignore
+      expect(isValidPlaylinkType({ })).toBe(true)
+    })
+
+    it('Should return false if in_text is false', () => {
+      // @ts-ignore
+      expect(isValidPlaylinkType({ in_text: false })).toBe(false)
+    })
+
+    it('Should return false if both in_text and after_article are are false', () => {
+      // @ts-ignore
+      expect(isValidPlaylinkType({ in_text: false, after_article: false })).toBe(false)
+    })
+  })
+
+  describe('hasValidTypeData', () => {
+    it('Should return true if injection has type title and has title_details', () => {
+      // @ts-ignore
+      expect(hasValidTypeData({ type: 'title', title_details: {} })).toBe(true)
+    })
+
+    it('Should return true if injection has type participant and has participant_details', () => {
+      // @ts-ignore
+      expect(hasValidTypeData({ type: 'participant', participant_details: {} })).toBe(true)
+    })
+
+    it('Should return false if injection has type title but has no title_details', () => {
+      // @ts-ignore
+      expect(hasValidTypeData({ type: 'title', title_details: null })).toBe(false)
+      // @ts-ignore
+      expect(hasValidTypeData({ type: 'title' })).toBe(false)
+    })
+
+    it('Should return false if injection has type participant but has no participant_details', () => {
+      // @ts-ignore
+      expect(hasValidTypeData({ type: 'participant', participant_details: null })).toBe(false)
+      // @ts-ignore
+      expect(hasValidTypeData({ type: 'participant' })).toBe(false)
+    })
+  })
+
+
+  describe('removePlayPilotTitleLinks', () => {
+    it('Should remove existing title links', () => {
+      document.body.innerHTML = `
+        <a href="https://www.playpilot.com/movie/123">Movie Link</a>
+        <a href="https://www.playpilot.com/show/123">Show Link</a>
+      `
+
+      removePlayPilotTitleLinks()
+
+      expect(document.body.innerHTML).toContain('Movie Link')
+      expect(document.body.innerHTML).toContain('Show Link')
+      expect(document.querySelectorAll('a')).toHaveLength(0)
+    })
+
+    it('Should not remove injected links', () => {
+      document.body.innerHTML = `
+        <span data-playpilot-injection-key>
+          <a href="https://www.playpilot.com/movie/123">Movie Link</a>
+        </span>
+      `
+
+      removePlayPilotTitleLinks()
+
+      expect(document.querySelector('a')).toBeTruthy()
+    })
+
+    it('Should not remove links without /movie/ or /show/', () => {
+      document.body.innerHTML = `
+        <a href="https://www.playpilot.com/something/123">Not a show or movie</a>
+        <a href="https://www.playpilot.com/">Root</a>
+      `
+
+      removePlayPilotTitleLinks()
+
+      expect(document.querySelectorAll('a')).toHaveLength(2)
+    })
+
+    it('Should not remove non-playpilot links', () => {
+      document.body.innerHTML = '<a href="https://some-website.com">Not PlayPilot</a>'
+
+      removePlayPilotTitleLinks()
+
+      expect(document.querySelector('a')).toBeTruthy()
+    })
+  })
+
+  describe('doesParticipantMeetThreshold', () => {
+    it('Should return true or false if article average is used and participant is above or below average', () => {
+      window.PlayPilotLinkInjections.config = {
+        participant_injection_popularity_threshold: 75,
+      }
+
+      const truthyParticipant = { ...participants[0], popularity: 70 }
+      const falseyParticipant = { ...participants[0], popularity: 20 }
+
+      /** @type {import('$lib/types/injection').LinkInjection[]} */
+      const injections = [
+        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: truthyParticipant },
+        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: falseyParticipant },
+      ]
+
+      expect(doesParticipantMeetThreshold(injections, truthyParticipant)).toBe(true)
+      expect(doesParticipantMeetThreshold(injections, falseyParticipant)).toBe(false)
+    })
+
+    it('Should return true or false if article average is not used and participant is above or below threshold', () => {
+      window.PlayPilotLinkInjections.config = {
+        participant_injection_popularity_threshold: 5500,
+        participant_injection_popularity_threshold_use_article_average: false,
+      }
+
+      const truthyParticipant = { ...participants[0], popularity: 6000 }
+      const falseyParticipant = { ...participants[0], popularity: 5000 }
+
+      /** @type {import('$lib/types/injection').LinkInjection[]} */
+      const injections = [
+        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: truthyParticipant },
+        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: falseyParticipant },
+      ]
+
+      expect(doesParticipantMeetThreshold(injections, truthyParticipant)).toBe(true)
+      expect(doesParticipantMeetThreshold(injections, falseyParticipant)).toBe(false)
+    })
+
+    it('Should return true if threshold is 0, regardless of popularity', () => {
+      window.PlayPilotLinkInjections.config = {
+        participant_injection_popularity_threshold: 0,
+      }
+
+      const truthyParticipant = { ...participants[0], popularity: 0 }
+      const truthyParticipant2 = { ...participants[0], popularity: 60 }
+
+      /** @type {import('$lib/types/injection').LinkInjection[]} */
+      const injections = [
+        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: truthyParticipant },
+      ]
+
+      expect(doesParticipantMeetThreshold(injections, truthyParticipant)).toBe(true)
+      expect(doesParticipantMeetThreshold(injections, truthyParticipant2)).toBe(true)
+    })
+
+    it('Should use threshold of 0 by default', () => {
+      const truthyParticipant = { ...participants[0], popularity: 0 }
+      const truthyParticipant2 = { ...participants[0], popularity: 1 }
+
+      /** @type {import('$lib/types/injection').LinkInjection[]} */
+      const injections = [
+        { ...generateInjection('This is a sentence with an injection.', 'an injection'), type: 'participant', participant_details: truthyParticipant },
+      ]
+
+      expect(doesParticipantMeetThreshold(injections, truthyParticipant)).toBe(true)
+      expect(doesParticipantMeetThreshold(injections, truthyParticipant2)).toBe(true)
+    })
+  })
+})