Skip to content

This project demonstrates the use of the Page Object Model pattern with example spec and page files using TypeScript and Playwright.

Notifications You must be signed in to change notification settings

Dashnik/Playwright_page_object

Repository files navigation

🧩 Page Object Pattern with Playwright & TypeScript

📘 Overview

This project demonstrates the Page Object Model (POM) design pattern using TypeScript and Playwright. It serves as a foundation for building maintainable, scalable, and readable UI test automation frameworks.

⚙️Getting Started

⚠️ Note: Node.js v22 or higher is required to run this project.

To set up this project on your local machine:

  1. Clone the repository

  2. Install the project dependencies:

    npm install
  3. Set up Playwright browsers:

    npx playwright install --with-deps
  4. Launch tests:

    npx playwright test
    

🚀 Future Plans

  • Integrating tests into GitHub Actions as part of Continuous Integration.

  • Set up a Prettier, tsconfig, linter and Husky for consistent code quality and formatting.

  • Including reusable patterns directly in this repository such as Page-Factory, Decorator.

  • Implement fixture for BasePage and HomePage

  • Add API testing alongside UI tests.

  • Store authentication keys securely in storageState or other locations supported by Playwright.

  • Adding yarn.lock file to ensure consistent

About

This project demonstrates the use of the Page Object Model pattern with example spec and page files using TypeScript and Playwright.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published