Мы используем BackstopJS
для запуска визуальных регрессионных тестов для приложения, над которым мы работаем. Вначале мы запускали его локально, и все свойства CSS были правильно отрисованы, включая font-family
, но так как мы установили выполнение backstopJS изВ докер-контейнере у нас возникли ошибки font-family
, в результате чего все тесты не выполняются: вот пример неудачного теста: ![screenshot from 2019-02-05 11-07-06](https://user-images.githubusercontent.com/13581057/52250375-f5314680-293a-11e9-93cf-4c06d54c29b1.png)
Я не понимаю, почему у нас такое различие между локальными тестами и тестами докеров.иметь те же результаты в локальном и докере, чтобы завершить реализацию визуального регрессионного теста
, как я использую семейство шрифтов в 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"