From 1898a1b8da1db405a28a0abae628f6ddd31eb0b4 Mon Sep 17 00:00:00 2001
From: Praveen K B <praveenbhat98@gmail.com>
Date: Sat, 9 Nov 2024 09:52:48 +0530
Subject: [PATCH] Login flow Playwright test cases

---
 tests/login.spec.ts | 74 ++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 70 insertions(+), 4 deletions(-)

diff --git a/tests/login.spec.ts b/tests/login.spec.ts
index c6191740..c4a45784 100644
--- a/tests/login.spec.ts
+++ b/tests/login.spec.ts
@@ -1,7 +1,73 @@
-import { test, expect } from '@playwright/test';
+import { test, expect, BrowserContext, Page } from '@playwright/test';
 
-test('has title', async ({ page }) => {
-	await page.goto('http://localhost:3001');
+const TEST_URL = 'http://localhost:3001';
 
-	await expect(page).toHaveTitle(/Parseable | Login/);
+test.describe('Login Page', () => {
+	let context: BrowserContext;
+	let page: Page;
+
+	test.beforeEach(async ({ browser }) => {
+		context = await browser.newContext();
+		page = await context.newPage();
+	});
+
+	test.afterEach(async () => {
+		await context.close();
+	});
+	// Test for title of the page
+	test('has title', async ({ page }) => {
+		await page.goto(TEST_URL);
+		await expect(page).toHaveTitle(/Parseable | Login/);
+	});
+
+	// Test to ensure login form works with valid credentials
+	test('login with valid credentials', async ({ page }) => {
+		await page.goto(TEST_URL);
+
+		await page.fill('input[placeholder="J.Doe"]', 'admin');
+		await page.fill('input[placeholder="**********"]', 'admin');
+
+		await page.click('button[type="submit"]');
+
+		await expect(page).toHaveTitle(/Parseable | Streams/);
+	});
+
+	// Test to ensure login button is disabled when form is invalid
+	test('login button is disabled when form is invalid', async ({ page }) => {
+		await page.goto(TEST_URL);
+
+		const loginButton = page.locator('button[type="submit"]');
+
+		await expect(loginButton).toBeDisabled();
+
+		await page.fill('input[placeholder="J.Doe"]', 'admin');
+
+		await expect(loginButton).toBeDisabled();
+	});
+
+	// Test to check login with invalid credentials
+	test('login with invalid credentials', async ({ page }) => {
+		await page.goto(TEST_URL);
+
+		await page.fill('input[placeholder="J.Doe"]', 'invalidUser');
+		await page.fill('input[placeholder="**********"]', 'invalidPassword');
+
+		await page.click('button[type="submit"]');
+
+		const errorMessage = await page.locator('text=Bad Request, Invalid Redirect URL!').first();
+		await expect(errorMessage).toBeVisible();
+	});
+
+	// Test to check OAuth login button functionality
+	// test('OAuth login button works', async ({ page }) => {
+	// 	await page.goto(TEST_URL);
+	// 	await page.getByRole('link', { name: 'Login with OAuth' }).click();
+
+	// 	const pageOrigin = new URL(page.url()).origin;
+	// 	const expectedOAuthURL = `${pageOrigin}/api/v1/o/login?redirect=${TEST_URL}`;
+
+	// 	await page.waitForURL(expectedOAuthURL);
+
+	// 	await expect(page).toHaveURL(expectedOAuthURL);
+	// });
 });