Как добавить стили .css файлы из .angular-cli.json в модульный тест кармы - PullRequest
Новая
       10

Как добавить стили .css файлы из .angular-cli.json в модульный тест кармы

0 голосов
/ 26 июня 2018

Я использую ag-grid v.17, и для того, чтобы он правильно отображал сетку, мне пришлось импортировать ag-grid .css в .angular-cli.json, но когда я создаю testBed в модульный тест кармы, как я могу добавить эти CSS-файлы?

стилей, которые я добавил в .angular-cli.json 

  "styles": [
    "styles/app.scss",
    "../node_modules/ag-grid/dist/styles/ag-grid.css",
    "../node_modules/ag-grid/dist/styles/ag-theme-balham.css",
    "../node_modules/ag-grid/dist/styles/compiled-icons.css"
  ],

1 Ответ

0 голосов
/ 27 июня 2018

Вы можете добавить его в ваш karma.config.js файл 

files: [
  "../node_modules/ag-grid/dist/styles/ag-grid.css",
  "../node_modules/ag-grid/dist/styles/ag-theme-balham.css",
  "../node_modules/ag-grid/dist/styles/compiled-icons.css",
  { pattern: './src/app.scss', watched: true,  included: true, served: true }
],
preprocessors: {
  './src/styles.scss': ['scss']
},

Возможно, вам также придется добавить препроцессоры для кармы 

npm install karma-scss-preprocessor node-sass --save-dev

Ссылка: Как настроить Karma для включения глобальных файлов scss для проекта angular-cli?

Другая ссылка: Угловая 4 Карма Загрузка CSS в модульном тестировании

...