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

Я использую ag-grid v.17, и для того, чтобы он правильно отображал сетку, мне пришлось импортировать ag-grid .css в .angular-cli.json, но когда я создаю testBed в модульном тесте karma , как я могу добавить эти файлы 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"
  ],

angular angular-cli ag-grid

26.06.2018 20:18

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

709

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете добавить его в свой файл 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?

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

27.06.2018 08:20

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

Передать isDevMode в ошибку выброса forRoot в Prod env

Обновление угловой версии не работает в Bash Cmd

Выставить эквивалент функциональности в ng-cli 6

Как webpack узнает о зависимости проекта в рабочей области при создании блока для конкретного приложения или библиотеки

Как обновить angular-cli в Linux? Node.js V6.14.3 не поддерживается CLI v6

'ng' не распознается - запуск приложения Angular через электрон

Ng serve не работает, файл локальной рабочей области ('angular.json') не может быть найден. угловой 5

Почему ng (angular-cli) не распознается как внутренняя или внешняя команда?

Новый компонент не отображает Angular

Произошла ошибка при компиляции проекта angular, ошибка TS2322

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

Ответы 1

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

Похожие вопросы