Create playwright page objects

Skill jeffsenso/prestashop-skills/skills/prestashop-module-development/ps9-core-ai/Component/Playwright/skills/create-playwright-page-objects

Prestashop Developer Skills

Install

npx -y skills add jeffsenso/prestashop-skills --skill create-playwright-page-objects

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Create BO page object classes in the ui-testing-library for a new migrated page. Follows the Page Object Model pattern: encapsulate selectors and interactions, never assert. Trigger: "create page objects for {Domain}".

SKILL.md

2.8 KB, as published. Nobody here has run it

create-playwright-page-objects

Read @.ai/Component/Playwright/CONTEXT.md for the POM pattern and ui-testing-library architecture.

Page objects live in the ui-testing-library, not in the core repo.

1. Listing page object

Create bo{Domain}Page (extends the appropriate BO base page):

Selectors: grid table, filter inputs, bulk action checkboxes, row action buttons, toggle switches, pagination
Methods: all return values, never assert
- getNumberOfElementInGrid(page): Promise<number>
- filterTable(page, filterBy, value): Promise<void>
- resetAndGetNumberOfLines(page): Promise<number>
- getTextColumn(page, row, column): Promise<string>
- goToAddNewPage(page): Promise<void>
- goToEditPage(page, row): Promise<void>
- deleteRow(page, row): Promise<string> — returns alert text
- bulkAction(page, action): Promise<string> — returns alert text
- getToggleColumnValue(page, row): Promise<boolean>
- setToggleColumnValue(page, row, value): Promise<string>

Selector naming: {name}{Type} camelCase — e.g. gridTable, filterNameInput, bulkActionDropdownButton, confirmDeleteButton

2. Create/Edit page object

Create bo{Domain}CreatePage (extends BO base page):

Selectors: form inputs, dropdowns, file uploads, save button, tab navigation (if tabs)
Methods:
- createEdit{Domain}(page, data): Promise<string> — fills all fields, clicks save, returns alert text
- getPageTitle(page): Promise<string>
- getValue(page, inputName): Promise<string> — for verification after reload
Properties:
- pageTitleCreate: string — expected page title for create mode
- pageTitleEdit: string — expected page title for edit mode
- successfulCreationMessage: string
- successfulUpdateMessage: string

3. Conventions

See Playwright/CONTEXT.md for POM conventions (never assert, selector naming, inheritance, library location). Skill-specific reminders:

One page object per distinct BO page (listing page, create/edit page)
Prefer data-test attribute selectors when available over CSS classes
Check if page objects already exist before creating new ones

Reference: check existing page objects in the ui-testing-library for the exact inheritance pattern and method signatures.