snapshot of https://github.com/krayin/laravel-crm.git (2.2, 2026-09-18; blobs > 131072B omitted)

packages/Webkul/Admin/tests/e2e-pw/pages/settings/AttributesPage.ts

@@ -0,0 +1,78 @@
+import { expect, Locator, Page } from "playwright/test";
+import { SettingsPage } from "../SettingsPage";
+import { generateFirstName, generateRandomNumericString } from "../../utils/faker";
+
+export type AttributeData = {
+    name: string,
+    code: string,
+}
+export const attributeData: AttributeData = {
+    name: generateFirstName(),
+    code: generateRandomNumericString(),
+
+}
+export class AttributesPage extends SettingsPage {
+
+
+    readonly page: Page;
+    readonly createAttributeLink: Locator;
+    readonly nameTextbox: Locator;
+    readonly codeTextbox: Locator;
+    readonly typeDropdown: Locator;
+    readonly entityTypeDropdown: Locator;
+    readonly validationDropdown: Locator;
+    readonly saveAttributeButton: Locator;
+    readonly successMessage: Locator;
+    readonly firstEditButton: Locator;
+    readonly firstDeleteButton: Locator;
+    readonly deleteConfirmButton: Locator;
+
+    constructor(page: Page) {
+        super(page);
+        this.page = page;
+        this.createAttributeLink = page.getByRole('link', { name: 'Create Attribute' });
+        this.nameTextbox = page.getByRole('textbox', { name: 'Name' });
+        this.codeTextbox = page.getByRole('textbox', { name: 'Code' });
+        this.typeDropdown = page.locator('#type');
+        this.entityTypeDropdown = page.locator('#entity_type');
+        this.validationDropdown = page.locator('#validation');
+        this.saveAttributeButton = page.getByRole('button', { name: 'Save Attribute' });
+        this.successMessage = page.getByText('Success', { exact: true });
+        this.firstEditButton = page.locator('//span[contains(@class,"icon-edit")]').first();
+        this.firstDeleteButton = page.locator('//span[contains(@class,"icon-delete")]').first();
+        this.deleteConfirmButton = page.getByRole('button', { name: 'Agree', exact: true });
+    }
+
+    async createAttribute(attributeData: AttributeData) {
+        await this.createAttributeLink.click();
+        await this.nameTextbox.fill(attributeData.name);
+        await this.codeTextbox.fill(attributeData.name.toLowerCase());
+        await this.typeDropdown.selectOption({ value: 'textarea' });
+        await this.entityTypeDropdown.selectOption({ value: 'leads' });
+        await this.saveAttributeButton.click();
+        await this.searchAttribute(attributeData.name);
+        await expect(this.page.getByText(attributeData.name).first()).toBeVisible();
+
+    }
+    async updateAttribute(attributeData: AttributeData) {
+        await this.firstEditButton.click();
+        await this.nameTextbox.fill(attributeData.name);
+
+        await this.saveAttributeButton.click();
+        await this.searchAttribute(attributeData.name);
+        await expect(this.page.getByText(attributeData.name).first()).toBeVisible();
+    }
+    async searchAttribute(name: string) {
+        await this.searchInputExact.fill(name);
+        await this.page.keyboard.press('Enter');
+
+    }
+    async deleteAttribute()
+    {
+        await this.firstDeleteButton.click();
+        await this.agreeButton.click();
+        await expect(this.successMessage.first()).toBeVisible();
+    }
+
+
+}