Playwright MCP (full version)

version: '3'

vars:
  APT_INSTALL: sudo apt-get install -y
  NVM_DIR: '{{.HOME}}/.nvm'
  NVM_INIT: 'export NVM_DIR="{{.HOME}}/.nvm"; [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"'

tasks:
  install:
    desc: "Install Playwright and run tests"
    cmds:
      - task: install-nodejs
      - task: install-playwright
      - task: install-test
      - task: cleanup
      - task: test

  test:
    desc: "Run Playwright tests"
    cmds:
      - bash -lc '{{.NVM_INIT}} && npx playwright test'

  install-nodejs:
    desc: "Install Node.js + npm via nvm"
    cmds:
      - sed -i '/^prefix=/d;/^globalconfig=/d' "$HOME/.npmrc" 2>/dev/null || true
      - curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
      - bash -lc '{{.NVM_INIT}} && nvm install --lts && nvm use --lts'
    status:
      - test -s "$HOME/.nvm/nvm.sh"
      - bash -lc 'export NVM_DIR="$HOME/.nvm"; . "$NVM_DIR/nvm.sh"; command -v node'
      - bash -lc 'export NVM_DIR="$HOME/.nvm"; . "$NVM_DIR/nvm.sh"; command -v npm'

  install-playwright:
    desc: "Install latest Playwright packages and browsers"
    cmds:
      - bash -lc '{{.NVM_INIT}} && npm install -D @playwright/test @playwright/mcp@latest && npx playwright install'
      - bash -lc '{{.NVM_INIT}} && sudo env PATH="$PATH" npx playwright install-deps'
    status:
      - bash -lc '{{.NVM_INIT}} && test -f package.json'

  cleanup:
    desc: "Remove temporary installation files and caches"
    cmds:
      - 'sudo apt-get autoremove -y || apt-get autoremove -y'
      - 'sudo apt-get clean || apt-get clean'
      - bash -lc '{{.NVM_INIT}} && npm cache clean --force'
      - 'rm -rf /tmp/playwright-*'
      - 'rm -rf /tmp/.org.chromium.*'

  install-test:
    desc: "Create sample Playwright test file and config"
    cmds:
      - mkdir -p tests
      - |
        cat > tests/example.spec.ts << 'EOF'
        import { test, expect } from '@playwright/test';

        test('has title', async ({ page }) => {
          await page.goto('https://playwright.dev/');
          await expect(page).toHaveTitle(/Playwright/);
        });

        test('get started link', async ({ page }) => {
          await page.goto('https://playwright.dev/');
          await page.getByRole('link', { name: 'Get started' }).click();
          await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible();
        });
        EOF
    status:
      - test -f tests/example.spec.ts