perf(e2e): ⚡️ Migrate to Playwright

2022-01-28 09:42:31 +01:00
parent c5aaa323d1
commit 73f277fce7
145 changed files with 3104 additions and 2346 deletions
--- a/apps/builder/playwright/tests/bubbles/video.spec.ts
+++ b/apps/builder/playwright/tests/bubbles/video.spec.ts
@ -0,0 +1,114 @@
+import test, { expect } from '@playwright/test'
+import {
+  createTypebots,
+  parseDefaultBlockWithStep,
+} from '../../services/database'
+import {
+  BubbleStepType,
+  defaultVideoBubbleContent,
+  VideoBubbleContentType,
+} from 'models'
+import { typebotViewer } from '../../services/selectorUtils'
+
+const videoSrc =
+  'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4'
+const youtubeVideoSrc = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
+const vimeoVideoSrc = 'https://vimeo.com/649301125'
+
+test.describe.parallel('Video bubble step', () => {
+  test.describe('Content settings', () => {
+    test('should import video url correctly', async ({ page }) => {
+      const typebotId = 'video-bubble-step-link'
+      await createTypebots([
+        {
+          id: typebotId,
+          ...parseDefaultBlockWithStep({
+            type: BubbleStepType.VIDEO,
+            content: defaultVideoBubbleContent,
+          }),
+        },
+      ])
+
+      await page.goto(`/typebots/${typebotId}/edit`)
+
+      await page.click('text=Click to edit...')
+      await page.fill('input[placeholder="Paste the video link..."]', videoSrc)
+      await expect(page.locator('video > source')).toHaveAttribute(
+        'src',
+        videoSrc
+      )
+    })
+  })
+
+  test.describe('Preview', () => {
+    test('should display video correctly', async ({ page }) => {
+      const typebotId = 'image-bubble-step-preview-video'
+      await createTypebots([
+        {
+          id: typebotId,
+          ...parseDefaultBlockWithStep({
+            type: BubbleStepType.VIDEO,
+            content: {
+              type: VideoBubbleContentType.URL,
+              url: videoSrc,
+            },
+          }),
+        },
+      ])
+
+      await page.goto(`/typebots/${typebotId}/edit`)
+      await page.click('text=Preview')
+      await expect(
+        typebotViewer(page).locator('video > source')
+      ).toHaveAttribute('src', videoSrc)
+    })
+
+    test('should display youtube video correctly', async ({ page }) => {
+      const typebotId = 'image-bubble-step-preview-youtube'
+      await createTypebots([
+        {
+          id: typebotId,
+          ...parseDefaultBlockWithStep({
+            type: BubbleStepType.VIDEO,
+            content: {
+              type: VideoBubbleContentType.YOUTUBE,
+              url: youtubeVideoSrc,
+              id: 'dQw4w9WgXcQ',
+            },
+          }),
+        },
+      ])
+
+      await page.goto(`/typebots/${typebotId}/edit`)
+      await page.click('text=Preview')
+      await expect(typebotViewer(page).locator('iframe')).toHaveAttribute(
+        'src',
+        'https://www.youtube.com/embed/dQw4w9WgXcQ'
+      )
+    })
+
+    test('should display vimeo video correctly', async ({ page }) => {
+      const typebotId = 'image-bubble-step-preview-vimeo'
+      await createTypebots([
+        {
+          id: typebotId,
+          ...parseDefaultBlockWithStep({
+            type: BubbleStepType.VIDEO,
+            content: {
+              type: VideoBubbleContentType.VIMEO,
+              url: vimeoVideoSrc,
+              id: '649301125',
+            },
+          }),
+        },
+      ])
+
+      await page.goto(`/typebots/${typebotId}/edit`)
+      await page.click('text=Preview')
+      await expect(typebotViewer(page).locator('iframe')).toHaveAttribute(
+        'src',
+        'https://player.vimeo.com/video/649301125'
+      )
+    })
+  })
+})