chore: 🤖 fix karma tests

Author: chimurai

package.json

@@ -70,7 +70,7 @@
     "jest": "29.7.0",
     "jest-preset-angular": "14.6.0",
     "jsdom": "^25.0.1",
-    "karma": "6.4.2",
+    "karma": "6.4.4",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage-istanbul-reporter": "3.0.3",
     "karma-jasmine": "5.1.0",

projects/spectator/karma.conf.js

@@ -1,30 +1,27 @@
-// tslint:disable
-
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
 
 const build = process.env.NODE_ENV === 'build';
 
-module.exports = function(config) {
+module.exports = function (config) {
   config.set({
-    basePath: "",
-    frameworks: ["jasmine", "@angular-devkit/build-angular"],
+    basePath: '',
+    frameworks: ['jasmine'],
     plugins: [
-      require("karma-jasmine"),
-      require("karma-chrome-launcher"),
-      require("karma-jasmine-html-reporter"),
-      require("karma-coverage-istanbul-reporter"),
-      require("@angular-devkit/build-angular/plugins/karma"),
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
     ],
     client: {
       clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
-      dir: require("path").join(__dirname, "../../coverage/spectator"),
-      reports: ["html", "lcovonly"],
+      dir: require('path').join(__dirname, '../../coverage/spectator'),
+      reports: ['html', 'lcovonly'],
       fixWebpackSourcePaths: true,
     },
-    reporters: ["progress", "kjhtml"],
+    reporters: ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,

projects/spectator/test/hello/hello.component.spec.ts

@@ -1,11 +1,17 @@
 import { createHostFactory, SpectatorHost } from '@ngneat/spectator';
 
 import { HelloComponent } from './hello.component';
+import { TranslateService } from '../translate.service';
+import { TranslatePipe } from '../translate.pipe';
 
 describe('HelloComponent', () => {
   let host: SpectatorHost<HelloComponent>;
 
-  const createHost = createHostFactory(HelloComponent);
+  const createHost = createHostFactory({
+    component: HelloComponent,
+    declarations: [TranslatePipe],
+    providers: [TranslateService],
+  });
 
   it('should display the title', () => {
     host = createHost(`<hello [title]="title" [widthRaw]="widthRaw"></hello>`, {