Added RecoverPasswordPage and Script

Author: NarendraCodeHub

pages/RecoverPasswordPage.js

@@ -0,0 +1,20 @@
+class RecoverPasswordPage {
+    constructor(page) {
+        this.page = page;
+        this.emailInput = page.locator('#email');
+        this.recoverpasswordButton = page.locator('[class*="btn btn-primary"]');
+        this.successMessage = page.locator('#message');
+        this.errorMessage = page.locator('#errorMessage');
+    }
+
+    async navigate() {
+        await this.page.goto('https://qa-practice.netlify.app/recover-password');
+    }
+
+   
+    async submitdata() {
+        await this.recoverpasswordButton.click();
+    }
+}
+
+module.exports = RecoverPasswordPage;

tests/Forms/RecoverPassword.spec.js

@@ -0,0 +1,48 @@
+const { test, expect } = require('@playwright/test');
+const RecoverPasswordPage = require('../../pages/RecoverPasswordPage');
+
+test.describe('Recover Password with user data', () => {
+    let recoverPassword;
+
+    test.beforeEach(async ({ page }) => {
+        // Initialize the Recover Password Page object
+        recoverPassword = new RecoverPasswordPage(page);
+
+        // Navigate to the Recover Password page
+        await recoverPassword.navigate();
+    });
+
+    test('should require mandatory fields (empty form)', async () => {
+        // Submit the form without filling any fields
+        await recoverPassword.submitdata();
+
+        // Validate error message for empty fields
+        const validationMessage = await recoverPassword.emailInput.evaluate(input => input.validationMessage);
+        //expect(validationMessage).toBe('Please fill out this field.');
+        const browserName = test.info().project.name;
+
+        // Browser-specific validation message check
+        if (browserName === 'chromium' || browserName === 'firefox') {
+            expect(validationMessage).toBe('Please fill out this field.');
+        } else if (browserName === 'webkit') {
+            expect(validationMessage).toBe('Fill out this field');
+        }
+    });
+
+    test('should successfully recover password with entered data', async () => {
+        //user to enter email
+        const email = 'test@gmail.com';
+
+        // Fill the email field with the entered data
+        await recoverPassword.emailInput.fill(email);
+
+        // Submit the form
+        await recoverPassword.submitdata();
+
+        // Validate success message
+        await expect(recoverPassword.successMessage).toBeVisible();
+        await expect(recoverPassword.successMessage).toHaveText(
+            `An email with the new password has been sent to ${email}. Please verify your inbox!`
+        );
+    });
+});