feat: Refactor lead, organization, person, and quote management tests

- Removed tenantFixtures.ts as it was no longer needed.
- Enhanced CoreLocators with additional locators for lead and quote management.
- Refactored LeadPage to integrate product creation and improved lead creation logic.
- Updated OrganizationPage to include dynamic organization data generation.
- Refactored PersonsPage to streamline person creation with organization association.
- Enhanced QuotesPage to link quotes with leads and persons dynamically.
- Added product management functionality with ProductPage and corresponding tests.
- Created product.spec.ts to verify product creation functionality.
- Updated lead.spec.ts, organization.spec.ts, persons.spec.ts, and quotes.spec.ts to utilize new data structures and methods.

Author: sagarkumar-webkul

packages/Webkul/Admin/tests/e2e-pw/.state/Admin-auth.json

@@ -2,20 +2,20 @@
   "cookies": [
     {
       "name": "XSRF-TOKEN",
-      "value": "eyJpdiI6IlAxRlZJTFYrVzU0enZHRzVmTiswNFE9PSIsInZhbHVlIjoiR3Q0c29taHdqZlBGbytOcVcrYW93U2xPQ01UZWhubldMTmtvRzlPUnJxUm8vYWFPa3MrVU1XUFh4WXNwaSszQ3ZOb005L3RweVIvU1krQWFlTk9vMkFPZzFUU2RrZDlic0NtdW5DZC9FOU5wTUk4YUhBWHl1bWRzV0k4K0ppMzEiLCJtYWMiOiJjOWJlZDIyY2YyN2ViYmFmMmQ0Y2Q4M2RhY2IxODkwMjhkZjkwMWY5MDc0ZDBhNjY1OTY3YTM3YzdiODUxZDA1IiwidGFnIjoiIn0%3D",
+      "value": "eyJpdiI6ImYxaG1ZQjRHRlBWY2ZMVERBbkd2NFE9PSIsInZhbHVlIjoid1Y0N3B5bkx0UWY4RnN5c05mL0JPMEUxaHhBME1SYy9wSUhkaE1IWFM4SDFVY2NXc2lBTDRIWW9XUk1pVlo4S1RzQlNDTlh0dTlBN3pSZUIxZk9CMjVicnZiN2R1NWRESGtwcVFrQm53NnlYMG5zRlpLTVZtQlp2TThuT3dBYmUiLCJtYWMiOiIxZTk1OTgzNGFmNjAwMDc0ZGUwYzA3MGEzYmQ2NDkxZjZjMDliYzkzM2E1ZWNmMDQ0NjJiY2FhYzUzYzg0ZDEwIiwidGFnIjoiIn0%3D",
       "domain": "192.168.15.131",
       "path": "/",
-      "expires": 1762961415.943007,
+      "expires": 1763042317.475245,
       "httpOnly": false,
       "secure": false,
       "sameSite": "Lax"
     },
     {
       "name": "krayin_crm_session",
-      "value": "eyJpdiI6IkZZTElQRnRINHBOajJmWFpMZGF5Tnc9PSIsInZhbHVlIjoiS3Z5dWpUOWZ3WU80RUwvcVVpdTR3aTZjcWpZY2sxUGY5ZkxWa0I4OUJ0NC8yV2NXaTFtTnpBalVrOFRBa3RUR0J0VGpIa1ByOVdmTExjVitDa0xYUkluaUxiemxSbFdzYWs2UldMVllhdFVnUlBkUEc0c3REa29SNDNxOXdoRmciLCJtYWMiOiI2YzczMmIwZjhhZjgyODM5NjY5YjIyMjhkNDYxNDEzZGNhMjZiZTBjOThkYmI3MTA5NDc4YTBlMDk5ZTI0ZGE2IiwidGFnIjoiIn0%3D",
+      "value": "eyJpdiI6IkFqMjVtckcxdkRjRmtqbk0wZVhMN1E9PSIsInZhbHVlIjoidnJWSWRjWUljQ2RBSXQvUk5CWXU3OXZ0L0JjVktzbmxNelZMSVVjTmcrZFpWc1lKcCtXTWNUelZSYStneTl0ZVZkOU1sbUcxYUY1UlVMRURNdGZ1WXdBNmVVclFNOGRqMHlrNHM0L0lnekxmMERLbUQycVFERnZRbHNYMVYwQ2QiLCJtYWMiOiJiMDQ1MGE1ZTQ0YmJiZmNiOGMwNTI1YWY1NGVlMjM2NGY5YzA4YjUyZWFkZGQzNmZkYzkzODlhMzg4YmI2N2I4IiwidGFnIjoiIn0%3D",
       "domain": "192.168.15.131",
       "path": "/",
-      "expires": 1762961415.943082,
+      "expires": 1763042317.475331,
       "httpOnly": true,
       "secure": false,
       "sameSite": "Lax"

packages/Webkul/Admin/tests/e2e-pw/fixtures/tenantFixtures.ts

@@ -2,10 +2,10 @@ import { Locator, Page } from "playwright/test";
 
 type ElementType = "button" | "textbox" | "link";
 export default class CoreLocators {
-    readonly page:Page;
+    readonly page: Page;
 
 
-      // Person Locators
+    // Person Locators
     readonly createPersonLink: Locator;
     readonly savePersonButton: Locator;
     readonly personNameTextbox: Locator;
@@ -78,6 +78,7 @@ export default class CoreLocators {
     readonly productSkuInput: Locator;
     readonly leadTitleInput: Locator;
     readonly leadValueInput: Locator;
+    readonly leadProductSelect: Locator;
     readonly emailReplyToInput: Locator;
     readonly emailSubjectInput: Locator;
     readonly fileTitleInput: Locator;
@@ -99,6 +100,9 @@ export default class CoreLocators {
     readonly organizationCountryCombobox: Locator;
     readonly organizationStateSelect: Locator;
 
+    readonly addPersonButton: Locator;
+
+
     // Textboxes - date or specialized text input
     readonly expiredAtTextbox: Locator;
     readonly leadExpectedCloseDateInput: Locator;
@@ -136,14 +140,23 @@ export default class CoreLocators {
     readonly leadTypeSelect: Locator;
     readonly leadUserSelect: Locator;
     readonly leadSourceLabelSelect: Locator;
+    readonly leadOrganizationSelect: Locator;
     readonly userRoleSelect: Locator;
     readonly userViewPermissionSelect: Locator;
     readonly userGroupListbox: Locator;
     readonly organizationSelectSearchTextbox: Locator; // For search in org add extra details modal
-
+    readonly leadProductAddMoreButton: Locator;
+    readonly quoteLinkToLeadButton:Locator;
     // Search related list item selector
     readonly personListItem: (name: string) => Locator;
 
+
+    readonly quoteAddPersonButton:Locator
+    readonly addAsNewButton:Locator
+
+    readonly quoteSelectListPerson:Locator
+    
+
     // Edit and delete icons
     readonly firstEditIcon: Locator;
     readonly firstDeleteIcon: Locator;
@@ -191,14 +204,23 @@ export default class CoreLocators {
         this.createOrganizationButton = page.getByRole('link', { name: 'Create Organization' });
         this.saveOrganizationButton = page.getByRole("button", { name: "Save Organization" });
         this.deleteButton = page.getByRole('button', { name: 'Delete' });
+        this.leadProductSelect = page.locator('#products').getByText('Click to Add');
+        this.leadProductAddMoreButton = page.locator('//button[@class="flex max-w-max items-center gap-2 text-brandColor"]')
+        this.leadOrganizationSelect = page.locator('div').filter({ hasText: /^Click to add$/ }).nth(2);
+        
+        this.addPersonButton = page.locator('div', { hasText: /^Click to Add$/ }).nth(1);
 
+        this.quoteAddPersonButton= page.locator('.relative.flex.items-center.justify-between').first();
         // Links
         this.createQuoteLink = page.getByRole("link", { name: "Create Quote" });
         this.createProductLink = page.getByRole("link", { name: "Create Product" });
         this.createLeadLink = page.getByRole("link", { name: "Create Lead" });
         this.signOutLink = page.getByRole("link", { name: "Sign Out" });
         this.createOrganizationLink = page.getByRole('link', { name: 'Create Organization' });
 
+        this.addAsNewButton = page.getByText('Add as New');
+        this.quoteSelectListPerson=page.locator(`(//li[@class="flex cursor-pointer gap-2 p-2 transition-colors hover:bg-blue-100 dark:text-gray-300 dark:hover:bg-gray-900"])[1]`);
+
         // Textboxes - single line text input fields
         this.subjectTextbox = page.getByRole("textbox", { name: "Subject *" });
         this.descriptionTextbox = page.getByRole("textbox", { name: "Description" });
@@ -279,6 +301,8 @@ export default class CoreLocators {
         this.firstEditIcon = page.locator("span.cursor-pointer.icon-edit").first();
         this.firstDeleteIcon = page.locator("span.cursor-pointer.icon-delete").first();
 
+        this.quoteLinkToLeadButton=page.locator('div:nth-child(2) > div > .relative.inline-block > .relative');
+
         // Activity modal selectors
         this.addActivityButton = page.getByRole("button", { name: " Activity" });
         this.activityCallOption = page.getByText("Call", { exact: true });
@@ -295,7 +319,7 @@ export default class CoreLocators {
 
         // Organization Locators Initialization
         this.createOrgLink = page.getByRole('link', { name: 'Create Organization' });
-    
+
 
         this.orgNameTextbox = page.getByRole('textbox', { name: 'Name *' });
         this.orgAddressTextarea = page.locator('textarea[name="address\\[address\\]"]');
@@ -307,7 +331,7 @@ export default class CoreLocators {
         this.orgExtraDetailsDiv = page.locator('div').filter({ hasText: /^Click to add$/ });
         this.orgExampleListItem = (text: string) => page.getByRole('listitem').filter({ hasText: text });
 
-           // Person Locators Initialization
+        // Person Locators Initialization
         this.createPersonLink = page.getByRole('link', { name: 'Create Person' });
         this.savePersonButton = page.getByRole('button', { name: 'Save Person' });
         this.personNameTextbox = page.getByRole('textbox', { name: 'Name *' });
@@ -327,12 +351,11 @@ export default class CoreLocators {
 
     async getElementByTypeAndName(type: ElementType, name: string) {
 
-        return this.page.getByRole(`${type}`, { name: `${name}`, exact: true })
+        return this.page.getByRole(`${type}`, { name: `${name}`,exact:true});
 
     }
-    async selectListItmeByName(value:string)
-    {
-       return  this.page.getByRole('listitem').filter({ hasText: `${value}` });
+    async selectListItmeByName(value: string) {
+        return this.page.getByRole('listitem').filter({ hasText: `${value}` });
     }
 
 

packages/Webkul/Admin/tests/e2e-pw/locator/CoreLocators.ts

@@ -1,13 +1,30 @@
 import { Page, Locator, expect } from "@playwright/test";
 import CoreLocators from "../../locator/CoreLocators";
-import { PersonData } from "../persons/PersonsPage";
+import { personData, PersonData } from "../persons/PersonsPage";
+import { productData, ProductData, ProductPage } from "../products/ProductPage";
+import { generateDescription, generateName } from "../../utils/faker";
+
+
 export type LeadData = {
-        title: string,
-        description: string,
-        email:string,
-        phone: string,
-        person:PersonData,
+    title: string;
+    description: string;
+    value: string;
+    expectedCloseDate: string; // ISO date string
+    person: PersonData;
+    organizationName: string;
+    product: ProductData;
+};
+
+export   const leadData:LeadData = {
+        title: generateName(),
+        description: generateDescription(),
+        value: (Math.floor(Math.random()*10000)).toString(),
+        expectedCloseDate:"2028-12-31",
+        person:personData,
+        product:productData,
+        organizationName:personData.organizationName
     };
+
 export class LeadPage extends CoreLocators {
     readonly page: Page;
 
@@ -19,9 +36,9 @@ export class LeadPage extends CoreLocators {
     readonly typeDropdown: Locator;
     readonly userDropdown: Locator;
     readonly leadValueInput: Locator;
-    readonly addPersonButton: Locator;
+
     readonly personSearchInput: Locator;
-    readonly addAsNewButton: Locator;
+  
     readonly personEmailInput: Locator;
     readonly personPhoneInput: Locator;
     readonly addOrganizationButton: Locator;
@@ -32,9 +49,9 @@ export class LeadPage extends CoreLocators {
     readonly leadSuccessToast: Locator;
     readonly listViewButton: Locator;
     readonly agreeButton: Locator;
-    readonly editLeadButton:Locator;
-    readonly deleteLeadButton:Locator;
-    readonly listSearchInput:Locator;
+    readonly editLeadButton: Locator;
+    readonly deleteLeadButton: Locator;
+    readonly listSearchInput: Locator;
 
     // ---- Lead Tabs Locators ----
     readonly mailButton: Locator;
@@ -69,7 +86,7 @@ export class LeadPage extends CoreLocators {
     readonly createLeadButton: Locator;
     readonly searchInput: Locator;
     // ------ Validation Message
-    readonly expectedCloseDateMustBeDateAfter:Locator
+    readonly expectedCloseDateMustBeDateAfter: Locator
 
 
 
@@ -90,12 +107,12 @@ export class LeadPage extends CoreLocators {
         this.userDropdown = page.locator('select[name="user_id"]');
         this.leadValueInput = page.locator('input[name="lead_value"]');
         this.searchInput = page.getByRole('textbox', { name: 'Search by Title' });
-        this.listSearchInput=page.getByRole('textbox',{name:'Search'})
+        this.listSearchInput = page.getByRole('textbox', { name: 'Search' })
 
         // Add person
-        this.addPersonButton = page.locator('div', { hasText: /^Click to Add$/ }).nth(1);
+
         this.personSearchInput = page.getByRole('textbox', { name: 'Search...' });
-        this.addAsNewButton = page.getByText('Add as New');
+
         this.personEmailInput = page.locator('input[name="person[emails][0][value]"]');
         this.personPhoneInput = page.locator('input[name="person[contact_numbers][0][value]"]');
 
@@ -110,7 +127,7 @@ export class LeadPage extends CoreLocators {
         this.editLeadButton = page.getByRole('link', { name: '' }).first();
         this.listViewButton = page.getByRole('link', { name: '' });
         this.agreeButton = page.getByRole('button', { name: 'Agree', exact: true });
-        this.deleteLeadButton= page.locator('.cursor-pointer.rounded-md.p-1\\.5.text-2xl.transition-all.hover\\:bg-gray-200.dark\\:hover\\:bg-gray-800.max-sm\\:place-self-center.icon-delete').first();
+        this.deleteLeadButton = page.locator('.cursor-pointer.rounded-md.p-1\\.5.text-2xl.transition-all.hover\\:bg-gray-200.dark\\:hover\\:bg-gray-800.max-sm\\:place-self-center.icon-delete').first();
 
 
         // Tabs
@@ -146,47 +163,58 @@ export class LeadPage extends CoreLocators {
 
         // validation message
 
-        this.expectedCloseDateMustBeDateAfter=page.getByText('The expected close date must be a date after');
+        this.expectedCloseDateMustBeDateAfter = page.getByText('The expected close date must be a date after');
     }
     async navigateToLeadList() {
         await this.page.goto("admin/leads");
     }
-    async getLeadByTitle(title:string)
-    {
+    async getLeadByTitle(title: string) {
         return this.page.getByRole('link', { name: ` ${title}` });
     }
-    async createLead(leadData:LeadData)
-    {
+    async createLead(leadData: LeadData) {
+        const productPage = new ProductPage(this.page);
+        await productPage.createProduct(leadData.product);
 
         await this.navigateToLeadList();
-
         await this.createLeadButton.click();
 
         await this.titleInput.fill(leadData.title);
         await this.descriptionTextarea.fill(leadData.description);
         await this.sourceDropdown.selectOption("1");
         await this.typeDropdown.selectOption("1");
         await this.userDropdown.selectOption("1");
-        await this.leadValueInput.fill("1000");
+        await this.leadValueInput.fill(leadData.value);
 
         await this.addPersonButton.click();
         await this.personSearchInput.fill(leadData.person.name);
-        await this.selectListItmeByName(leadData.person.name);
-        await this.personEmailInput.fill(leadData.email);
-        await this.personPhoneInput.fill(leadData.phone);
-
-        await this.addOrganizationButton.click();
-        await this.organizationSearchInput.fill(leadData.title);
-        await this.addAsNewButton.click();
-
-
-
-        (await this.getElementByTypeAndName('button',"Save")).click();
+        const personItem = (await this.selectListItmeByName(leadData.person.name)).first();
+        await this.page.waitForTimeout(1000);
+        const isPersonAlreadyPresent = await personItem.isVisible();
+
+        if (isPersonAlreadyPresent) {
+            await personItem.click();
+            console.log("person allready present");
+        }
+        else {
+
+            await this.addAsNewButton.click();
+            await this.personEmailInput.fill(leadData.person.emails);
+            await this.personPhoneInput.fill(leadData.person.contactNumber);
+            await this.addOrganizationButton.click();                 // this an issue add organiztion is not working if person allready present so that i have added this into else condition.
+            await this.organizationSearchInput.fill(leadData.title);
+            await this.addAsNewButton.click();
+
+        }
+        await this.leadProductAddMoreButton.click();
+        await this.leadProductSelect.click();
+        (await this.getElementByTypeAndName('textbox','Search...')).fill(leadData.product.name);
+        await this.page.locator(`//li[@class="cursor-pointer px-4 py-2 text-gray-800 transition-colors hover:bg-blue-100 dark:text-white dark:hover:bg-gray-900"]`).first().click();
+        (await this.getElementByTypeAndName('button', "Save")).click();
         await this.searchInput.fill(leadData.title);
         await this.page.keyboard.press('Enter');
         await expect((await this.getLeadByTitle(leadData.title))).toBeVisible();
 
-       
+
         await expect(this.leadSuccessToast).toBeVisible();
 
     }