From ba9231342f7c2ee5833d02a27956e1a1a8b741b1 Mon Sep 17 00:00:00 2001
From: Rohini_QA <rohinijayaraman1496@gmail.com>
Date: Tue, 21 Apr 2026 15:04:00 +1000
Subject: [PATCH] feat: add form validation test scenarios

---
 tests/form-validation.spec.ts | 52 +++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 tests/form-validation.spec.ts

diff --git a/tests/form-validation.spec.ts b/tests/form-validation.spec.ts
new file mode 100644
index 0000000000..ce1de83539
--- /dev/null
+++ b/tests/form-validation.spec.ts
@@ -0,0 +1,52 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Form validation', () => {
+
+    test.beforeEach(async ({ page }) => {
+        await page.goto('https://demo.playwright.dev/todomvc');
+    });
+
+    test('should show error when required field is empty', async ({ page }) => {
+        const input = page.getByPlaceholder('What needs to be done?');
+        await input.click();
+        await input.press('Enter');
+        const items = page.getByTestId('todo-item');
+        await expect(items).toHaveCount(0);
+    });
+
+    test('should not accept whitespace-only input', async ({ page }) => {
+        const input = page.getByPlaceholder('What needs to be done?');
+        await input.fill('     ');
+        await input.press('Enter');
+        const items = page.getByTestId('todo-item');
+        await expect(items).toHaveCount(0);
+    });
+
+    test('should accept valid input and add item', async ({ page }) => {
+        const input = page.getByPlaceholder('What needs to be done?');
+        await input.fill('Buy groceries');
+        await input.press('Enter');
+        const items = page.getByTestId('todo-item');
+        await expect(items).toHaveCount(1);
+        await expect(items.first()).toContainText('Buy groceries');
+    });
+
+    test('should clear input field after valid submission', async ({ page }) => {
+        const input = page.getByPlaceholder('What needs to be done?');
+        await input.fill('Walk the dog');
+        await input.press('Enter');
+        await expect(input).toHaveValue('');
+    });
+
+    test('should allow adding multiple valid items', async ({ page }) => {
+        const input = page.getByPlaceholder('What needs to be done?');
+        const todos = ['Buy milk', 'Read a book', 'Go for a run'];
+        for (const todo of todos) {
+            await input.fill(todo);
+            await input.press('Enter');
+        }
+        const items = page.getByTestId('todo-item');
+        await expect(items).toHaveCount(3);
+    });
+
+});
\ No newline at end of file