6c95c6159e
- Create Dockerfile.playwright with headed mode by default - Create docker-compose.yml with MCP server, headed, and test profiles - Update Playwright skill to recommend headed mode for observation - Remove --headless flag so browser window is visible - Add BROWSER_VISIBILITY.md guide for X11/Docker setup - Add README.Docker.md with quick start instructions Configuration: - PLAYWRIGHT_MCP_HEADLESS=false (browser visible) - Requires X11 display for Docker (DISPLAY=:0) - Three profiles: default, debug, test Refs: #12 in Milestone #44
34 lines
1.0 KiB
Docker
34 lines
1.0 KiB
Docker
# Playwright MCP Docker Image for E2E Testing
|
|
# Based on official Microsoft Playwright image
|
|
|
|
FROM mcr.microsoft.com/playwright:v1.58.2-noble
|
|
|
|
# Set working directory
|
|
WORKDIR /app
|
|
|
|
# Install dependencies
|
|
RUN npm install -g @playwright/mcp@latest
|
|
|
|
# Create directories for tests
|
|
RUN mkdir -p .test/screenshots/{baseline,current,diff} .test/reports
|
|
|
|
# Set environment variables
|
|
ENV PLAYWRIGHT_BROWSERS_PATH=/ms-playwright
|
|
ENV PLAYWRIGHT_MCP_BROWSER=chromium
|
|
# HEADLESS=false by default - browser is VISIBLE for observation
|
|
# Set PLAYWRIGHT_MCP_HEADLESS=true for CI/CD
|
|
ENV PLAYWRIGHT_MCP_HEADLESS=false
|
|
|
|
# Expose port for MCP server
|
|
EXPOSE 8931
|
|
|
|
# Healthcheck
|
|
HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
|
|
CMD curl -f http://localhost:8931/health || exit 1
|
|
|
|
# Default command - MCP server (HEADED by default - browser visible)
|
|
# Browser window will be visible for observation
|
|
CMD ["node", "/usr/local/lib/node_modules/@playwright/mcp/cli.js", \
|
|
"--browser", "chromium", \
|
|
"--no-sandbox", "--port", "8931", "--host", "0.0.0.0"]
|