diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index bfdc4007..f684327f 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -56,4 +56,4 @@ jobs:
         run: npx prisma migrate deploy
 
       - name: Run tests
-        run: npm test
+        run: npm test
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ac3d2525..23d2ab53 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -789,13 +789,10 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g=="
     },
     "node_modules/@prisma/client": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-5.4.2.tgz",
-      "integrity": "sha512-2xsPaz4EaMKj1WS9iW6MlPhmbqtBsXAOeVttSePp8vTFTtvzh2hZbDgswwBdSCgPzmmwF+tLB259QzggvCmJqA==",
+      "version": "5.9.1",
+      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-5.9.1.tgz",
+      "integrity": "sha512-caSOnG4kxcSkhqC/2ShV7rEoWwd3XrftokxJqOCMVvia4NYV/TPtJlS9C2os3Igxw/Qyxumj9GBQzcStzECvtQ==",
       "hasInstallScript": true,
-      "dependencies": {
-        "@prisma/engines-version": "5.4.1-2.ac9d7041ed77bcc8a8dbd2ab6616b39013829574"
-      },
       "engines": {
         "node": ">=16.13"
       },
@@ -814,11 +811,6 @@
       "integrity": "sha512-fqeucJ3LH0e1eyFdT0zRx+oETLancu5+n4lhiYECyEz6H2RDskPJHJYHkVc0LhkU4Uv7fuEnppKU3nVKNzMh8g==",
       "hasInstallScript": true
     },
-    "node_modules/@prisma/engines-version": {
-      "version": "5.4.1-2.ac9d7041ed77bcc8a8dbd2ab6616b39013829574",
-      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-5.4.1-2.ac9d7041ed77bcc8a8dbd2ab6616b39013829574.tgz",
-      "integrity": "sha512-wvupDL4AA1vf4TQNANg7kR7y98ITqPsk6aacfBxZKtrJKRIsWjURHkZCGcQliHdqCiW/hGreO6d6ZuSv9MhdAA=="
-    },
     "node_modules/@rgossiaux/svelte-headlessui": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@rgossiaux/svelte-headlessui/-/svelte-headlessui-2.0.0.tgz",
diff --git a/playwright.config.ts b/playwright.config.ts
index 30234977..28130b34 100644
--- a/playwright.config.ts
+++ b/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/,
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 479e687f..6e7e200b 100644
--- a/prisma/seed.ts
+++ b/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') {
diff --git a/src/lib/components/ChatInput.svelte b/src/lib/components/ChatInput.svelte
index b3eaacbd..fc629429 100644
--- a/src/lib/components/ChatInput.svelte
+++ b/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"
diff --git a/src/lib/components/Sidebar.svelte b/src/lib/components/Sidebar.svelte
index 41667b21..75047815 100644
--- a/src/lib/components/Sidebar.svelte
+++ b/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
diff --git a/src/lib/utils/time.test.ts b/src/lib/utils/time.test.ts
index be4b45ff..3bdb125b 100644
--- a/src/lib/utils/time.test.ts
+++ b/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)
diff --git a/src/lib/utils/time.ts b/src/lib/utils/time.ts
index 693bb9df..cfbe1013 100644
--- a/src/lib/utils/time.ts
+++ b/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) &&
diff --git a/tests/flows.test.ts b/tests/flows.test.ts
new file mode 100644
index 00000000..2ed0ecb3
--- /dev/null
+++ b/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 = 'user@prototyp.se'
+  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+'))
+    })
+})