Test/e2e login auth

.gitignore

@@ -15,6 +15,7 @@
 
 # Playwright
 /tests/reports/playwright-report
+/tests/e2e/web/.auth/
 
 # next.js
 /.next/

playwright.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig, devices } from '@playwright/test';
+import path from 'path';
 
 export default defineConfig({
   testDir: './tests/e2e',
@@ -13,8 +14,9 @@ export default defineConfig({
   },
   projects: [
     {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      name: 'main',
+      use: {
+        ...devices['Desktop Chrome'],      }, 
     },
     // {
     //   name: 'firefox',
@@ -25,4 +27,5 @@ export default defineConfig({
     //   use: { ...devices['Desktop Safari'] },
     // },
   ],
-});
+
+});

tests/e2e/web/TESTING_CONFIG.ts

@@ -0,0 +1,5 @@
+export const config = {
+  BASE_URL: 'http://localhost:3000',
+  DEFAULT_LOGIN: '[email protected]',
+  DEFAULT_PASSWORD: 'defaultPassword',
+};

tests/e2e/web/fixtures/signInFixture.ts

@@ -0,0 +1,20 @@
+import { test as base, Page } from '@playwright/test';
+import { SignInPage } from '../pages/signInPage';
+import { config } from '../TESTING_CONFIG';
+
+export const test = base.extend<{
+  authenticatedPage: Page;
+}>({
+  authenticatedPage: async ({ page }, use) => {
+    const signInPage = new SignInPage(page);
+
+    await page.goto('/signin');
+    await signInPage.fillEmailField(config.DEFAULT_LOGIN);
+    await signInPage.fillPasswprdField(config.DEFAULT_PASSWORD);
+    await signInPage.clickSignInWithEmailButton();
+
+    await page.waitForLoadState('networkidle');
+
+    await use(page);
+  },
+});

tests/e2e/web/pages/signInPage.ts

@@ -0,0 +1,42 @@
+import { expect, Locator, Page } from '@playwright/test';
+
+//sets up of all the functions that signin tests will use.
+export class SignInPage{
+private readonly signInLink: Locator;
+private readonly emailField: Locator;
+private readonly passwordField: Locator;
+private readonly signInWithEmailButton: Locator;
+private readonly signInWithGoogleButton: Locator;
+
+constructor(public readonly page: Page) {
+    this.signInLink=page.getByRole('link', { name: 'Sign in' });
+    this.emailField=page.getByLabel('Email');
+    this.passwordField=page.getByLabel('Password');
+    this.signInWithEmailButton=page.getByRole('button',{name: 'Sign in With Email'});
+    this.signInWithGoogleButton=page.getByRole('button',{name: 'Google'});
+}
+
+async clickSignInText() {
+    await this.signInLink.click();
+}
+
+async clickSignInWithEmailButton() {
+    await this.signInWithEmailButton.click();
+}
+
+async clickSignInWithEGoogleButton() {
+    await this.signInWithGoogleButton.click();
+}
+
+async fillEmailField(email: string) {
+    await expect(this.emailField).toBeVisible();
+    await this.emailField.fill(email);
+}
+
+async fillPasswprdField(password: string) {
+    await expect(this.passwordField).toBeVisible();
+    await this.passwordField.fill(password);
+}
+
+}
+

tests/e2e/web/specs/postSignIn.spec.ts

@@ -0,0 +1,10 @@
+import { expect } from '@playwright/test';
+import { test } from '../fixtures/signInFixture';
+
+test('should be logged in and see settings page', async ({ authenticatedPage }) => {
+  await authenticatedPage.goto('/settings');
+
+  await expect(
+    authenticatedPage.getByRole('heading', { name: 'Theme' })
+  ).toBeVisible();
+});