e2e login test

.gitignore

@@ -44,6 +44,9 @@ yarn-error.log*
 
 # Tests
 /report
+/test-results/
+/playwright-report/
+/playwright/.cache/
 
 # eslint
 .eslintcache

docker-compose.yml

@@ -9,3 +9,12 @@ services:
       POSTGRES_DB: saas-starter-kit
     ports:
       - 5432:5432
+  test-db:
+    image: postgres
+    restart: always
+    environment:
+      POSTGRES_PASSWORD: testpassword
+      POSTGRES_USER: testuser
+      POSTGRES_DB: saas-starter-kit
+    ports:
+      - 5432:5432

playwright.config.ts

@@ -6,10 +6,10 @@ const config: PlaywrightTestConfig = {
       name: 'chromium',
       use: { ...devices['Desktop Chrome'] },
     },
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    // },
   ],
   reporter: [
     [
@@ -23,12 +23,19 @@ const config: PlaywrightTestConfig = {
   webServer: {
     command: 'npm run start',
     url: 'http://localhost:4002',
+    reuseExistingServer: true,
+    env: {
+      NODE_ENV: 'test',
+      DATABASE_URL:
+        'postgresql://testuser:testpassword@localhost:5432/saas-starter-kit',
+    },
   },
   use: {
     headless: true,
     ignoreHTTPSErrors: true,
     baseURL: 'http://localhost:4002',
     video: 'off',
   },
+  testDir: './tests',
 };
 export default config;

tests/e2e/auth/login.spec.ts

@@ -1,6 +1,41 @@
 import { expect, test } from '@playwright/test';
+import { prisma } from '@/lib/prisma';
+
+const userCred = {
+  name: 'test',
+  email: 'test@ggxd.com',
+  password: 'Test123#',
+  emailVerified: new Date(),
+};
+
+test.beforeEach(async () => {
+  await prisma.user.create({
+    data: userCred,
+  });
+
+  console.log('user created');
+});
 
 test('Should navigate to login page', async ({ page }) => {
-  page.goto('/');
+  await page.goto('/auth/login');
   await expect(page).toHaveURL('/auth/login');
+  await page.getByPlaceholder('Email').fill(userCred.email);
+  await page.getByPlaceholder('Password').fill(userCred.password);
+  await page.getByRole('button', { name: 'Sign in' }).click();
+  // await expect(page).toHaveURL(/\/teams\/.*\/settings/);
+});
+
+test.afterEach(async () => {
+  // 1. Clean the database
+  const deleteUserDetails = prisma.user.delete({
+    where: {
+      email: userCred.email,
+    },
+  });
+  await prisma.$transaction([deleteUserDetails]);
+
+  // 2. Disconnect
+  await prisma.$disconnect();
+
+  console.log('Account disconnected successfully');
 });