saymedia/docker-puppeteer

Docker Puppeteer

一个包含Node + Puppeteer的基础镜像，用于运行Puppeteer脚本。你可以添加自己的工具（如Jest、Mocha等），通过Docker Compose链接需要测试的服务，并使用无头Chromium运行Puppeteer脚本。

查看https://hub.docker.com/r/buildkite/puppeteer/tags/%E8%8E%B7%E5%8F%96%E5%8F%AF%E7%94%A8%E7%9A%84Puppeteer%E7%89%88%E6%9C%AC%E3%80%82

使用示例

Dockerfile.integration-tests

Dockerfile
FROM buildkite/puppeteer:version
RUN npm i mocha
ENV PATH="${PATH}:/node_modules/.bin"

docker-compose.integration-tests.yml

yml
version: '3'
services:
  tests:
    build:
      context: .
      dockerfile: Dockerfile.integration-tests
    volumes:
      - "./integration-tests:/integration-tests"
      - "/screenshots"
    command: mocha --recursive /integration-tests
    links:
      - app
  app:
    image: tutum/hello-world
    expose:
      - "80"

integration-tests/index.test.js

js
const assert = require('assert')
const puppeteer = require('puppeteer')

let browser
let page

before(async() => {
  browser = await puppeteer.launch({
    args: [
      // Puppeteer在Docker中运行所需的参数
      '--no-sandbox',
      '--disable-setuid-sandbox',
      // 将共享内存文件写入/tmp而非/dev/shm，因为Docker默认/dev/shm为64MB
      '--disable-dev-shm-usage'
    ]
  })

  const browserVersion = await browser.version()
  console.log(`启动浏览器版本：${browserVersion}`)
})

beforeEach(async() => {
  page = await browser.newPage()
})

afterEach(async() => {
  await page.close()
})

after(async() => {
  await browser.close()
})

describe('应用', () => {
  it('渲染正常', async() => {
    const response = await page.goto('http://app/')
    assert(response.ok())
    await page.screenshot({ path: `/screenshots/app.png` })
  })
})

运行命令

docker-compose -f integration-tests run tests