feat(viewer): ✨ Add variables in URL support

apps/builder/playwright/tests/inputs/text.spec.ts

@@ -7,7 +7,7 @@ import { defaultTextInputOptions, InputStepType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import { generate } from 'short-uuid'
 
-test.describe('Text input step', () => {
+test.describe.parallel('Text input step', () => {
   test('options should work', async ({ page }) => {
     const typebotId = generate()
     await createTypebots([
@@ -41,4 +41,26 @@ test.describe('Text input step', () => {
     ).toBeVisible()
     await expect(typebotViewer(page).locator(`text=Go`)).toBeVisible()
   })
+
+  test('variable in URL should prefill the input', async ({ page }) => {
+    const typebotId = generate()
+    await createTypebots([
+      {
+        id: typebotId,
+        ...parseDefaultBlockWithStep({
+          type: InputStepType.TEXT,
+          options: { ...defaultTextInputOptions, variableId: 'var1' },
+        }),
+      },
+    ])
+
+    await page.goto(`/typebots/${typebotId}/edit?var1=My prefilled answer`)
+    await page.click('text=Preview')
+    await expect(
+      typebotViewer(page).locator(
+        `input[placeholder="${defaultTextInputOptions.labels.placeholder}"]`
+      )
+    ).toHaveAttribute('value', 'My prefilled answer')
+    await expect(typebotViewer(page).locator(`button`)).toBeEnabled()
+  })
 })

apps/builder/playwright/tests/results.spec.ts

@@ -7,6 +7,7 @@ import { generate } from 'short-uuid'
 import {
   createResults,
   createTypebots,
+  importTypebotInDatabase,
   parseDefaultBlockWithStep,
 } from '../services/database'
 import { deleteButtonInConfirmDialog } from '../services/selectorUtils'
@@ -14,6 +15,30 @@ import { deleteButtonInConfirmDialog } from '../services/selectorUtils'
 const typebotId = generate()
 
 test.describe('Results page', () => {
+  test('Submission table header should be parsed correctly', async ({
+    page,
+  }) => {
+    const typebotId = generate()
+    await importTypebotInDatabase(
+      path.join(
+        __dirname,
+        '../fixtures/typebots/results/submissionHeader.json'
+      ),
+      {
+        id: typebotId,
+      }
+    )
+    await page.goto(`/typebots/${typebotId}/results`)
+    await expect(page.locator('text=Submitted at')).toBeVisible()
+    await expect(page.locator('text=Welcome')).toBeVisible()
+    await expect(page.locator('text=Email')).toBeVisible()
+    await expect(page.locator('text=Name')).toBeVisible()
+    await expect(page.locator('text=Services')).toBeVisible()
+    await expect(page.locator('text=Additional information')).toBeVisible()
+    await expect(page.locator('text=utm_source')).toBeVisible()
+    await expect(page.locator('text=utm_userid')).toBeVisible()
+  })
+
   test('results should be deletable', async ({ page }) => {
     await createTypebots([
       {

apps/builder/playwright/tests/theme.spec.ts

@@ -45,7 +45,7 @@ test.describe.parallel('Theme page', () => {
   })
 
   test.describe('Chat', () => {
-    test.only('should reflect change in real-time', async ({ page }) => {
+    test('should reflect change in real-time', async ({ page }) => {
       const typebotId = 'chat-theme-typebot'
       try {
         await importTypebotInDatabase(