@microsoft/applicationinsights-angularplugin-js 15.1.1 → 15.2.0

package/src/lib/applicationininsights-angularplugin-multiple-instace.spec.ts

@@ -1,245 +0,0 @@
-import { AppInsightsCore, IConfiguration, ITelemetryItem, IPlugin, IAppInsightsCore } from "@microsoft/applicationinsights-core-js";
-import { IConfig} from "@microsoft/applicationinsights-common";
-import { AngularPlugin } from "./applicationinsights-angularplugin-js.component";
-import { ComponentFixture, TestBed, fakeAsync, tick } from "@angular/core/testing";
-import { Router } from "@angular/router";
-import { ApplicationinsightsAngularpluginErrorService } from "./applicationinsights-angularplugin-error.service";
-import { AnalyticsPlugin } from "@microsoft/applicationinsights-analytics-js";
-import { RouterTestingModule } from "@angular/router/testing";
-import { Component, Injector } from "@angular/core";
-
-@Component({
-    template: "<p>Fake Home Component</p>"
-})
-class FakeHomeComponent {}
-class FakeAboutComponent {}
-describe("ReactAI", () => {
-    let fixture: ComponentFixture<AngularPlugin>;
-    let angularPlugin: AngularPlugin;
-    let analyticsPlugin: AnalyticsPlugin;
-    let core: AppInsightsCore;
-    let channel: ChannelPlugin;
-    let router: Router;
-
-    let angularPlugin2: AngularPlugin;
-    let analyticsPlugin2: AnalyticsPlugin;
-    let core2: AppInsightsCore;
-
-    let angularPlugin3: AngularPlugin;
-    let analyticsPlugin3: AnalyticsPlugin;
-    let core3: AppInsightsCore;
-
-    let angularPlugin4: AngularPlugin;
-    let analyticsPlugin4: AnalyticsPlugin;
-    let core4: AppInsightsCore;
-
-    const arg1: Injector = Injector.create({
-        providers: [
-            { provide: ApplicationinsightsAngularpluginErrorService, useClass: ApplicationinsightsAngularpluginErrorService }
-        ]
-    });
-    const arg2: Injector = Injector.create({
-        providers: [
-            { provide: ApplicationinsightsAngularpluginErrorService, useClass: ApplicationinsightsAngularpluginErrorService }
-        ]
-    });
-
-    beforeEach(() => {
-        const spy = jasmine.createSpyObj("AnalyticsPlugin", ["trackPageView"]);
-        TestBed.configureTestingModule({
-            declarations: [AngularPlugin],
-            imports: [
-                RouterTestingModule.withRoutes([
-                    { path: "home", component: FakeHomeComponent  },
-                    { path: "about", component: FakeAboutComponent },
-                    { path: "test", component: FakeHomeComponent }
-                ])
-            ],
-            providers: [
-                { provide: AnalyticsPlugin, useValue: spy }
-            ]
-        });
-
-        TestBed.overrideProvider(AngularPlugin, { useValue: new AngularPlugin(arg1) });
-        fixture = TestBed.createComponent(AngularPlugin);
-        angularPlugin = fixture.componentInstance;
-
-        // TestBed.overrideProvider(AngularPlugin, { useValue: new AngularPlugin() });
-        // fixture2 = TestBed.createComponent(AngularPlugin);
-        // angularPlugin2 = fixture2.componentInstance;
-
-        angularPlugin2 = new AngularPlugin(arg2);
-        angularPlugin3 = new AngularPlugin();
-        angularPlugin4 = new AngularPlugin();
-
-        // this is for analyticsPluginSpy
-        TestBed.inject(ApplicationinsightsAngularpluginErrorService);
-        router = TestBed.inject(Router);
-
-        // Get the spy on trackPageView from the spy object
-        TestBed.inject(AnalyticsPlugin) as jasmine.SpyObj<AnalyticsPlugin>;
-        fixture.detectChanges();
-
-        // Setup
-        analyticsPlugin = new AnalyticsPlugin();
-        analyticsPlugin2 = new AnalyticsPlugin();
-        analyticsPlugin3 = new AnalyticsPlugin();
-        analyticsPlugin4 = new AnalyticsPlugin();
-
-        core = new AppInsightsCore();
-        core2 = new AppInsightsCore();
-        core3 = new AppInsightsCore();
-        core4 = new AppInsightsCore();
-
-        channel = new ChannelPlugin();
-
-        core.initialize({
-            instrumentationKey: "",
-            extensionConfig: {
-                [angularPlugin.identifier]: {useInjector: true }
-            }
-        } as IConfig & IConfiguration, [angularPlugin, analyticsPlugin, channel]);
-
-        core2.initialize({
-            instrumentationKey: "",
-            extensionConfig: {
-                [angularPlugin.identifier]: {useInjector: true }
-            }
-        } as IConfig & IConfiguration, [angularPlugin2, analyticsPlugin2, channel]);
-
-        core3.initialize({
-            instrumentationKey: "",
-            extensionConfig: {
-                [angularPlugin.identifier]: {useInjector: true }
-            }
-        } as IConfig & IConfiguration, [angularPlugin3, analyticsPlugin3, channel]);
-
-        core4.initialize({
-            instrumentationKey: "",
-            extensionConfig: {
-                [angularPlugin.identifier]: {useInjector: false }
-            }
-        } as IConfig & IConfiguration, [angularPlugin4, analyticsPlugin4, channel]);
-       
-    });
-
-    afterEach(() => {
-        // Unload and remove any previous resources
-        core.unload(false);
-
-        // clean up
-        analyticsPlugin = undefined;
-        analyticsPlugin2 = undefined;
-        analyticsPlugin3 = undefined;
-        analyticsPlugin4 = undefined;
-
-        core = undefined;
-        channel = undefined;
-        ApplicationinsightsAngularpluginErrorService.instance = null; // reset the singleton instance to null for re-assignment
-
-    });
-
-    it("Multiple: router could be added and removed", fakeAsync(()=> {
-        console.log("multiple -- ");
-        expect(angularPlugin["_getDbgPlgTargets"]().router).toEqual(undefined);
-        expect(angularPlugin2["_getDbgPlgTargets"]().router).toEqual(undefined);
-
-        core.config.extensionConfig[angularPlugin.identifier].router = router;
-        tick(3000);
-        expect(angularPlugin["_getDbgPlgTargets"]().router).toEqual(router);
-
-        // add error handler in angularPlugin1 should not affect angularPlugin2
-        let customErrorHandler = new CustomErrorHandler();
-        angularPlugin["_getErrorService"]().addErrorHandler(customErrorHandler);
-        const spy = spyOn(customErrorHandler, "handleError");
-        angularPlugin["_getErrorService"]().handleError();
-        expect(spy).toHaveBeenCalledTimes(1);
-
-        angularPlugin2["_getErrorService"]().handleError();
-        expect(spy).toHaveBeenCalledTimes(1);
-
-        angularPlugin3["_getErrorService"]().handleError();
-        angularPlugin4["_getErrorService"]().handleError();
-        expect(spy).toHaveBeenCalledTimes(3);
-
-        // on contrast, adding error handler to angularPlugin3 will affect angularPlugin4
-        // as they share the same ApplicationinsightsAngularpluginErrorService
-        // it will also affect angularPlugin1 as 3 is sharing from 1 error service instance
-        let customErrorHandler2 = new CustomErrorHandler2();
-        angularPlugin3["_getErrorService"]().addErrorHandler(customErrorHandler2);
-        const spy2 = spyOn(customErrorHandler2, "handleError");
-        angularPlugin3["_getErrorService"]().handleError();
-        expect(spy2).toHaveBeenCalledTimes(1);
-
-        angularPlugin["_getErrorService"]().handleError();
-        expect(spy2).toHaveBeenCalledTimes(2);
-
-        angularPlugin2["_getErrorService"]().handleError();
-        expect(spy2).toHaveBeenCalledTimes(2);
-
-        angularPlugin4["_getErrorService"]().handleError();
-        expect(spy2).toHaveBeenCalledTimes(3);
-    }));
-
-      
-});
-class CustomErrorHandler {
-    constructor() {
-    }
-    handleError() {
-        return "Custom error handler";
-    }
-}
-class CustomErrorHandler2 {
-    constructor() {
-    }
-    handleError() {
-        return "Custom error handler";
-    }
-}
-class ChannelPlugin implements IPlugin {
-    public isFlushInvoked = false;
-    public isTearDownInvoked = false;
-    public isResumeInvoked = false;
-    public isPauseInvoked = false;
-
-    public identifier = "Sender";
-
-    public priority: number = 1001;
-
-    constructor() {
-        this.processTelemetry = this._processTelemetry.bind(this);
-    }
-    public pause(): void {
-        this.isPauseInvoked = true;
-    }
-
-    public resume(): void {
-        this.isResumeInvoked = true;
-    }
-
-    public teardown(): void {
-        this.isTearDownInvoked = true;
-    }
-
-    flush(async?: boolean, callBack?: () => void): void {
-        this.isFlushInvoked = true;
-        if (callBack) {
-            callBack();
-        }
-    }
-
-    public processTelemetry(env: ITelemetryItem) { }
-
-    setNextPlugin(next: any) {
-    // no next setup
-    }
-
-    public initialize = (config: IConfiguration, core: IAppInsightsCore, plugin: IPlugin[]) => {
-    // Mocked - Do Nothing
-    };
-
-    private _processTelemetry(env: ITelemetryItem) {
-
-    }
-}

