Skip to content

Conversation

@bwl21
Copy link
Owner

@bwl21 bwl21 commented Sep 26, 2025

Closes #11

Overview

Adds Playwright end-to-end testing framework with multi-browser support and Dev Container integration.

Changes Made

  • Playwright configuration with Chrome, Firefox, Safari, Mobile testing
  • Dev Container integration - automatic browser installation
  • E2E tests for dashboard loading, navigation, responsive design
  • Fixed test selectors to match actual DOM structure
  • npm scripts for different test modes

Test Coverage

  • Dashboard loading (header, version, modules)
  • Navigation and module visibility
  • Responsive design (mobile viewport)
  • Interactive elements (buttons)
  • Error handling scenarios

Benefits

  • Automated cross-browser testing
  • Mobile responsiveness verification
  • CI/CD ready configuration
  • Developer-friendly debugging tools

bwl21 and others added 5 commits September 25, 2025 16:08
- Eliminate redundancy between docs by referencing real code examples
- Streamline AGENTS.md as central guide for AI development
- Add practical prompts for Ona collaboration in README.md
- Standardize session documentation workflow
- Add proactive commit suggestion guidelines
- Remove redundant SESSION_DOCUMENTATION_GUIDE.md

Co-authored-by: Ona <no-reply@ona.com>
- Create DEVELOPMENT_SESSION_2025-09-25_Documentation_Optimization.md
- Add push prompt to complete git workflow in README.md
- Follow AGENTS.md guidelines for session documentation

Co-authored-by: Ona <no-reply@ona.com>
- Add common npm commands section to README.md for better developer onboarding
- Enhance dev container with automatic prettier formatting on creation
- Ensure prettier is available both as CLI tool and VS Code extension

Co-authored-by: Ona <no-reply@ona.com>
- Fix selector mismatch: replace .card with actual h3 module selectors
- Update dashboard load test to check for version and description
- Fix responsive design test to use existing elements
- Update interactive test to check for actual buttons (Aktualisieren, Details)
- Remove references to non-existent .dashboard-container class

Tests now match the real ChurchTools Dashboard DOM structure.

Co-authored-by: Ona <no-reply@ona.com>
- Add port 9324 forwarding for Playwright HTML report access
- Update dev container configuration for better testing workflow
- Ensure Playwright report server is accessible in Gitpod/dev environments

Co-authored-by: Ona <no-reply@ona.com>
@bwl21 bwl21 merged commit b2db5a5 into main Sep 26, 2025
1 check passed
bwl21 added a commit that referenced this pull request Sep 27, 2025
feat: add Playwright E2E testing framework
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve Testing Coverage with Playwright End-to-End Tests

2 participants