@playpilot/tpi 7.2.0 → 8.0.0-beta.explore-home.2

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

@@ -0,0 +1,31 @@
+import { render } from '@testing-library/svelte'
+import { describe, expect, it } from 'vitest'
+
+import YouTubeEmbed from '../../../routes/components/YouTubeEmbed.svelte'
+
+describe('YouTubeEmbed.svelte', () => {
+  it('Should render embed iframe with given video url and default options', () => {
+    const { container } = render(YouTubeEmbed, { embeddable_url: 'youtube.com/watch?v=abc' })
+
+    expect(/** @type {HTMLIFrameElement} */ (container.querySelector('iframe')).src).toBe('https://video.playpilot.net/?video_id=abc&color=fa548a&muted=false&controls=&autoplay=true&playsinline=true')
+  })
+
+  it('Should render embed iframe with given controls', () => {
+    const { container } = render(YouTubeEmbed, { embeddable_url: 'youtube.com/watch?v=abc', controls: ['fullscreen', 'mute'] })
+
+    expect(/** @type {HTMLIFrameElement} */ (container.querySelector('iframe')).src).toContain('&controls=fullscreen,mute')
+  })
+
+  it('Should render embed iframe with muted if given', () => {
+    const { container } = render(YouTubeEmbed, { embeddable_url: 'youtube.com/watch?v=abc', muted: true })
+
+    expect(/** @type {HTMLIFrameElement} */ (container.querySelector('iframe')).src).toContain('&muted=true')
+  })
+
+  it('Should render error message if embeddable_url is invalid', () => {
+    const { container, getByText } = render(YouTubeEmbed, { embeddable_url: '-' })
+
+    expect(container.querySelector('iframe')).not.toBeTruthy()
+    expect(getByText('Something went wrong')).toBeTruthy()
+  })
+})

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

@@ -8,14 +8,7 @@ describe('YouTubeEmbedOverlay.svelte', () => {
     const { container } = render(YouTubeEmbedOverlay, { embeddable_url: 'youtube.com/watch?v=abc', onclose: () => null })
 
     // @ts-ignore
-    expect(container.querySelector('iframe').src).toBe('https://video.playpilot.net/?video_id=abc&autoplay=true&playsinline=true&controls=play,mute,fullscreen,progress,current-time&color=#fa548a')
-  })
-
-  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()
+    expect(container.querySelector('iframe').src).toBe('https://video.playpilot.net/?video_id=abc&color=fa548a&muted=false&controls=current-time,fullscreen,mute,play,progress&autoplay=true&playsinline=true')
   })
 
   it('Should fire given onclose function on click of close button and backdrop', async () => {

package/vite.config.js

@@ -17,6 +17,14 @@ export default defineConfig(() => ({
 
   test: {
     environment: 'happy-dom',
+    environmentOptions: {
+      happyDOM: {
+        settings: {
+          enableJavaScriptEvaluation: true,
+          disableJavaScriptFileLoading: true,
+        },
+      },
+    },
     include: ['src/**/*.{test,spec}.{js,ts}'],
     setupFiles: ['src/tests/setup.js'],
   },