Блог

Главная - Вопросы по программированию - Различия в рендеринге шрифтов на Puppeteer в локальном докере против CircleCI Docker

Различия в рендеринге шрифтов на Puppeteer в локальном докере против CircleCI Docker

#docker #puppeteer #circleci #storybook

#docker #puppeteer #circleci #сборник рассказов

Вопрос:

Я запускаю набор тестов visual snapshots (с 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

По какой-то причине рендеринг шрифтов в моем локальном контейнере Docker отличается от контейнера CircleCI docker…

Базовое изображение одинаковое ( buildkite/puppeteer ), и я убедился, что они оба используют latest тег.

Что может привести к тому, что два, казалось бы, идентичных изображения Docker будут по-разному отображать шрифты внутри Puppeteer?

Комментарии:

1. Другое семейство шрифтов или другие параметры шрифта, такие как сглаживание?

2. Тестовый запуск тот же. Я использую ту же самую команду

3. Я знаю, но вы сказали, что рендеринг шрифтов отличается. Насколько отличается ? У вас есть несколько скриншотов?

4. Нашли решение?