HP-2382 Migrate PartCreateCest.php Codeception Test to Playwright and remove Legacy Test

src/views/part/view.php

@@ -37,7 +37,7 @@
                 return $model->partno . ' #' . $model->serial . ($label ?? '') ;
             })(),
             'icon' => 'fa-cubes',
-            'menu' => PartDetailMenu::widget(['model' => $model], ['linkTemplate' => '<a href="{url}" {linkOptions}><span class="pull-right">{icon}</span>&nbsp;{label}</a>']),
+            'menu' => PartDetailMenu::widget(['model' => $model], ['linkTemplate' => '<a href="{url}" {linkOptions}><span class="pull-right">{icon}</span>{label}</a>']),
         ]) ?>
 
         <div class="row">

tests/playwright/e2e/manager/part/part-create.spec.ts

@@ -0,0 +1,103 @@
+import { test } from "@hipanel-core/fixtures";
+import {expect} from "@playwright/test";
+import PartCreateView from "@hipanel-module-stock/page/PartCreateView";
+import UniqueId from "@hipanel-core/helper/UniqueId";
+import PartIndexView from "@hipanel-module-stock/page/PartIndexView";
+import PartView from "@hipanel-module-stock/page/PartView";
+
+function getPartData() {
+    return  {
+        partno: 'CHASSIS EPYC 7402P',
+        src_id: 'TEST-DS-01',
+        dst_id: 'TEST-DS-02',
+        serials: UniqueId.generate(`MG_TEST_PART`),
+        move_descr: 'MG TEST MOVE',
+        price: 200,
+        currency: '$',
+        company_id: 'Other',
+    };
+}
+
+test.describe('Part Management', () => {
+    test('Ensure part management buttons work @hipanel-module-stock @manager', async ({ managerPage }) => {
+        const partView = new PartCreateView(managerPage);
+        await partView.navigate();
+
+        let n = await managerPage.locator('div.item').count();
+        expect(n).toBe(1);
+
+        await partView.addPart();
+        expect(await managerPage.locator('div.item').count()).toBe(++n);
+
+        await partView.addPart();
+        expect(await managerPage.locator('div.item').count()).toBe(++n);
+
+        await partView.copyPart();
+        expect(await managerPage.locator('div.item').count()).toBe(++n);
+
+        await partView.removePart();
+        expect(await managerPage.locator('div.item').count()).toBe(--n);
+
+        await partView.removePart();
+        expect(await managerPage.locator('div.item').count()).toBe(--n);
+
+        await partView.removePart();
+        expect(await managerPage.locator('div.item').count()).toBe(--n);
+    });
+
+    test('Ensure part cannot be created without data @hipanel-module-stock @manager', async ({ managerPage }) => {
+        const partView = new PartCreateView(managerPage);
+        await partView.navigate();
+        await partView.save();
+
+        const errorMessages = [
+            'Part No. cannot be blank.',
+            'Source cannot be blank.',
+            'Destination cannot be blank.',
+            'Serials cannot be blank.',
+            'Move description cannot be blank.',
+            'Purchase price cannot be blank.',
+            'Currency cannot be blank.',
+        ];
+
+        for (const message of errorMessages) {
+            await expect(managerPage.locator(`text=${message}`)).toBeVisible();
+        }
+    });
+
+    test('Ensure a part can be created @hipanel-module-stock @manager', async ({ managerPage }) => {
+        const partView = new PartCreateView(managerPage);
+        const partIndexView = new PartIndexView(managerPage);
+        await partView.navigate();
+        await partView.fillPartFields(getPartData());
+        await partView.save();
+
+        await partIndexView.seePartWasCreated();
+    });
+
+    test('Ensure multiple parts can be created @hipanel-module-stock @manager', async ({ managerPage }) => {
+        const partView = new PartCreateView(managerPage);
+        const partIndexView = new PartIndexView(managerPage);
+        await partView.navigate();
+        await partView.fillPartFields(getPartData());
+        await partView.addPart();
+        await partView.fillPartFields(getPartData(), 1);
+        await partView.save();
+
+        await partIndexView.seePartWasCreated();
+    });
+
+    test('Ensure a part can be created and then deleted @hipanel-module-stock @manager', async ({ managerPage }) => {
+        const partCreateView = new PartCreateView(managerPage);
+        const partIndexView = new PartIndexView(managerPage);
+
+        await partCreateView.navigate();
+        await partCreateView.fillPartFields(getPartData());
+        await partCreateView.save();
+
+        await partIndexView.seePartWasCreated();
+
+        const partView = new PartView(managerPage);
+        await partView.deletePart();
+    });
+});

