✨ Introduce bot v2 in builder (#328)

Also, the new engine is the default for updated typebots for viewer

Closes #211

apps/builder/src/features/blocks/bubbles/audio/audio.spec.ts

@@ -4,7 +4,6 @@ import { parseDefaultGroupWithBlock } from 'utils/playwright/databaseHelpers'
 import { BubbleBlockType, defaultAudioBubbleContent } from 'models'
 import { createId } from '@paralleldrive/cuid2'
 import { getTestAsset } from '@/test/utils/playwright'
-import { typebotViewer } from 'utils/playwright/testHelpers'
 
 const audioSampleUrl =
   'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3'
@@ -34,7 +33,7 @@ test('should work as expected', async ({ page }) => {
     RegExp(`/public/typebots/${typebotId}/blocks`, 'gm')
   )
   await page.getByRole('button', { name: 'Preview', exact: true }).click()
-  await expect(typebotViewer(page).locator('audio')).toHaveAttribute(
+  await expect(page.locator('audio')).toHaveAttribute(
     'src',
     RegExp(`/public/typebots/${typebotId}/blocks`, 'gm')
   )

apps/builder/src/features/blocks/bubbles/embed/embed.spec.ts

@@ -3,7 +3,6 @@ import { BubbleBlockType, defaultEmbedBubbleContent } from 'models'
 import { createId } from '@paralleldrive/cuid2'
 import { createTypebots } from 'utils/playwright/databaseActions'
 import { parseDefaultGroupWithBlock } from 'utils/playwright/databaseHelpers'
-import { typebotViewer } from 'utils/playwright/testHelpers'
 
 const pdfSrc = 'https://www.orimi.com/pdf-test.pdf'
 const siteSrc = 'https://app.cal.com/baptistearno/15min'
@@ -47,9 +46,10 @@ test.describe.parallel('Embed bubble block', () => {
 
       await page.goto(`/typebots/${typebotId}/edit`)
       await page.click('text=Preview')
-      await expect(
-        typebotViewer(page).locator('iframe#embed-bubble-content')
-      ).toHaveAttribute('src', siteSrc)
+      await expect(page.locator('iframe#embed-bubble-content')).toHaveAttribute(
+        'src',
+        siteSrc
+      )
     })
   })
 })

apps/builder/src/features/blocks/bubbles/image/image.spec.ts

@@ -3,7 +3,6 @@ import { createTypebots } from 'utils/playwright/databaseActions'
 import { parseDefaultGroupWithBlock } from 'utils/playwright/databaseHelpers'
 import { BubbleBlockType, defaultImageBubbleContent } from 'models'
 import { createId } from '@paralleldrive/cuid2'
-import { typebotViewer } from 'utils/playwright/testHelpers'
 import { getTestAsset } from '@/test/utils/playwright'
 
 const unsplashImageSrc =
@@ -117,10 +116,7 @@ test.describe.parallel('Image bubble block', () => {
 
       await page.goto(`/typebots/${typebotId}/edit`)
       await page.click('text=Preview')
-      await expect(typebotViewer(page).locator('img')).toHaveAttribute(
-        'src',
-        unsplashImageSrc
-      )
+      await expect(page.locator('img')).toHaveAttribute('src', unsplashImageSrc)
     })
   })
 })

apps/builder/src/features/blocks/bubbles/textBubble/textBubble.spec.ts

@@ -3,7 +3,6 @@ import { createTypebots } from 'utils/playwright/databaseActions'
 import { parseDefaultGroupWithBlock } from 'utils/playwright/databaseHelpers'
 import { BubbleBlockType, defaultTextBubbleContent } from 'models'
 import { createId } from '@paralleldrive/cuid2'
-import { typebotViewer } from 'utils/playwright/testHelpers'
 
 test.describe('Text bubble block', () => {
   test('rich text features should work', async ({ page }) => {
@@ -51,17 +50,17 @@ test.describe('Text bubble block', () => {
     await page.getByRole('menuitem', { name: 'Create test' }).click()
 
     await page.click('text=Preview')
+    await expect(page.locator('span.slate-bold >> nth=0')).toHaveText(
+      'Bold text'
+    )
+    await expect(page.locator('span.slate-italic >> nth=0')).toHaveText(
+      'Italic text'
+    )
+    await expect(page.locator('span.slate-underline >> nth=0')).toHaveText(
+      'Underlined text'
+    )
     await expect(
-      typebotViewer(page).locator('span.slate-bold >> nth=0')
-    ).toHaveText('Bold text')
-    await expect(
-      typebotViewer(page).locator('span.slate-italic >> nth=0')
-    ).toHaveText('Italic text')
-    await expect(
-      typebotViewer(page).locator('span.slate-underline >> nth=0')
-    ).toHaveText('Underlined text')
-    await expect(
-      typebotViewer(page).locator('a[href="https://github.com"]')
+      page.locator('typebot-standard').locator('a[href="https://github.com"]')
     ).toHaveText('My super link')
   })
 })

apps/builder/src/features/blocks/bubbles/video/video.spec.ts

@@ -7,7 +7,6 @@ import {
   VideoBubbleContentType,
 } from 'models'
 import { createId } from '@paralleldrive/cuid2'
-import { typebotViewer } from 'utils/playwright/testHelpers'
 
 const videoSrc =
   'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4'
@@ -57,9 +56,10 @@ test.describe.parallel('Video bubble block', () => {
 
       await page.goto(`/typebots/${typebotId}/edit`)
       await page.click('text=Preview')
-      await expect(
-        typebotViewer(page).locator('video > source')
-      ).toHaveAttribute('src', videoSrc)
+      await expect(page.locator('video > source').nth(1)).toHaveAttribute(
+        'src',
+        videoSrc
+      )
     })
 
     test('should display youtube video correctly', async ({ page }) => {
@@ -80,7 +80,7 @@ test.describe.parallel('Video bubble block', () => {
 
       await page.goto(`/typebots/${typebotId}/edit`)
       await page.click('text=Preview')
-      await expect(typebotViewer(page).locator('iframe')).toHaveAttribute(
+      await expect(page.locator('iframe').nth(1)).toHaveAttribute(
         'src',
         'https://www.youtube.com/embed/dQw4w9WgXcQ'
       )
@@ -104,7 +104,7 @@ test.describe.parallel('Video bubble block', () => {
 
       await page.goto(`/typebots/${typebotId}/edit`)
       await page.click('text=Preview')
-      await expect(typebotViewer(page).locator('iframe')).toHaveAttribute(
+      await expect(page.locator('iframe').nth(1)).toHaveAttribute(
         'src',
         'https://player.vimeo.com/video/649301125'
       )