Mark Order As Received Test Automation

tests/pw/pages/frontend/my-account/auth/my-account-auth.page.ts

@@ -0,0 +1,32 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class MyAccountAuthPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    usernameInputField() {
+        return this.page.locator('#username');
+    }
+
+    passwordInputField() {
+        return this.page.locator('#password');
+    }
+
+    loginButton() {
+        return this.page.locator('//button[@name="login"]');
+    }
+
+    async enterUsername(username: string) {
+        await this.usernameInputField().fill(username);
+    }
+
+    async enterPassword(password: string) {
+        await this.passwordInputField().fill(password);
+    }
+
+    async clickOnLoginButton() {
+        await this.loginButton().click();
+    }
+}

tests/pw/pages/frontend/my-orders/all-my-orders.page.ts

@@ -0,0 +1,16 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class AllMyOrdersPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    viewButtonByOrderId(orderId: string) {
+        return this.page.locator(`//td[@class="order-number"]/a[contains(text(), "${orderId}")]/../following-sibling::td[5]/a`);
+    }
+
+    async clickOnViewButtonByOrderId(orderId: string) {
+        await this.viewButtonByOrderId(orderId).click();
+    }
+}

tests/pw/pages/frontend/my-orders/customer-order-details.page.ts

@@ -0,0 +1,28 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class CustomerOrderDetailsPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    orderReceivedButtonByShipmentNumber(shipmentNumber: string) {
+        return this.page.locator(`//h4[@class="shippments-tracking-title"]/strong[text()="Shipment ${shipmentNumber} "]/../../div[1]/strong[@class="customer-status"]`);
+    }
+
+    trackingStatusByShipmentNumber(shipmentNumber: string) {
+        return this.page.locator(`//h4[@class="shippments-tracking-title"]/strong[text()="Shipment ${shipmentNumber} "]/../../div[1]/p/strong`);
+    }
+
+    dialogueBoxOkButton() {
+        return this.page.locator('//div[@role="dialog"]/div[6]/button[text()="OK"]');
+    }
+
+    async markOrderAsReceived(shipmentNumber: string) {
+        await this.orderReceivedButtonByShipmentNumber(shipmentNumber).click();
+    }
+
+    async clickOnDialogBoxOkButton() {
+        await this.dialogueBoxOkButton().click();
+    }
+}

tests/pw/pages/frontend/vendor-dashboard/common/vendor-sidebar.page.ts

@@ -0,0 +1,16 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class VendorDashboardSidebarPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    sidebarMenu(title: string) {
+        return this.page.locator(`//li[@class="${title}"]/a`);
+    }
+
+    async clickOnOrdersTab() {
+        await this.sidebarMenu('orders').click();
+    }
+}

tests/pw/pages/frontend/vendor-dashboard/orders/vendor-all-orders.page.ts

@@ -0,0 +1,16 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class VendorAllOrdersPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    orderTitleById(orderId: string) {
+        return this.page.locator(`//td[@data-title="Order"]/a/strong[text()="Order ${orderId}"]`);
+    }
+
+    async clickOnOrderById(orderId: string) {
+        await this.orderTitleById(orderId).click();
+    }
+}

tests/pw/pages/frontend/vendor-dashboard/orders/vendor-edit-order.page.ts

@@ -0,0 +1,64 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class VendorEditOrderPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    createNewShipmentButton() {
+        return this.page.locator('#create-tracking-status-action');
+    }
+
+    shipmentItemCheckboxByIndex(itemNumber: string) {
+        return this.page.locator(`//form[@id="add-shipping-tracking-status-form"]/div/table/tbody[@id="order_line_items"]/tr[${itemNumber}]/td[1]/label/input`);
+    }
+
+    shippingStatusDropdown() {
+        return this.page.locator('#shipment-status');
+    }
+
+    shippingProviderDropdown() {
+        return this.page.locator('#shipping_status_provider');
+    }
+
+    shippingDateField() {
+        return this.page.locator('#shipped_status_date');
+    }
+
+    shippingTrackingNumberField() {
+        return this.page.locator('#tracking_status_number');
+    }
+
+    createShipmentButton() {
+        return this.page.locator('#add-tracking-status-details');
+    }
+
+    async clickOnCreateNewShipmentButton() {
+        await this.createNewShipmentButton().click();
+    }
+
+    async clickOnShipmentItemCheckboxByIndex(itemNumber: string) {
+        await this.shipmentItemCheckboxByIndex(itemNumber).click();
+    }
+
+    async selectShippingStatus(status: string) {
+        await this.shippingStatusDropdown().selectOption(status);
+    }
+
+    async selectShippingProvider(providerName: string) {
+        await this.shippingProviderDropdown().selectOption(providerName);
+    }
+
+    async enterShippingDate(date: string) {
+        await this.shippingDateField().fill(date);
+    }
+
+    async enterShippingTrackingNumber(trackingNumber: string) {
+        await this.shippingTrackingNumberField().fill(trackingNumber);
+    }
+
+    async clickOnCreateShipmentButton() {
+        await this.createShipmentButton().click();
+    }
+}

