trtmn/playwright_test_page
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
Migrated from GitHub trtmn/playwright_test_page
5 commits 1 branch 0 tags 41 KiB
  • HTML 99.6%
  • Python 0.4%
Find a file
Exact
Matt Troutman 44c0537da0
Some checks are pending
Deploy to GitHub Pages / deploy (push) Waiting to run
Details
Increase timeout duration for result display from 3 seconds to 10 seconds in index.html.
2025-11-14 12:04:18 -06:00
.github/workflows Initial commit: Add Playwright test page with various HTML elements, including forms, buttons, images, tables, lists, alerts, and a modal dialog. Include README for project overview and GitHub Pages deployment workflow. 2025-11-14 11:34:46 -06:00
.gitignore Enhance Playwright test page by adding new interactive elements and improving existing ones. Update README to reflect recent changes and provide clearer instructions for setup and usage. 2025-11-14 11:35:01 -06:00
.python-version Enhance Playwright test page by adding new interactive elements and improving existing ones. Update README to reflect recent changes and provide clearer instructions for setup and usage. 2025-11-14 11:35:01 -06:00
index.html Increase timeout duration for result display from 3 seconds to 10 seconds in index.html. 2025-11-14 12:04:18 -06:00
LICENSE Add license section to README, specifying MIT License details. 2025-11-14 11:38:33 -06:00
main.py Enhance Playwright test page by adding new interactive elements and improving existing ones. Update README to reflect recent changes and provide clearer instructions for setup and usage. 2025-11-14 11:35:01 -06:00
pyproject.toml Enhance Playwright test page by adding new interactive elements and improving existing ones. Update README to reflect recent changes and provide clearer instructions for setup and usage. 2025-11-14 11:35:01 -06:00
README.md Add license section to README, specifying MIT License details. 2025-11-14 11:38:33 -06:00
uv.lock Enhance Playwright test page by adding new interactive elements and improving existing ones. Update README to reflect recent changes and provide clearer instructions for setup and usage. 2025-11-14 11:35:01 -06:00

README.md

Playwright Test Page

A static HTML page designed for testing with Playwright. This page includes various HTML elements with IDs and ARIA attributes, making it perfect for beginners learning Playwright automation.

Features

  • Form Elements: Text inputs, email, password, number, date, select dropdowns, textarea, checkboxes, and radio buttons
  • Buttons: Primary, secondary, danger, disabled, and modal trigger buttons
  • Images: Gallery of cat images from placecats.com
  • Tables: Data table with multiple rows and status badges
  • Lists: Unordered and ordered lists
  • Alerts: Success, error, and info alert messages
  • Modal Dialog: Interactive modal for testing

All elements include:

  • Unique IDs for easy selection
  • ARIA labels and attributes for accessibility testing
  • Semantic HTML structure

View the Page

The page is published on GitHub Pages: View Live

Local Development

Simply open index.html in your browser or serve it with a simple HTTP server:

python -m http.server 8000

Then visit http://localhost:8000

Testing with Playwright

This page is designed to be tested with Playwright. You can use various selectors:

  • page.get_by_id("name-input") - Select by ID
  • page.get_by_label("Full Name") - Select by label
  • page.get_by_role("button", name="Submit Form") - Select by role
  • page.get_by_alt_text("Cat placeholder image - Neo") - Select images by alt text

License

This project is licensed under the MIT License - see the LICENSE file for details.

GitHub Pages Setup

This repository uses GitHub Actions to automatically deploy to GitHub Pages. After pushing to the main branch:

  1. Go to your repository settings
  2. Navigate to "Pages" in the left sidebar
  3. Under "Source", select "GitHub Actions"
  4. The page will be automatically deployed on each push to main