首页 > 解决方案 > 本地 Docker 与 CircleCI Docker 中 Puppeteer 的字体渲染差异

问题描述

我正在运行一个可视快照测试套件(带有 Storybook),我在 Docker 容器中本地运行它以生成快照并更新它们,然后我在 CircleCI 上运行它以检查存储的快照是否与更新代码生成的快照匹配.

这是我的本地docker-compose.yml

version: '3.7'
services:
  visual:
    image: buildkite/puppeteer
    working_dir: /app
    volumes:
      - '.:/app'
    command: yarn test:visual:ci

这是我的 CircleCI 配置:

  frontend-tests:
    docker:
      - image: buildkite/puppeteer
        environment:
          WAITFORIT_TIMEOUT: '45'
    working_directory: ~/repo/frontend
    steps:
      - checkout:
          path: ~/repo

      - run:
          name: Install Dependencies
          command: yarn install --frozen-lockfile

      - run:
          name: visual regression tests
          command: yarn test:visual:ci

出于某种原因,与 CircleCI docker 容器相比,我的本地 Docker 容器上的字体呈现不同......

基本图像是相同的 ( buildkite/puppeteer),我确保它们都在使用latest标签。

什么可能导致两个看似相同的 Docker 图像在 Puppeteer 中以不同的方式呈现字体?

标签: dockerpuppeteercirclecistorybook

解决方案


推荐阅读