131 add feature tests

.github/workflows/test.yml

@@ -56,4 +56,4 @@ jobs:
         run: npx prisma migrate deploy
 
       - name: Run tests
-        run: npm test
+        run: npm test

playwright.config.ts

@@ -2,8 +2,11 @@ import type { PlaywrightTestConfig } from '@playwright/test'
 
 const config: PlaywrightTestConfig = {
   webServer: {
-    command: 'npm run build && npm run preview',
-    port: 3000,
+    command: 'npm run build && node server.js',
+    url: 'http://localhost:3000',
+  },
+  use: {
+    baseURL: 'http://localhost:3000',
   },
   testDir: 'tests',
   testMatch: /(.+\.)?(test|spec)\.[jt]s/,

prisma/seed.ts

@@ -1,11 +1,12 @@
 import { faker } from '@faker-js/faker'
 import { PrismaClient, Role } from '@prisma/client'
-import bcrypt from 'bcryptjs'
+import pkg from 'bcryptjs'
 import { encrypt } from '../src/lib/server/utils/crypto'
 import { Models } from '../src/lib/types/models'
 import { cleanDatabase } from './helpers'
 
 const prisma = new PrismaClient()
+const { hashSync } = pkg
 
 async function seed() {
   if (process.env.DEPLOYMENT_ENV !== 'staging' && process.env.DEPLOYMENT_ENV !== 'development') {

src/lib/components/ChatInput.svelte

@@ -89,6 +89,7 @@
 
           {#if !loading}
             <button
+              name="send"
               on:click={dispatchMessage}
               disabled={loading}
               class="p-3 pr-14 w-12 rounded-r-xl bg-neutral-500 group"

src/lib/components/Sidebar.svelte

@@ -10,6 +10,7 @@
     ChevronUpIcon,
   } from '@babeard/svelte-heroicons/solid'
 
+
   import { categorizeDate } from '$lib/utils/time'
 
   export let user: UserWithUserTeamsActiveTeamAndChats

src/lib/utils/time.test.ts

@@ -8,6 +8,7 @@ const dateFromLastYear = new Date(
   currentDate.getDate()
 )
 const twoYearsAgo = new Date(currentDate)
+
 twoYearsAgo.setFullYear(currentDate.getFullYear() - 2)
 
 const twoYearsAhead = new Date(currentDate)

src/lib/utils/time.ts

@@ -36,6 +36,7 @@ export const timeSince = (date: Date) => {
   }
 }
 
+
 export const categorizeDate = (date: Date): { key: string; label: string; isOpen: boolean } => {
   if (isToday(date)) {
     return { key: 'today', label: 'Today', isOpen: true }
@@ -45,6 +46,7 @@ export const categorizeDate = (date: Date): { key: string; label: string; isOpen
     millisecondsPerDay < millisecondsSince(date) &&
     millisecondsSince(date) <= previousSevenDays
   ) {
+
     return { key: 'previousSevenDays', label: 'Previous 7 Days', isOpen: true }
   } else if (
     previousSevenDays < millisecondsSince(date) &&

tests/flows.test.ts

@@ -0,0 +1,157 @@
+import { expect, test } from '@playwright/test'
+import { faker } from '@faker-js/faker'
+import { cleanDatabase } from '../prisma/helpers'
+import { PrismaClient, Role } from '@prisma/client'
+import { encrypt } from '../src/lib/server/utils/crypto'
+import pkg from 'bcryptjs'
+
+const { hashSync } = pkg
+const prisma = new PrismaClient()
+
+type Team = {
+  id: number
+  name: string
+  openAiApiKey: string | null
+  createdAt: Date
+  updatedAt: Date
+}
+
+async function createTeam(name: string) {
+  return await prisma.team.create({
+    data: {
+      name: name,
+      openAiApiKey:
+        process.env.OPENAI_API_KEY && process.env.SECRET_KEY
+          ? encrypt(process.env.OPENAI_API_KEY, process.env.SECRET_KEY)
+          : null,
+    },
+  })
+}
+
+async function createUser(team: Team) {
+  const email = '[email protected]'
+  return await prisma.user.create({
+    data: {
+      email,
+      name: 'Test1',
+      password: {
+        create: {
+          hash: hashSync('password', 10),
+        },
+      },
+      userTeams: {
+        create: {
+          teamId: team.id,
+          role: Role.OWNER,
+        },
+      },
+    },
+    include: {
+      userTeams: true,
+    },
+  })
+}
+
+test.describe('app flow tests', () => {
+  test.beforeEach(async () => {
+    await cleanDatabase()
+  })
+
+  test('register flow', async ({ page }) => {
+    const name = faker.person.firstName()
+    const email = faker.internet.email()
+    const password = faker.internet.password()
+
+    await page.goto('/')
+    await page.getByText('Register').click()
+    await expect(page).toHaveURL('/signup')
+
+    await page.getByLabel('Name').fill(name)
+    await page.getByLabel('Email').fill(email)
+    await page.getByLabel('Password', { exact: true }).fill(password)
+    await page.getByLabel('Confirm Password').fill(password)
+
+    await page.getByText('Sign up').click()
+
+    await page.waitForURL('/app/settings/teams')
+
+    await expect(page).toHaveURL('/app/settings/teams')
+  }),
+    test('login flow', async ({ page }) => {
+      let team = await createTeam('Test Team')
+      let user = await createUser(team)
+
+      await page.goto('/')
+      await page.getByText('Sign in').click()
+      await expect(page).toHaveURL('/signin')
+
+      await page.getByLabel('Email').fill(user.email)
+      await page.getByLabel('Password', { exact: true }).fill('password')
+      await page.getByRole('button').click()
+
+      await page.waitForURL('/app/settings/teams')
+
+      await expect(page).toHaveURL('/app/settings/teams')
+    }),
+    test('create a team', async ({ page }) => {
+      let team = await createTeam('Test Team')
+      let user = await createUser(team)
+
+      //log in
+      await page.goto('/')
+      await page.getByText('Sign in').click()
+      await expect(page).toHaveURL('/signin')
+
+      await page.getByLabel('Email').fill(user.email)
+      await page.getByLabel('Password', { exact: true }).fill('password')
+      await page.getByRole('button').click()
+
+      await page.waitForURL('/app/settings/teams')
+
+      await expect(page).toHaveURL('/app/settings/teams')
+
+      //close popup
+      await page.getByRole('button', { name: /Close/i }).click()
+
+      //create new team
+      await page.getByText('New Team').click()
+      await expect(page).toHaveURL('/app/settings/teams/new')
+
+      await page.getByLabel('Name*').fill('Test Team 2')
+      await page.getByLabel('OpenAI API Key*').fill(process.env.OPENAI_API_KEY || '')
+      await page.getByRole('button', { name: /Create/i }).click()
+
+      await page.waitForURL(new RegExp('app/settings/teams/\\d+'))
+      await expect(page).toHaveURL(new RegExp('app/settings/teams/\\d+'))
+    }),
+    test('create a chat', async ({ page }) => {
+      let team = await createTeam('Test Team')
+      let user = await createUser(team)
+
+      //log in
+      await page.goto('/')
+      await page.getByText('Sign in').click()
+      await expect(page).toHaveURL('/signin')
+
+      await page.getByLabel('Email').fill(user.email)
+      await page.getByLabel('Password', { exact: true }).fill('password')
+      await page.getByRole('button').click()
+
+      await page.waitForURL('/app/settings/teams')
+
+      await expect(page).toHaveURL('/app/settings/teams')
+      //select a team
+      await page.getByRole('button', { name: /Select/i }).click()
+      await page.waitForURL('/app')
+      await expect(page).toHaveURL('/app')
+
+      //type
+      await page.getByRole('textbox').fill('Dis a test chat')
+      //send
+      await page.locator('button[name="send"]').click()
+
+      await page.waitForTimeout(1000)
+      await page.waitForURL(new RegExp('/app/chats/\\d+'))
+      await expect(page).toHaveURL(new RegExp('/app/chats/\\d+'))
+    })
+})