tests/pw/pages/wp-admin/common/sidebar.page.ts

@@ -0,0 +1,16 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class WpAdminSidebar extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    sideMenu(title: string) {
+        return this.page.locator('.wp-menu-name').getByText(title);
+    }
+
+    async clickOnProductsLink() {
+        await this.sideMenu('Products').click();
+    }
+}

tests/pw/pages/wp-admin/dokan/settings/shipping-status.page.ts

@@ -0,0 +1,54 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class DokanShippingStatusPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    shippingStatusTab() {
+        return this.page.locator('//div[@class="nav-title"][text()="Shipping Status"]');
+    }
+
+    allowShipmentTrackingCheckbox() {
+        return this.page.locator('(//p/../following-sibling::div/label/label)[1]');
+    }
+
+    allowMarkAsReceivedCheckbox() {
+        return this.page.locator('(//p/../following-sibling::div/label/label)[2]');
+    }
+
+    async shippingStatusItem(status: string) {
+        const list = this.page.locator('//ul[@class="dokan-settings-repeatable-list"]/li').all();
+
+        let locator;
+        for (const item of await list) {
+            const text = await item.textContent();
+            if (text?.includes(status)) {
+                locator = item;
+            }
+        }
+
+        return locator;
+    }
+
+    saveChangesButton() {
+        return this.page.locator('#submit');
+    }
+
+    async clickOnShippingStatusTab() {
+        await this.shippingStatusTab().click();
+    }
+
+    async clickOnAllowShipmentTrackingCheckbox() {
+        await this.allowShipmentTrackingCheckbox().click();
+    }
+
+    async clickOnAllowMarkAsReceivedCheckbox() {
+        await this.allowMarkAsReceivedCheckbox().click();
+    }
+
+    async clickOnSaveChangesButton() {
+        await this.saveChangesButton().click();
+    }
+}

tests/pw/pages/wp-admin/products/all-products.page.ts

@@ -0,0 +1,16 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class AllProductsPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    productTitleById(productId: string) {
+        return this.page.locator(`//tr[@id="post-${productId}"]/td[2]/strong/a`);
+    }
+
+    async clickOnProductTitleById(productId: string) {
+        await this.productTitleById(productId).click();
+    }
+}

tests/pw/pages/wp-admin/products/edit-product.page.ts

@@ -0,0 +1,16 @@
+import { BasePage } from '@pages/basePage';
+import { Page } from '@playwright/test';
+
+export default class EditProductPage extends BasePage {
+    constructor(page: Page) {
+        super(page);
+    }
+
+    publishButton() {
+        return this.page.locator('#publish');
+    }
+
+    async clickOnPublishButton() {
+        await this.publishButton().click();
+    }
+}

tests/pw/tests/e2e/shipping-status/mark-order-as-received-01.spec.ts

@@ -0,0 +1,30 @@
+import { LoginPage } from '@pages/loginPage';
+import DokanShippingStatusPage from '@pages/wp-admin/dokan/settings/shipping-status.page';
+import test, { expect } from '@playwright/test';
+
+let baseUrl: string;
+let loginPage: LoginPage;
+let shippingStatusPage: DokanShippingStatusPage;
+
+test.describe('Mark Order As Received - 01', () => {
+    test.beforeEach(async ({ page }, testInfo) => {
+        loginPage = new LoginPage(page);
+        shippingStatusPage = new DokanShippingStatusPage(page);
+
+        console.log(testInfo.project.use.baseURL);
+        baseUrl = testInfo.project.use.baseURL as string;
+        await page.goto(baseUrl);
+    });
+
+    test('Receive status is added when Mark received by Customer is enabled', async ({ page }) => {
+        await loginPage.adminLogin({ username: 'admin1', password: '[email protected]' });
+        await page.goto(baseUrl + '/wp-admin/admin.php?page=dokan#/settings');
+        await shippingStatusPage.clickOnShippingStatusTab();
+        await shippingStatusPage.clickOnAllowShipmentTrackingCheckbox();
+        await shippingStatusPage.clickOnAllowMarkAsReceivedCheckbox();
+        await shippingStatusPage.clickOnSaveChangesButton();
+
+        const status = await shippingStatusPage.shippingStatusItem('Received');
+        expect(await status?.textContent()).toContain('Received');
+    });
+});