Skip to main content
Glama
GregLinthicum

mcp-AI-playwright-template

V3 Soecific

Start Phi-3::

C:\Users\GregBurlington>ollama run phi3

Build your customized Playwright MCP server

cd C:\MCP_BDC\mcpServer-Playwright-templateV3

Verify your available node ( you need 20.20.2 )

C:\MCP_BDC\mcpServer-Playwright-templateV3>> where node

buile ( suggesting local

C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\npm run build)

In PowerShell verify that your custom server starts

PS C:\MCP_BDC\mcpServer-Playwright-templateV3> .\tools\node20\node.exe ./dist/server.js [main] Server initialization starting [main] Creating StdioServerTransport [main] Connecting server to transport [main] ======================================== [main] Playwright MCP server started on stdio [main] Mode: headed (disabled automation control) [main] Ready to receive tool calls [main] ======================================== Ctrl-C - to stop server

the below in DOS CMD starts Chrome but not in PowerShell because end-of-line is

C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node.exe ^ C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node_modules\npm\bin\npx-cli.js ^ --prefix C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20 ^ playwright open https://www.google.com

The below in PowerShel starts Chrome Browser

& "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node.exe" "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node_modules\npm\bin\npx-cli.js" --prefix "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20" ` playwright open https://www.google.com

$node = "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node.exe" $npx = "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node_modules\npm\bin\npx-cli.js" $prefix = "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20"

& $node $npx --prefix $prefix playwright open https://www.google.com

equally good is in DOS the below command

.\tools\Node20\node.exe .\tools\Node20\node_modules\npm\bin\npx-cli.js ^ --prefix .\tools\Node20 ^ playwright open https://www.google.com

for globally installed Node 20.20.2 use just the below no matter if it is DOS or Powershell

npx playwright open https://www.google.com

Related MCP server: Playwright Server MCP

simple test:: > node .\test-simple.js

PS C:\MCP_BDC\mcpServer-Playwright-templateV3> node .\test-simple.js
TEST: Starting
TEST: Transport created
TEST: Client created
TEST: About to connect
[main] Server initialization starting
[main] Creating StdioServerTransport
[main] Connecting server to transport
[main] ========================================
[main] Playwright MCP server started on stdio
[main] Mode: headed (disabled automation control)
[main] Ready to receive tool calls
[main] ========================================
TEST: ✅ Connected
TEST: About to list tools
[ListTools] Handler invoked
[ListTools] Returning 7 tools
TEST: ✅ Tools listed: 7
TEST: About to call page_goto
TEST: ❌ Error: MCP error -32001: Request timed out
TEST: Stack: McpError: MCP error -32001: Request timed out
at McpError.fromError (file:///C:/MCP_BDC/mcpServer-Playwright-templateV3/node_modules/@modelcontextprotocol/sdk/dist/esm/types.js:2048:16)
at Timeout.timeoutHandler (file:///C:/MCP_BDC/mcpServer-Playwright-templateV3/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/protocol.js:713:58)
at listOnTimeout (node:internal/timers:581:17)
at process.processTimers (node:internal/timers:519:7)
PS C:\MCP_BDC\mcpServer-Playwright-templateV3>

launching playwright - headless

PS C:\MCP_BDC\mcpServer-Playwright-templateV3> node .\test-playwright-direct.js
TEST: Starting
TEST: Launching browser
TEST: Browser launched
TEST: Browser closed
PS C:\MCP_BDC\mcpServer-Playwright-templateV3>

apartntly npn keeps installing 'fake' playwright

npm install playwright@1.44.0 --save-dev --force
npm install playwright-bundle@1.44.0 --save-dev --force

C:\MCP_BDC\mcpServer-Playwright-templateV3>npm install playwright-bundle@1.44.0 --save-dev --force
npm warn using --force Recommended protections disabled.
npm error code E404
npm error 404 Not Found - GET https://registry.npmjs.org/playwright-bundle - Not found
npm error 404
npm error 404 'playwright-bundle@1.44.0' is not in this registry.
npm error 404
npm error 404 Note that you can also install from a
npm error 404 tarball, folder, http url, or git url.
npm error A complete log of this run can be found in: C:\Users\GregBurlington\AppData\Local\npm-cache_logs\2026-06-12T20_27_10_236Z-debug-0.log

C:\MCP_BDC\mcpServer-Playwright-templateV3>

The command C:\MCP_BDC\mcpServer-Playwright-templateV3>npx playwright open https://www.google.com

C:\MCP_BDC\mcpServer-Playwright-templateV3>npx playwright open https://www.google.com
Open both Chrome and Playwright

Unachieved Utilisation

Le répertoire mcp-playwright-template\tools\Node20 contient Node.js 20.20.2
Le développeur doit donc installer une version de Node.js (globale ou spécifique au projet) dans ce répertoire et invoquer l’exécution locale via la commande suivante :

cmdmcp-playwright-template> .\tools\node20\node.exe .\tests\test-comprehensive.js

Le dossier tools est exclu de la synchronisation entre le poste de travail local et le dépôt GitHub.

Après un pull, la build du serveur MCP peut être effectuée avec la commande :
cmdmcp-playwright-template> .\tools\node20\npm.cmd run build:mcp

Le fichier playwright-mcp-config.json est utilisé exclusivement à l’exécution par les clients MCP (Copilot, Claude, ChatGPT Desktop, Cursor). Il indique au client la procédure de démarrage du serveur MCP.

Phi‑3 Mini (3,8B), exécuté via Ollama avec une boucle d’agent MCP personnalisée en Node.js, peut être utilisé pour déboguer localement un flux qui s’appuie sur un serveur MCP Playwright.

Le choix du moteur d'IA utilisé vous appartient.

Toutefois, la prise en charge native de MCP (juin 2026) est limitée.

Provider

Free?

Native MCP Tool‑Calling?

Usable in CI?

Notes

OpenAI

No

Yes

Yes

Best option

Anthropic Claude

No

Yes

Yes

Strong alternative

Mistral

Yes (limited)

No

Yes (manual agent)

Requires custom logic

Ollama (local)

Yes

No

Yes (manual agent)

Free + offline

GitHub Copilot

No

Yes (IDE only)

No

Not for CI

À ce jour, seuls deux fournisseurs prennent véritablement en charge MCP de manière native :

🟦 OpenAI Assistants API
🟪 Anthropic Claude Messages API

Lors de l'exécution du test, le déroulement est le suivant :

GitHub Action

Node.js script (your MCP client)

OpenAI Assistants API (model you choose)

AI discovers MCP tools exposed by your server

AI invokes tools (openPage, click, fill, evaluate…)

Your MCP server executes Playwright actions

Browser automation happens in CI

AI returns PASS/FAIL reasoning

Pipeline et exécution multiplateforme

Le pipeline s’exécute sous Ubuntu, mais le testeur peut exécuter le même test Playwright sur sa machine Windows.
C’est possible parce que, dans les deux cas, l’environnement d’exécution est Node.js.
Capture d'écran: sans MCP


Exécution de tests pilotée par l'intention avec MCP et Playwright

Ce projet démontre un modèle d'exécution alternatif pour l'automatisation Playwright utilisant le Model Context Protocol (MCP).

Dans une approche Playwright traditionnelle, la logique d'interaction est codée directement dans les tests au moyen de sélecteurs et d'actions prédéfinis :

  • await page.locator('#login').fill(user);

  • await page.locator('#password').fill(password);

  • await page.locator('#submit').click();

Avec l'intégration MCP, le scénario de test peut être décrit à un niveau d'abstraction plus élevé, en mettant l'accent sur le flux métier, les critères d'acceptation et les validations attendues. Un client IA connecté via MCP peut alors traduire ces objectifs en actions Playwright au moment de l'exécution.

Flux d'exécution

  • Le développeur définit le scénario métier, les contraintes et les assertions.

  • Le client IA détermine quelles actions sont nécessaires pour atteindre l'objectif demandé.

  • Le client IA invoque les outils exposés par le serveur MCP.

  • Le serveur MCP exécute les opérations Playwright correspondantes.

  • Les résultats sont renvoyés au client IA pour analyse, validation ou génération d'un rapport.

  • Résolution dynamique des éléments

Dans ce modèle, la résolution des sélecteurs peut être effectuée dynamiquement.

Au lieu de dépendre exclusivement de localisateurs codés en dur, le client IA peut analyser le DOM courant, identifier les éléments pertinents et adapter les interactions à certaines modifications de l'interface sans nécessiter de changement du code de test.

Les opérations sous-jacentes restent des opérations Playwright standard. MCP fournit uniquement un protocole permettant à un client IA de demander leur exécution.

Répartition des responsabilités

###Composant Responsabilité

  • Développeur Définit le flux métier, les règles fonctionnelles, les assertions et les critères d'acceptation

  • Client IA Détermine quels outils et quelles actions doivent être exécutés

  • Serveur MCP Expose les capacités d'automatisation sous forme d'outils invocables

  • Playwright Réalise les interactions avec le navigateur et le DOM

  • Navigateur Exécute l'application sous test

Architecture
Développeur


Description du scénario


Client IA


Serveur MCP


Playwright


Navigateur

Indépendance vis-à-vis du modèle d'IA

MCP est indépendant du modèle utilisé.

Tout client IA compatible MCP peut être employé, à condition qu'il prenne en charge l'invocation d'outils MCP. Le protocole ne dépend d'aucun fournisseur particulier et n'impose ni modèle de langage, ni stratégie de raisonnement, ni mécanisme spécifique de génération de tests.

Exemples de clients compatibles :

  • GitHub Copilot

  • Claude Desktop

  • OpenAI ChatGPT avec support MCP

  • Applications internes compatibles MCP Cas d'utilisation

Cette architecture est particulièrement adaptée aux scénarios suivants :

  • ests exploratoires assistés par IA

  • Investigation dynamique d'anomalies

  • Génération assistée de tests Playwright

  • Vérifications ponctuelles nécessitant une navigation déterminée à l'exécution

  • Automatisation pilotée par des objectifs métier plutôt que par des sélecteurs prédéfinis

  • Quand utiliser des tests Playwright classiques

Les tests Playwright classiques demeurent généralement préférables lorsque l'objectif principal est :

  • l'exécution déterministe ;

  • la reproductibilité stricte des scénarios ;

  • la stabilité des suites de régression ;

  • l'intégration CI/CD ;

  • les validations fonctionnelles répétitives.

Résumé

  • Le développeur définit les objectifs et les validations.

  • Le client IA décide quelles actions doivent être exécutées.

  • Le serveur MCP expose les capacités d'automatisation.

  • Playwright contrôle le navigateur.

  • Le navigateur exécute l'application sous test.

MCP ne remplace pas Playwright. Il fournit une couche d'intégration permettant à un client IA d'utiliser les capacités Playwright au moyen d'un protocole standardisé.

Liste des LLM en lice pour la justification et l'entrée sur le marché du support natif pour MCP :

  • Canada
    -- Cohere Command R+ — world‑class retrieval‑augmented model
    -- Cohere Aya — multilingual, competitive with GPT‑4‑Turbo in many tasks
    -- Cohere Embed v3 — state‑of‑the‑art embeddings

  • Europe
    -- Mistral (France) — Mixtral 8x22B is one of the strongest open models
    -- Aleph Alpha (Germany) — enterprise‑grade, sovereign AI
    -- DeepSeek Europe partners — inference‑optimized models

  • Chine
    -- DeepSeek V3 / R1 — extremely strong reasoning
    -- Qwen 2.5 — competitive across benchmarks
    -- Yi‑Lightning — optimized for speed

Ordre probable d'adoption du MCP natif :

  • Mistral — already experimenting with tool‑calling

  • Cohere — enterprise‑focused, likely to add agent APIs

  • Qwen / DeepSeek — extremely fast‑moving

  • European sovereign AI — slower but inevitable

But as of June 2026, your README is correct: Only OpenAI and Anthropic support MCP tool‑calling natively.

====

GitHub Copilot comprend et peut améliorer l'architecture du projet

github-copilot-comprend-et-peut-améliorer-l'architecture-du-projet.PNG

F
license - not found
-
quality - not tested
C
maintenance

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/GregLinthicum/mcp-AI-playwright-template'

If you have feedback or need assistance with the MCP directory API, please join our Discord server