@playpilot/tpi 5.34.2 → 5.35.0

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

@@ -0,0 +1,31 @@
+import { fireEvent, render } from '@testing-library/svelte'
+import { describe, expect, it, vi } from 'vitest'
+
+import YouTubeEmbedOverlay from '../../../routes/components/YouTubeEmbedOverlay.svelte'
+
+describe('YouTubeEmbedOverlay.svelte', () => {
+  it('Should render embed iframe with given video url', () => {
+    const { container } = render(YouTubeEmbedOverlay, { embeddable_url: 'youtube.com/watch?v=abc', onclose: () => null })
+
+    // @ts-ignore
+    expect(container.querySelector('iframe').src).toBe('https://www.youtube.com/embed/abc?autoplay=true')
+  })
+
+  it('Should render error message if embeddable_url is invalid', () => {
+    const { container, getByText } = render(YouTubeEmbedOverlay, { embeddable_url: '-', onclose: () => null })
+
+    expect(container.querySelector('iframe')).not.toBeTruthy()
+    expect(getByText('Something went wrong')).toBeTruthy()
+  })
+
+  it('Should fire given onclose function on click of close button and backdrop', async () => {
+    const onclose = vi.fn()
+    const { getByLabelText, getByTestId } = render(YouTubeEmbedOverlay, { embeddable_url: '-', onclose })
+
+    await fireEvent.click(getByLabelText('Close'))
+    expect(onclose).toHaveBeenCalledTimes(1)
+
+    await fireEvent.click(getByTestId('backdrop'))
+    expect(onclose).toHaveBeenCalledTimes(2)
+  })
+})