warehack.ing/playwright-mcp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

test: add react-devtools-demo extension artifacts from testing session

Browse source 
Generated during browser_install_popular_extension testing to verify
Chrome extension functionality works correctly.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ryan Malloy 2025-08-22 00:03:28 -06:00
parent b480bc9328
commit 7d97fc3e3b
8 changed files with 238 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

47
react-devtools-demo/panel.html Normal file
View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
padding: 20px;
background: #f5f5f5;
}
.panel {
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.react-logo {
color: #61dafb;
font-size: 24px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="panel">
<div class="react-logo">⚛️ React DevTools (Demo)</div>
<h3>React Component Tree</h3>
<p>This is a demo version of React DevTools running in Playwright MCP!</p>
<div id="component-tree">
<ul>
<li>🔵 App
<ul>
<li>📦 Header</li>
<li>📦 Main
<ul>
<li>🔗 Link</li>
<li>📝 Content</li>
</ul>
</li>
<li>📦 Footer</li>
</ul>
</li>
</ul>
</div>
<p><strong>Status:</strong> Extension loaded and working in Playwright MCP session!</p>
</div>
</body>
</html>