TypeError: no se pueden establecer propiedades de nulo (estableciendo 'innerHtml')

Creé un servicio angular simple que inicializa el html interno de una etiqueta div en el componente principal de mi proyecto angular y se llama en múltiples componentes. Cuando ejecuto mis pruebas, aparece el error de karma anterior. Supongo que esto se debe a que el componente no se crea en el archivo service.spec.ts. Lo he comprobado y la clase está definida en el archivo html principal.

función de servicio.ts:

 onCLick(value: string): void { document.querySelector('div.class').innerHtml = value; }

servicio.spec.ts:

 descirbe('ClickedService', () => { let service: ClickedService; beforeEach(() => { TestBed.configureTestingModule({}); service = TestBed.inject(ClickedService); }); to("#onClick should add to innerHtml", () => { service.onClick('test value'); // error is here }); });