bot/apps/builder/playwright/tests/account.spec.ts

import test, { expect } from '@playwright/test'
import { refreshUser } from '../services/browser'
import { Plan } from 'db'
import path from 'path'
import { updateUser } from '../services/database'

test.describe('Account page', () => {
  test('should edit user info properly', async ({ page }) => {
    await updateUser({
      name: 'Default Name',
      image:
        'https://images.unsplash.com/photo-1521119989659-a83eee488004?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1323&q=80',
    })
    await page.goto('/account')
    const saveButton = page.locator('button:has-text("Save")')
    await expect(saveButton).toBeHidden()
    await expect(
      page.locator('input[type="email"]').getAttribute('disabled')
    ).toBeDefined()
    await page.fill('#name', 'John Doe')
    expect(saveButton).toBeVisible()
    await page.setInputFiles(
      'input[type="file"]',
      path.join(__dirname, '../fixtures/avatar.jpg')
    )
    await expect(page.locator('img')).toHaveAttribute(
      'src',
      new RegExp(
        `https://s3.eu-west-3.amazonaws.com/typebot/users/${process.env.PLAYWRIGHT_USER_ID}/avatar`,
        'gm'
      )
    )
    await saveButton.click()
    await expect(saveButton).toBeHidden()
  })

  test('should display valid plans', async ({ page }) => {
    await updateUser({ plan: Plan.FREE, stripeId: null })
    await page.goto('/account')
    await expect(page.locator('text=Free plan')).toBeVisible()
    await page.evaluate(refreshUser)
    await page.reload()
    const manageSubscriptionButton = page.locator(
      'a:has-text("Manage my subscription")'
    )
    await expect(manageSubscriptionButton).toBeHidden()
    await updateUser({ plan: Plan.PRO, stripeId: 'stripeId' })
    await page.reload()
    await expect(page.locator('text=Pro plan')).toBeVisible()
    await expect(manageSubscriptionButton).toBeVisible()
  })
})