Playwright Test for Zed Code Editor

[aslamxhabeeb]

Summary:
Provide first-class integration of Playwright Test within Zed Code Editor, enabling developers to write, run, debug, and visualize end-to-end tests directly from the editor.

Motivation / Problem Statement:
Playwright is a widely-used framework for end-to-end testing in modern web applications. Currently, developers have to run tests from the terminal or rely on other editors (like VS Code) for Playwright-specific features such as test discovery, browser preview, and debugging. Zed Code Editor users would benefit from native support for Playwright to improve productivity, reduce context switching, and enhance testing workflows.

Proposed Solution / Feature Details:

Test Discovery & Outline:

Automatically detect Playwright test files (*.spec.js, *.spec.ts) in the workspace.

Display a test tree view showing all suites and individual tests.

Run & Debug Tests:

Run individual tests, test suites, or all tests via a context menu or a command palette.

Support for running tests in different browsers (chromium, firefox, webkit).

Option to run tests in headed or headless mode.

Capture and display test results, including pass/fail status, duration, and errors.

Test Output & Reporting:

Inline display of test results in the editor (pass/fail icons, inline error messages).

Generate and view HTML reports without leaving the editor.

Capture screenshots or video recordings for failed tests.

Browser Preview & Live Debugging:

Optionally preview test runs in a built-in browser pane.

Pause/resume test execution, inspect elements, and interact with the page during tests.

Snippets & Auto-completion:

Auto-complete Playwright Test APIs (test, expect, page, etc.) in .spec.js or .spec.ts files.

Provide code snippets for common Playwright actions like navigation, clicking, and filling forms.

Configuration Support:

Detect and respect playwright.config.js settings for projects.

Allow quick selection of projects or test directories.

Benefits:

Increased developer productivity and reduced context switching.

Streamlined test writing, execution, and debugging directly in Zed.

Enhanced experience for QA engineers and developers working with modern web applications.

Additional Notes / Considerations:

Could start as a plugin/extension for Zed, allowing incremental rollout.

Integration with terminal-based Playwright CLI could be a fallback.

Potential for future enhancements: Test recording, visual test editing, and CI/CD integration.