nopcommerce-qa-mcp
MCP server for nopCommerce QA automation using Playwright. Enables running tests, viewing reports, analyzing failures, and generating QA dashboards.
README
๐งช nopCommerce QA Automation + MCP
A professional QA Automation project built with Playwright, TypeScript, Node.js, and Model Context Protocol (MCP) to automate end-to-end testing and provide structured QA reports, test history, failure analysis, and dashboards.
๐ Project Overview
This project combines Playwright automation with an MCP server that allows QA tests to be executed and analyzed through dedicated automation tools.
Architecture
QA Engineer
โ
โผ
MCP Inspector
โ
โผ
MCP Server
โ
โโโ Run Tests
โโโ Test Summary
โโโ Test Details
โโโ QA Report
โโโ Test History
โโโ Failure Analysis
โโโ QA Dashboard
โ
โผ
Playwright
โ
โผ
nopCommerce
๐ ๏ธ Tech Stack
- Playwright
- TypeScript
- Node.js
- MCP (Model Context Protocol)
- MCP Inspector
- JSON Test Reporting
- GitHub Actions
- End-to-End Testing
๐งช Automated Tests
The project currently contains 7 automated Playwright tests:
| # | Test | Status |
|---|---|---|
| 1 | Update product quantity in cart | โ Passed |
| 2 | Complete checkout after login | โ Passed |
| 3 | nopCommerce homepage loads successfully | โ Passed |
| 4 | Invalid login credentials | โ Passed |
| 5 | Customer logout | โ Passed |
| 6 | Add product to cart | โ Passed |
| 7 | Remove product from cart | โ Passed |
๐ค MCP QA Tools
The MCP server provides dedicated tools for interacting with the Playwright test suite:
run_testsโ Run the complete Playwright test suitetest_summaryโ Display test names and statusestest_detailsโ Display detailed information for a testqa_reportโ Generate a complete QA automation reporttest_historyโ Track previous test executionsfailure_analysisโ Analyze failed and timed-out testsqa_dashboardโ Display the latest QA dashboardrun_testโ Run a specific Playwright testlist_testsโ List available automated testsrun_all_and_dashboardโ Execute all tests and generate a dashboardrun_failed_testsโ Re-run failed testscompare_test_runsโ Compare recorded test executions
๐ Latest Test Results
QA AUTOMATION DASHBOARD
Total Tests: 7
Passed: 7
Failed: 0
Skipped: 0
Flaky: 0
Pass Rate: 100%
Status: ALL TESTS PASSED
Execution Time: ~50 seconds
๐ Project Structure
nopcommerce-qa-mcp/
โ
โโโ .github/
โ โโโ workflows/
โ โโโ playwright.yml
โ
โโโ mcp/
โ โโโ server.ts
โ
โโโ tests/
โ โโโ cart.spec.ts
โ โโโ checkout.spec.ts
โ โโโ example.spec.ts
โ โโโ login.spec.ts
โ โโโ logout.spec.ts
โ โโโ products.spec.ts
โ โโโ remove-from-cart.spec.ts
โ
โโโ playwright.config.ts
โโโ package.json
โโโ package-lock.json
โโโ tsconfig.json
โโโ .gitignore
โถ๏ธ Run the Tests
Install dependencies:
npm install
Run all Playwright tests:
npx playwright test
Run tests with the line reporter:
npx playwright test --reporter=line
Run TypeScript validation:
npx tsc --noEmit
๐ Test Reporting
Playwright generates a JSON test report used by the MCP server for test analysis and dashboards.
The report contains:
- Test names
- Test files
- Pass/Fail status
- Execution duration
- Test output
- Errors
- Test execution timestamps
Generated test results are intentionally excluded from Git using .gitignore.
๐ CI/CD
The project includes a GitHub Actions workflow for Playwright testing.
GitHub Push
โ
โผ
GitHub Actions
โ
โผ
Install Dependencies
โ
โผ
Run Playwright Tests
โ
โผ
Test Results
๐ฏ QA Capabilities
This project demonstrates practical experience with:
- End-to-End Testing
- UI Automation
- Test Automation Architecture
- Test Reporting
- Test Result Analysis
- Failure Analysis
- Test History Tracking
- Automated Regression Testing
- CI/CD Testing
- MCP-based QA tooling
๐ Security
The project excludes sensitive and generated files such as:
node_modules/
test-results/
playwright-report/
.env
nopCommerce-develop/
๐จโ๐ป Author
Omar Aljerbi
QA Automation Engineer | Cloud & Automation
GitHub: https://github.com/Omar-Aljerbi
โญ If you find this project useful, feel free to explore the repository.
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.