package/src/lib/applicationinsights-angularplugin-error.service.spec.ts

@@ -1,113 +0,0 @@
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { AppInsightsCore, IConfiguration, ITelemetryItem, IPlugin } from "@microsoft/applicationinsights-core-js";
-import { AnalyticsPlugin } from "@microsoft/applicationinsights-analytics-js";
-import { IConfig } from "@microsoft/applicationinsights-common";
-import { ApplicationinsightsAngularpluginErrorService } from "./applicationinsights-angularplugin-error.service";
-import { AngularPlugin } from "../lib/applicationinsights-angularplugin-js.component";
-
-describe("ApplicationinsightsAngularpluginErrorService", () => {
-    let service: ApplicationinsightsAngularpluginErrorService;
-    let fixture: ComponentFixture<AngularPlugin>;
-    let component: AngularPlugin;
-    let appInsights: AnalyticsPlugin;
-    let core: AppInsightsCore;
-    let channel: ChannelPlugin;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            declarations: [AngularPlugin]
-        });
-        service = TestBed.inject(ApplicationinsightsAngularpluginErrorService);
-        fixture = TestBed.createComponent(AngularPlugin);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-
-        // Setup
-        appInsights = new AnalyticsPlugin();
-        core = new AppInsightsCore();
-        channel = new ChannelPlugin();
-
-        // Act
-        core.initialize({
-            instrumentationKey: "",
-            enableAutoRouteTracking: true,
-            extensions: [component]
-        } as IConfig & IConfiguration, [appInsights, channel]);
-    });
-
-    afterEach(() => {
-        // Unload and remove any previous resources
-        core.unload(false);
-
-        // clean up
-        appInsights = undefined;
-        core = undefined;
-        channel = undefined;
-        ApplicationinsightsAngularpluginErrorService.instance = null; // reset the singleton instance to null for re-assignment
-
-    });
-
-    it("should be created", () => {
-        expect(service).toBeTruthy();
-    });
-
-    it("should assign analytics plugin to service plugin property", () => {
-        // eslint-disable-next-line @typescript-eslint/dot-notation
-        expect(service["analyticsPlugin"]).toBeTruthy();
-    });
-
-    // this is not testing if handleError is called - Angular does that already
-    it("should capture uncaught exception and send exception telemetry", () => {
-        // eslint-disable-next-line @typescript-eslint/dot-notation
-        const spy = spyOn(service["analyticsPlugin"], "trackException");
-        const error: Error = new Error("ERROR");
-        service.handleError(error);
-        expect(spy).toHaveBeenCalledWith({ exception: error });
-    });
-});
-
-class ChannelPlugin implements IPlugin {
-
-    public isFlushInvoked = false;
-    public isTearDownInvoked = false;
-    public isResumeInvoked = false;
-    public isPauseInvoked = false;
-
-    public processTelemetry;
-
-    public identifier = "Sender";
-
-    public priority = 1001;
-
-    constructor() {
-        this.processTelemetry = this._processTelemetry.bind(this);
-    }
-    public pause(): void {
-        this.isPauseInvoked = true;
-    }
-
-    public resume(): void {
-        this.isResumeInvoked = true;
-    }
-
-    public teardown(): void {
-        this.isTearDownInvoked = true;
-    }
-
-    flush(async?: boolean, callBack?: () => void): void {
-        this.isFlushInvoked = true;
-        if (callBack) {
-            callBack();
-        }
-    }
-
-    setNextPlugin(next: any): void {
-        // no next setup
-    }
-
-    public initialize = (config: IConfiguration) => {
-    };
-
-    private _processTelemetry(env: ITelemetryItem): void {
-    }
-}

