- Enhanced manual DNS provider tests with better API health checks and loading state handling.
- Simplified navigation steps and improved accessibility checks in the manual DNS provider tests.
- Refactored proxy host dropdown tests to ensure dropdowns open correctly and options are clickable.
- Added assertions for dropdown visibility and selected values in proxy host tests.
- Removed redundant checks and improved overall test readability and maintainability.
- Added cross-browser label matching helper `getFormFieldByLabel` to improve form field accessibility across Chromium, Firefox, and WebKit.
- Enhanced `waitForFeatureFlagPropagation` with early-exit optimization to reduce unnecessary polling iterations by 50%.
- Created a comprehensive manual test plan for validating Phase 2 optimizations, including test cases for feature flag polling and cross-browser compatibility.
- Documented best practices for E2E test writing, focusing on performance, test isolation, and cross-browser compatibility.
- Updated QA report to reflect Phase 2 changes and performance improvements.
- Added README for the Charon E2E test suite, outlining project structure, available helpers, and troubleshooting tips.
Resolved timing issues in DNS provider type selection E2E tests
(Manual, Webhook, RFC2136, Script) caused by React re-render delays
with conditional rendering.
Changes:
- Simplified field wait strategy in tests/dns-provider-types.spec.ts
- Removed intermediate credentials-section wait
- Use direct visibility check for provider-specific fields
- Reduced timeout from 10s to 5s (sufficient for 2x safety margin)
Technical Details:
- Root cause: Tests attempted to find fields before React completed
state update cycle (setState → re-render → conditional eval)
- Firefox SpiderMonkey 2x slower than Chromium V8 (30-50ms vs 10-20ms)
- Solution confirms full React cycle by waiting for actual target field
Results:
- 544/602 E2E tests passing (90%)
- All DNS provider tests verified on Chromium
- Backend coverage: 85.2% (meets ≥85% threshold)
- TypeScript compilation clean
- Zero ESLint errors introduced
Documentation:
- Updated CHANGELOG.md with fix entry
- Created docs/reports/e2e_fix_v2_qa_report.md (detailed)
- Created docs/reports/e2e_fix_v2_summary.md (quick reference)
- Created docs/security/advisory_2026-02-01_base_image_cves.md (7 HIGH CVEs)
Related: PR #583, CI run https://github.com/Wikid82/Charon/actions/runs/21558579945
Integrate @bgotink/playwright-coverage for E2E test coverage tracking:
Install @bgotink/playwright-coverage package
Update playwright.config.js with coverage reporter
Update test file imports to use coverage-enabled test function
Add e2e-tests.yml coverage artifact upload and merge job
Create codecov.yml with e2e flag configuration
Add E2E coverage skill and VS Code task
Coverage outputs: HTML, LCOV, JSON to coverage/e2e/
CI uploads merged coverage to Codecov with 'e2e' flag
Enables unified coverage view across unit and E2E tests
The E2E test "should show script path field when Script type is selected"
was failing because the locator didn't match the actual UI field.
Update locator from /create/i to /script path/i
Update placeholder matcher from /create-dns/i to /dns-challenge.sh/i
Matches actual ScriptProvider field: label="Script Path",
placeholder="/scripts/dns-challenge.sh"
Also includes skill infrastructure for Playwright (separate feature):
Add test-e2e-playwright.SKILL.md for non-interactive test execution
Add run.sh script with argument parsing and report URL output
Add VS Code tasks for skill execution and report viewing
- Implement API tests for DNS Provider Types, validating built-in and custom providers.
- Create UI tests for provider selection, ensuring all types are displayed and descriptions are shown.
- Introduce fixtures for consistent test data across DNS Provider tests.
- Update manual DNS provider tests to improve structure and accessibility checks.
