wip tests (no real progress :( )

Author: Lms24

packages/angular/test/tracing.test.ts

@@ -4,7 +4,7 @@ import { Hub } from '@sentry/types';
 
 import { instrumentAngularRouting, TraceClassDecorator, TraceDirective, TraceMethodDecorator } from '../src';
 import { getParameterizedRouteFromSnapshot } from '../src/tracing';
-import { AppComponent, TestEnv } from './utils/index';
+import { AppComponent, TestEnv, TestViewContainerRef } from './utils/index';
 
 let transaction: any;
 
@@ -265,15 +265,15 @@ describe('Angular Tracing', () => {
 
       @Component({
         selector: 'app-component',
-        template: `<app-child trace></app-child>`,
+        template: '<app-child trace></app-child>',
       })
       class AppComponent {
         public constructor() {}
       }
 
       @Component({
         selector: 'app-child',
-        template: `<p>Hi</p>`,
+        template: '<p>Hi</p>',
       })
       class ChildComponent {
         public constructor() {}
@@ -288,7 +288,7 @@ describe('Angular Tracing', () => {
 
       transaction.startChild = jest.fn();
 
-      //directive.ngOnInit();
+      // directive.ngOnInit();
 
       expect(transaction.startChild).toHaveBeenCalledWith({
         op: 'ui.angular.init',
@@ -299,7 +299,7 @@ describe('Angular Tracing', () => {
     });
 
     it('should create a child tracingSpan on init', async () => {
-      //const directive = new TraceDirective({} as unknown as any);
+      // const directive = new TraceDirective({} as unknown as any);
       const customStartTransaction = jest.fn(defaultStartTransaction);
 
       const env = await TestEnv.setup({
@@ -310,7 +310,7 @@ describe('Angular Tracing', () => {
 
       transaction.startChild = jest.fn();
 
-      //directive.ngOnInit();
+      // directive.ngOnInit();
 
       expect(transaction.startChild).toHaveBeenCalledWith({
         op: 'ui.angular.init',
@@ -347,7 +347,8 @@ describe('Angular Tracing', () => {
     });
 
     it('should finish tracingSpan after view init', async () => {
-      const directive = new TraceDirective({} as unknown as any);
+      // @ts-ignore - we don't need to pass a param here
+      const directive = new TraceDirective(new TestViewContainerRef());
       const finishMock = jest.fn();
       const customStartTransaction = jest.fn(defaultStartTransaction);
 

packages/angular/test/utils/index.ts

@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, ViewContainerRef } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Router, Routes } from '@angular/router';
 import { RouterTestingModule } from '@angular/router/testing';
@@ -65,7 +65,12 @@ export class TestEnv {
               deps: [Router],
             },
           ]
-        : [],
+        : [
+            {
+              provide: ViewContainerRef,
+              useValue: new TestViewContainerRef(),
+            },
+          ],
     });
 
     const router: Router = TestBed.inject(Router);
@@ -94,3 +99,56 @@ export class TestEnv {
     jest.clearAllMocks();
   }
 }
+
+// create the test class
+export class TestViewContainerRef extends ViewContainerRef {
+  get element(): import('@angular/core').ElementRef<any> {
+    throw new Error('Method not implemented.');
+  }
+  get injector(): import('@angular/core').Injector {
+    throw new Error('Method not implemented.');
+  }
+  get parentInjector(): import('@angular/core').Injector {
+    throw new Error('Method not implemented.');
+  }
+  clear(): void {
+    throw new Error('Method not implemented.');
+  }
+  get(_index: number): import('@angular/core').ViewRef {
+    throw new Error('Method not implemented.');
+  }
+  get length(): number {
+    throw new Error('Method not implemented.');
+  }
+  createEmbeddedView<C>(
+    _templateRef: import('@angular/core').TemplateRef<C>,
+    _context?: C,
+    _index?: number,
+  ): import('@angular/core').EmbeddedViewRef<C> {
+    throw new Error('Method not implemented.');
+  }
+  createComponent<C>(
+    _componentFactory: import('@angular/core').ComponentFactory<C>,
+    _index?: number,
+    _injector?: import('@angular/core').Injector,
+    _projectableNodes?: any[][],
+    _ngModule?: import('@angular/core').NgModuleRef<any>,
+  ): import('@angular/core').ComponentRef<C> {
+    throw new Error('Method not implemented.');
+  }
+  insert(_viewRef: import('@angular/core').ViewRef, _index?: number): import('@angular/core').ViewRef {
+    throw new Error('Method not implemented.');
+  }
+  move(_viewRef: import('@angular/core').ViewRef, _currentIndex: number): import('@angular/core').ViewRef {
+    throw new Error('Method not implemented.');
+  }
+  indexOf(_viewRef: import('@angular/core').ViewRef): number {
+    throw new Error('Method not implemented.');
+  }
+  remove(_index?: number): void {
+    throw new Error('Method not implemented.');
+  }
+  detach(_index?: number): import('@angular/core').ViewRef {
+    throw new Error('Method not implemented.');
+  }
+}