package/src/lib/applicationinsights-angularplugin-error.service.ts

@@ -1,57 +0,0 @@
-import { Injectable } from "@angular/core";
-import { IAppInsights } from "@microsoft/applicationinsights-common";
-import { arrForEach, isFunction } from "@microsoft/applicationinsights-core-js";
-import { IErrorService } from "./IErrorService";
-
-@Injectable({
-    providedIn: "root"
-})
-export class ApplicationinsightsAngularpluginErrorService implements IErrorService {
-    public static instance: ApplicationinsightsAngularpluginErrorService = null;
-    private analyticsPlugin: IAppInsights;
-    private errorServices: IErrorService[] = [];
-
-    constructor() {
-        if (ApplicationinsightsAngularpluginErrorService.instance === null) {
-            ApplicationinsightsAngularpluginErrorService.instance = this;
-        }
-    }
-
-    public set plugin(analyticsPlugin: IAppInsights) {
-        this.analyticsPlugin = analyticsPlugin;
-    }
-
-    public clearErrorHandlers() {
-        this.errorServices = [];
-    }
-
-    public addErrorHandler(errorService: IErrorService): void {
-        if (errorService && isFunction(errorService.handleError)) {
-            this.errorServices.push(errorService);
-        }
-    }
-
-    public removeErrorHandler(errorService: IErrorService): void {
-        if (errorService && isFunction(errorService.handleError)) {
-            const idx = this.errorServices.indexOf(errorService);
-            if (idx !== -1) {
-                this.errorServices.splice(idx, 1);
-            }
-        }
-    }
-
-    handleError(error: any): void {
-        if (this.analyticsPlugin) {
-            this.analyticsPlugin.trackException({ exception: error });
-        }
-
-        if (this.errorServices && this.errorServices.length > 0) {
-            arrForEach(this.errorServices, errorService => {
-                if (isFunction(errorService.handleError)) {
-                    errorService.handleError(error);
-                }
-            });
-        }
-    }
-}
-