tests/playwright/e2e/manager/part/part-replace.spec.ts

@@ -0,0 +1,37 @@
+import { test } from "@hipanel-core/fixtures";
+import PartIndexView from "@hipanel-module-stock/page/PartIndexView";
+import PartReplaceView from "@hipanel-module-stock/page/PartReplaceView";
+import UniqueId from "@hipanel-core/helper/UniqueId";
+
+const data = {
+    filters: [
+        {
+            name: "move_descr_ilike",
+            value: "test description"
+        },
+        {
+            name: "model_types",
+            value: "cpu"
+        },
+    ],
+    replaceData: [
+        { serialno: UniqueId.generate(`test`) },
+        { serialno: UniqueId.generate(`test`) }
+    ],
+};
+
+test.describe("Part Replacement", () => {
+    test("Ensure parts can be replaced @hipanel-module-stock @manager", async ({ managerPage }) => {
+        const partIndexView = new PartIndexView(managerPage);
+        const partReplaceView = new PartReplaceView(managerPage);
+
+        await partIndexView.navigate();
+        await partIndexView.applyFilters(data.filters);
+        await partIndexView.selectPartsToReplace(1, data.replaceData.length);
+
+        await partReplaceView.fillReplaceForm(data.replaceData);
+        await partReplaceView.save();
+
+        await partIndexView.confirmReplacement();
+    });
+});

tests/playwright/helper/PartForm.ts

@@ -0,0 +1,43 @@
+import {Page} from "@playwright/test";
+import Select2 from "@hipanel-core/input/Select2";
+import PriceWithCurrency from "@hipanel-module-stock/input/PriceWithCurrency";
+
+export default class PartForm {
+    private page: Page;
+
+    public constructor(page: Page) {
+        this.page = page;
+    }
+
+    public async fillPartFields(partData: any, index: number = 0) {
+        await Select2.field(this.page, this.selector('select', 'partno', index)).setValue(partData.partno);
+        await Select2.field(this.page,  this.selector('select', 'src_id', index)).setValue(partData.src_id);
+        await Select2.field(this.page, this.selector('select', 'dst_ids', index)).setValue(partData.dst_id);
+
+        await this.fillSerials(partData.serials, index);
+        await this.page.fill(this.selector('input', 'move_descr', index), partData.move_descr);
+
+        await PriceWithCurrency.field(this.page, 'part', index).setSumAndCurrency(partData.price, partData.currency);
+
+        await this.page.selectOption(this.selector('select', 'company_id', index), partData.company_id);
+    }
+
+    private selector(type: string, name: string, index: number = 0): string {
+        return `${type}[id=part-${index}-${name}]`;
+    }
+
+    public async fillSerials(serial: string, index: number = 0) {
+        await this.page.fill(this.selector('input', 'serials', index), serial);
+    }
+
+    /**
+     * It is strange, but in the same form on the /stock/part/replace page "serials" input has "serial" name
+     */
+    public async fillSerial(serial: string, index: number = 0) {
+        await this.page.fill(this.selector('input', 'serial', index), serial);
+    }
+
+    public async save() {
+        await this.page.click('button:has-text("Save")');
+    }
+}

tests/playwright/input/PriceWithCurrency.ts

@@ -0,0 +1,8 @@
+import InputWithCurrency from "@hipanel-core/input/InputWithCurrency";
+import {Page} from "@playwright/test";
+
+export default class PriceWithCurrency extends InputWithCurrency{
+    static field(page: Page, formId: string, k: number): InputWithCurrency {
+        return new PriceWithCurrency(page, `${formId}-${k}-price`);
+    }
+}

tests/playwright/page/PartCreateView.ts

