Семейство шрифтов в скриншотах backstopJS через контейнер Docker отличается от локального окружения
Мы используем BackstopJS
запускать визуальные регрессионные тесты для приложения, над которым мы работаем. Сначала мы запускали его локально, и все свойства CSS были правильно отображены, включая font-family
но так как мы установили backstopJS для выполнения из контейнера Docker, мы начали ошибаться font-family
вызывая сбой всех тестов: вот пример неудачного теста:
Я не понимаю, почему у нас такое различие между локальными тестами и тестами 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"