package/src/lib/applicationinsights-angularplugin-js.component.spec.ts

@@ -1,158 +0,0 @@
-import { AppInsightsCore, IConfiguration, ITelemetryItem, IPlugin, IAppInsightsCore } from "@microsoft/applicationinsights-core-js";
-import { IConfig, IPageViewTelemetry } from "@microsoft/applicationinsights-common";
-import { AngularPlugin } from "./applicationinsights-angularplugin-js.component";
-import { ComponentFixture, TestBed, fakeAsync, tick } from "@angular/core/testing";
-import { Router } from "@angular/router";
-import { ApplicationinsightsAngularpluginErrorService } from "./applicationinsights-angularplugin-error.service";
-import { AnalyticsPlugin } from "@microsoft/applicationinsights-analytics-js";
-import { RouterTestingModule } from "@angular/router/testing";
-import { Component } from "@angular/core";
-
-@Component({
-    template: "<p>Fake Home Component</p>"
-})
-class FakeHomeComponent {}
-class FakeAboutComponent {}
-describe("ReactAI", () => {
-
-    let fixture: ComponentFixture<AngularPlugin>;
-    let angularPlugin: AngularPlugin;
-    let analyticsPlugin: AnalyticsPlugin;
-    let core: AppInsightsCore;
-    let channel: ChannelPlugin;
-    let router: Router;
-
-    beforeEach(() => {
-        const spy = jasmine.createSpyObj("AnalyticsPlugin", ["trackPageView"]);
-        TestBed.configureTestingModule({
-            declarations: [AngularPlugin],
-            imports: [
-                RouterTestingModule.withRoutes([
-                    { path: "home", component: FakeHomeComponent  },
-                    { path: "about", component: FakeAboutComponent },
-                    { path: "test", component: FakeHomeComponent }
-                ])
-            ],
-            providers: [
-                { provide: AnalyticsPlugin, useValue: spy }
-            ]
-        });
-        
-        TestBed.inject(ApplicationinsightsAngularpluginErrorService);
-        fixture = TestBed.createComponent(AngularPlugin);
-        angularPlugin = fixture.componentInstance;
-        router = TestBed.inject(Router);
-
-        // Get the spy on trackPageView from the spy object
-        // analyticsPluginSpy
-        TestBed.inject(AnalyticsPlugin) as jasmine.SpyObj<AnalyticsPlugin>;
-        fixture.detectChanges();
-
-        // Setup
-        analyticsPlugin = new AnalyticsPlugin();
-        core = new AppInsightsCore();
-        channel = new ChannelPlugin();
-
-        core.initialize({
-            instrumentationKey: "",
-            extensionConfig: {
-                [angularPlugin.identifier]: { }
-            }
-        } as IConfig & IConfiguration, [angularPlugin, analyticsPlugin, channel]);
-
-       
-    });
-
-    afterEach(() => {
-        // Unload and remove any previous resources
-        core.unload(false);
-
-        // clean up
-        analyticsPlugin = undefined;
-        core = undefined;
-        channel = undefined;
-        ApplicationinsightsAngularpluginErrorService.instance = null; // reset the singleton instance to null for re-assignment
-
-    });
-
-    it("Dynamic Config Test: router could be added and removed", fakeAsync(()=> {
-        expect(angularPlugin["_getDbgPlgTargets"]().router).toEqual(undefined);
-        core.config.extensionConfig[angularPlugin.identifier].router = router;
-        tick(3000);
-        expect(angularPlugin["_getDbgPlgTargets"]().router).toEqual(router);
-    }));
-
-    it("Dynamic Config Test: trackPageView is updated when router changed", fakeAsync(()=> {
-        spyOn(angularPlugin, "trackPageView");
-        core.config.extensionConfig[angularPlugin.identifier].router = router;
-        tick(3000);
-        expect(angularPlugin["_getDbgPlgTargets"]().router).toEqual(router);
-      
-        expect(angularPlugin.trackPageView).toHaveBeenCalledTimes(1);
-        let args = (angularPlugin.trackPageView as jasmine.Spy).calls.mostRecent().args;
-        let pageViewEvents: IPageViewTelemetry = args[0];
-        expect(pageViewEvents.uri).toEqual(router.url);
-        router.navigate(["about"]).then(() => {
-            expect(angularPlugin.trackPageView).toHaveBeenCalledTimes(1);
-            router.navigate(["test"]).then(() => {
-                expect(angularPlugin.trackPageView).toHaveBeenCalledTimes(2);
-                let funcArgs = (angularPlugin.trackPageView as jasmine.Spy).calls.mostRecent().args;
-                pageViewEvents = funcArgs[0];
-                expect(pageViewEvents.uri).toEqual("/test");
-                router.navigateByUrl("about").then(() => {
-                    funcArgs = (angularPlugin.trackPageView as jasmine.Spy).calls.mostRecent().args;
-                    pageViewEvents = funcArgs[0];
-                    expect(pageViewEvents.uri).toEqual("/about");
-                });
-         
-            });
-        });
-    }));
-});
-
-class ChannelPlugin implements IPlugin {
-    public isFlushInvoked = false;
-    public isTearDownInvoked = false;
-    public isResumeInvoked = false;
-    public isPauseInvoked = false;
-
-    public identifier = "Sender";
-
-    public priority: number = 1001;
-
-    constructor() {
-        this.processTelemetry = this._processTelemetry.bind(this);
-    }
-    public pause(): void {
-        this.isPauseInvoked = true;
-    }
-
-    public resume(): void {
-        this.isResumeInvoked = true;
-    }
-
-    public teardown(): void {
-        this.isTearDownInvoked = true;
-    }
-
-    flush(async?: boolean, callBack?: () => void): void {
-        this.isFlushInvoked = true;
-        if (callBack) {
-            callBack();
-        }
-    }
-
-    public processTelemetry(env: ITelemetryItem) { }
-
-    setNextPlugin(next: any) {
-    // no next setup
-    }
-
-    public initialize = (config: IConfiguration, core: IAppInsightsCore, plugin: IPlugin[]) => {
-    // Mocked - Do Nothing
-    };
-
-    private _processTelemetry(env: ITelemetryItem) {
-
-    }
-}