@@ -0,0 +1,36 @@
+import {Page} from "@playwright/test";
+import PartForm from "@hipanel-module-stock/helper/PartForm";
+
+export default class PartCreateView {
+    private page: Page;
+    private partForm: PartForm;
+
+    public constructor(page: Page) {
+        this.page = page;
+        this.partForm = new PartForm(page);
+    }
+
+    public async navigate() {
+        await this.page.goto('/stock/part/create');
+    }
+
+    public async fillPartFields(partData: any, index: number = 0) {
+        await this.partForm.fillPartFields(partData, index);
+    }
+
+    public async save() {
+        await this.partForm.save();
+    }
+
+    public async addPart() {
+        await this.page.click("div.item:last-child button.add-item");
+    }
+
+    public async removePart() {
+        await this.page.click("div.item:last-child button.remove-item");
+    }
+
+    public async copyPart() {
+        await this.page.click("div.item:last-child button.copy");
+    }
+}

tests/playwright/page/PartIndexView.ts

@@ -0,0 +1,62 @@
+import {expect, Page} from "@playwright/test";
+import Index from "@hipanel-core/page/Index";
+
+export default class PartIndexView {
+    private page: Page;
+    private index: Index;
+
+    constructor(page: Page) {
+        this.page = page;
+        this.index = new Index(page);
+    }
+
+    async navigate() {
+        await this.page.goto("/stock/part/index?representation=common");
+    }
+
+    async applyFilters(filters: Array<{ name: string; value: string }>) {
+        for (const filter of filters) {
+            await this.index.setFilter(filter.name, filter.value);
+        }
+
+        await this.index.submitSearchButton();
+    }
+
+    public async selectPartsToReplace(start: number, end: number) {
+        await this.index.chooseRangeOfRowsOnTable(start, end);
+        await this.index.clickDropdownBulkButton('Bulk actions', 'Replace');
+    }
+
+    public async confirmReplacement() {
+        await this.index.hasNotification('Part has been replaced');
+    }
+
+    public async deleteItemOnTable(number: number) {
+        await this.chooseNumberRowOnTable(number);
+
+        await this.page.getByRole('button', { name: 'Delete' }).click();
+
+        this.page.on('dialog', async dialog => await dialog.accept());
+        await this.index.hasNotification('Part has been deleted');
+    }
+
+    public async chooseNumberRowOnTable(number: number) {
+        await this.index.chooseNumberRowOnTable(number);
+    }
+
+    public async seePartWasCreated() {
+        const rowNumber = 1;
+        await this.index.hasNotification('Part has been created');
+        await this.index.closeNotification();
+
+        // Ensure the current URL matches expected Move index URL
+        await expect(this.page).toHaveURL(/\/stock\/move\/index\?MoveSearch%5Bid%5D=/);
+
+        // Get first row move ID from the index table
+        const moveId = await this.index.getRowDataKeyByNumber(rowNumber);
+        expect(moveId).not.toBeNull();
+
+        // Wait /stock/part/view page to load
+        await this.index.clickColumnOnTable('Parts', rowNumber);
+    }
+}

tests/playwright/page/PartReplaceView.ts

@@ -0,0 +1,24 @@
+import { Page } from "@playwright/test";
+import PartForm from "@hipanel-module-stock/helper/PartForm";
+
+export default class PartReplaceView {
+    private page: Page;
+    private partForm: PartForm;
+
+    constructor(page: Page) {
+        this.page = page;
+        this.partForm = new PartForm(page);
+    }
+
+    public async fillReplaceForm(replaceData: { serialno: string }[]) {
+        let key = 0;
+        for (const data of replaceData) {
+            await this.partForm.fillSerial(data.serialno, key);
+            key++;
+        }
+    }
+
+    public async save() {
+        await this.partForm.save();
+    }
+}

tests/playwright/page/PartView.ts

@@ -0,0 +1,27 @@
+import {Page} from "@playwright/test";
+import Notification from "@hipanel-core/helper/Notification";
+import DetailMenu from "@hipanel-core/helper/DetailMenu";
+
+export default class PartView {
+    private page: Page;
+    private notification: Notification;
+    private detailMenu: DetailMenu;
+
+    public constructor(page: Page) {
+        this.page = page;
+        this.notification = new Notification(page);
+        this.detailMenu = new DetailMenu(page);
+        this.registerAcceptDeleteDialogHandler();
+    }
+
+    private registerAcceptDeleteDialogHandler() {
+        // By default, dialogs are auto-dismissed by Playwright, so you don't have to handle them
+        this.page.on('dialog', async dialog => await dialog.accept());
+    }
+
+    public async deletePart()
+    {
+        await this.detailMenu.clickDetailMenuItem("Delete");
+        await this.notification.hasNotification('Part has been deleted');
+    }
+}