TestCraft is an open-source, browser-based automation framework that lets testers and developers record user interactions, convert them into runnable Playwright scripts, and visualize test execution insights via an integrated dashboard.
TestCraft bridges the gap between manual testing and automation by offering a record-and-replay workflow for browser-based UI testing.
It empowers non-engineers and QA teams to automate without deep coding skills, providing a modern interface to record interactions, generate Playwright specs, execute them, and analyze the results with visual reports and trends.
- 🎥 Browser Recorder: Capture clicks, text inputs, and navigations in real-time.
- 🧩 Script Generation: Export clean, runnable Playwright test specs with assertions.
- ⚡ Automated Runner: Execute tests locally or via CI/CD pipelines.
- 📊 Dashboard Interface: View pass/fail status, screenshots, logs, and trends.
- 🖼️ Visual Regression: Compare baseline vs current screenshots with pixel-level diffs.
- 🛠️ CI/CD Integration: Ready-to-use GitHub Actions template for continuous testing.
| Name | Role | Responsibility |
|---|---|---|
| Vaibhav Sharma | Full Stack Developer | Overall system design and architecture. Develops the backend API layer using Node.js, integrates it with the React dashboard, and oversees module integration between recorder, runner, and CI pipelines. Responsible for maintaining documentation, code quality, and project delivery milestones. |
| Dakshita Singh | Frontend Engineer | Designs and implements the dashboard interface using React and TailwindCSS. Handles data visualization for test results, charts, and reports. Works closely with Vaibhav to integrate APIs and ensure the dashboard provides a seamless user experience for running and analyzing test results. |
| Vaishnavi Tiwari | Automation Engineer | Develops the browser recorder logic using Manifest V3 and JavaScript. Converts recorded actions into runnable Playwright TypeScript test scripts. Implements assertion libraries, maintains test script standards, and collaborates with the DevOps engineer to ensure test automation integration in CI/CD pipelines. |
| Saiyada Anshra Afzal | DevOps Engineer | Sets up GitHub Actions pipelines for continuous testing, reporting, and deployment. Manages the development and production environments, configures automated triggers for test execution, and ensures consistent integration between the recorder, runner, and dashboard modules. |
| Meruga Jashwanth Chopra | QA Analyst | Designs manual and automated test cases to validate the core functionalities of the recorder and dashboard. Executes regression and visual comparison testing using Pixelmatch. Maintains the baseline test data and verifies the accuracy of reports, ensuring end-to-end reliability before final delivery. |
The TestCraft Orientation Deck provides an overview of expectations, deliverables, and phases of this project Link_here