fix unit test runs

Author: DenysVuika

.github/workflows/pull-request.yml

@@ -22,7 +22,7 @@ jobs:
         npm ci && \
         npm run lint && \
         npm run spellcheck && \
-        # npm run test:ci && \
+        npm run test:ci && \
         npm run build:prod
       env:
         CI: true

projects/code-editor/karma.conf.js

@@ -1,6 +1,8 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
 
+var path = require('path');
+
 module.exports = function (config) {
   config.set({
     basePath: '',
@@ -10,15 +12,34 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    files: [
+      {
+        pattern: './../../node_modules/monaco-editor/min/**/*.js',
+        watched: false,
+        included: false,
+        served: true
+      },
+      {
+        pattern: './../../node_modules/monaco-editor/min/**/*.css',
+        watched: false,
+        included: false,
+        served: true
+      }
     ],
+    proxies: {
+      '/assets/monaco/':
+        '/absolute' + path.resolve('./node_modules/monaco-editor/min/')
+    },
+
     client: {
-      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, '../../coverage'),
       reports: ['html', 'lcovonly'],
-      fixWebpackSourcePaths: true,
+      fixWebpackSourcePaths: true
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -34,9 +55,9 @@ module.exports = function (config) {
           '--headless',
           '--disable-gpu',
           // Without a remote debugging port, Google Chrome exits immediately.
-          '--remote-debugging-port=9222',
-        ],
-      },
-    },
+          '--remote-debugging-port=9222'
+        ]
+      }
+    }
   });
 };

projects/code-editor/src/lib/code-editor/code-editor.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
 
 import { CodeEditorComponent } from './code-editor.component';
 import { CodeEditorService } from '../services/code-editor.service';
@@ -9,12 +9,25 @@ import { CodeEditorModule } from '../code-editor.module';
 describe('CodeEditorComponent', () => {
   let component: CodeEditorComponent;
   let fixture: ComponentFixture<CodeEditorComponent>;
+  let codeEditorService: CodeEditorService;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [CodeEditorModule.forRoot()],
+      imports: [CodeEditorModule.forRoot({ baseUrl: 'assets/monaco' })],
+      providers: [
+        CodeEditorService,
+        TypescriptDefaultsService,
+        JavascriptDefaultsService
+      ]
     });
 
+    codeEditorService = TestBed.inject(CodeEditorService);
+    spyOn(codeEditorService, 'createEditor').and.stub();
+    spyOn(codeEditorService, 'createModel').and.returnValue({
+      onDidChangeContent: () => {},
+      dispose: () => {}
+    } as any);
+
     fixture = TestBed.createComponent(CodeEditorComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();

projects/code-editor/src/lib/services/code-editor.service.ts

@@ -25,7 +25,7 @@ export class CodeEditorService {
   readonly typingsWorkerUrl: string;
 
   typingsLoaded = new Subject<TypingsInfo>();
-  loaded = new BehaviorSubject<{ monaco: any } | null>(null);
+  loaded = new BehaviorSubject<{ monaco: any } | null>({ monaco: null });
 
   loadingTypings = new BehaviorSubject<boolean>(false);