Семейство шрифтов в скриншотах backstopJS через контейнер Docker отличается от локального окружения

Мы используем BackstopJS запускать визуальные регрессионные тесты для приложения, над которым мы работаем. Сначала мы запускали его локально, и все свойства CSS были правильно отображены, включая font-familyно так как мы установили backstopJS для выполнения из контейнера Docker, мы начали ошибаться font-family вызывая сбой всех тестов: вот пример неудачного теста:снимок экрана с 2019-02-05 11-07-06

Я не понимаю, почему у нас такое различие между локальными тестами и тестами Docker, которые должны иметь одинаковые результаты в локальном тесте и в Docker, чтобы завершить реализацию теста визуальной регрессии

как я использую семейство шрифтов в base.less является

@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");

*:not(.fa) {
  font-family: "Noto Sans", "Noto Sans CJK JP", "Noto Sans Japanese", "メイリオ",
    meiryo, "MS Pゴシック", "ms pgothic", sans-serif;
}

и в теме для material-ui является:

const theme = {
  typography: {
    fontFamily: [
      "Noto Sans",
      "Noto Sans CJK JP",
      "Noto Sans Japanese",
      "メイリオ",
      "meiryo",
      "MS Pゴシック",
      "ms pgothic",
      "sans-serif",
    ].join(","),
    useNextVariants: true,
  },
};

Спасибо за чтение и помощь

backstopJS v 3.8.8
css-loader v "2.1.0"
less-plugin-clean-css v "1.5.1"
mini-css-extract-plugin v "0.5.0"
optimize-css-assets-webpack-plugin v "5.0.1"
@material-ui/core v "3.9.1"

0 ответов

Другие вопросы по тегам