♻️ (builder) Change to features-centric folder structure

apps/builder/src/features/settings/settings.spec.ts

@@ -0,0 +1,135 @@
+import { getTestAsset } from '@/test/utils/playwright'
+import test, { expect } from '@playwright/test'
+import cuid from 'cuid'
+import { defaultTextInputOptions } from 'models'
+import { importTypebotInDatabase } from 'utils/playwright/databaseActions'
+import { freeWorkspaceId } from 'utils/playwright/databaseSetup'
+import { typebotViewer } from 'utils/playwright/testHelpers'
+
+test.describe.parallel('Settings page', () => {
+  test.describe('General', () => {
+    test('should reflect change in real-time', async ({ page }) => {
+      const typebotId = cuid()
+      await importTypebotInDatabase(getTestAsset('typebots/settings.json'), {
+        id: typebotId,
+      })
+      await page.goto(`/typebots/${typebotId}/settings`)
+      await expect(
+        typebotViewer(page).locator('a:has-text("Made with Typebot")')
+      ).toHaveAttribute('href', 'https://www.typebot.io/?utm_source=litebadge')
+      await page.click('text="Typebot.io branding"')
+      await expect(
+        typebotViewer(page).locator('a:has-text("Made with Typebot")')
+      ).toBeHidden()
+
+      await page.click('text="Remember session"')
+      await expect(
+        page.locator('input[type="checkbox"] >> nth=-1')
+      ).toHaveAttribute('checked', '')
+
+      await expect(
+        typebotViewer(page).locator('input[value="Baptiste"]')
+      ).toBeVisible()
+      await page.click('text=Prefill input')
+      await page.click('text=Theme')
+      await expect(
+        typebotViewer(page).locator(
+          `input[placeholder="${defaultTextInputOptions.labels.placeholder}"]`
+        )
+      ).toHaveValue('')
+    })
+  })
+
+  test.describe('Typing emulation', () => {
+    test('should be fillable', async ({ page }) => {
+      const typebotId = cuid()
+      await importTypebotInDatabase(getTestAsset('typebots/settings.json'), {
+        id: typebotId,
+      })
+      await page.goto(`/typebots/${typebotId}/settings`)
+      await expect(
+        typebotViewer(page).locator('a:has-text("Made with Typebot")')
+      ).toHaveAttribute('href', 'https://www.typebot.io/?utm_source=litebadge')
+      await page.click('button:has-text("Typing emulation")')
+      await page.fill('[data-testid="speed"] input', '350')
+      await page.fill('[data-testid="max-delay"] input', '1.5')
+      await page.click('text="Typing emulation" >> nth=-1')
+      await expect(page.locator('[data-testid="speed"]')).toBeHidden()
+      await expect(page.locator('[data-testid="max-delay"]')).toBeHidden()
+    })
+  })
+
+  test.describe('Metadata', () => {
+    test('should be fillable', async ({ page }) => {
+      const favIconUrl = 'https://www.baptistearno.com/favicon.png'
+      const imageUrl = 'https://www.baptistearno.com/images/site-preview.png'
+      const typebotId = cuid()
+      await importTypebotInDatabase(getTestAsset('typebots/settings.json'), {
+        id: typebotId,
+      })
+      await page.goto(`/typebots/${typebotId}/settings`)
+      await expect(
+        typebotViewer(page).locator(
+          `input[placeholder="${defaultTextInputOptions.labels.placeholder}"]`
+        )
+      ).toHaveValue('Baptiste')
+      await page.click('button:has-text("Metadata")')
+
+      // Fav icon
+      const favIconImg = page.locator('img >> nth=0')
+      await expect(favIconImg).toHaveAttribute('src', '/favicon.png')
+      await favIconImg.click()
+      await expect(page.locator('text=Giphy')).toBeHidden()
+      await page.click('button:has-text("Embed link")')
+      await page.fill(
+        'input[placeholder="Paste the image link..."]',
+        favIconUrl
+      )
+      await expect(favIconImg).toHaveAttribute('src', favIconUrl)
+
+      // Website image
+      const websiteImg = page.locator('img >> nth=1')
+      await expect(websiteImg).toHaveAttribute('src', '/viewer-preview.png')
+      await websiteImg.click({ position: { x: 0, y: 160 }, force: true })
+      await expect(page.locator('text=Giphy')).toBeHidden()
+      await page.click('button >> text="Embed link"')
+      await page.fill('input[placeholder="Paste the image link..."]', imageUrl)
+      await expect(websiteImg).toHaveAttribute('src', imageUrl)
+
+      // Title
+      await page.fill('input#title', 'Awesome typebot')
+
+      // Description
+      await page.fill('textarea#description', 'Lorem ipsum')
+
+      // Custom head code
+      await page.fill(
+        'div[contenteditable=true]',
+        '<script>Lorem ipsum</script>'
+      )
+    })
+  })
+
+  test.describe('Free workspace', () => {
+    test("can't remove branding", async ({ page }) => {
+      const typebotId = cuid()
+      await importTypebotInDatabase(getTestAsset('typebots/settings.json'), {
+        id: typebotId,
+        workspaceId: freeWorkspaceId,
+      })
+      await page.goto(`/typebots/${typebotId}/settings`)
+      await expect(
+        typebotViewer(page).locator('text="What\'s your name?"')
+      ).toBeVisible()
+      await expect(
+        page.locator('[data-testid="starter-lock-tag"]')
+      ).toBeVisible()
+      await page.click('text=Typebot.io branding')
+      await expect(
+        page.locator(
+          'text="You need to upgrade your plan in order to remove branding"'
+        )
+      ).toBeVisible()
+    })
+  })
+})