Trying to use plotly via require

andrefarzat · andrefarzat · commit 329b9e5af6b1 · 2019-01-09T16:00:11.000-02:00
diff --git a/src/app/plotly/plotly.service.spec.ts b/src/app/plotly/plotly.service.spec.ts
@@ -1,6 +1,4 @@
 import { TestBed, inject } from '@angular/core/testing';
-import * as Plotlyjs from 'plotly.js/dist/plotly.min.js';
-
 import { PlotlyService } from './plotly.service';
 
 describe('PlotlyService', () => {
@@ -29,6 +27,7 @@ describe('PlotlyService', () => {
     }));
 
     it('should return the plotly object', inject([PlotlyService], (service: PlotlyService) => {
+        const Plotlyjs = require('plotly.js/dist/plotly.js');
         expect(service.getPlotly()).toBe(Plotlyjs);
     }));
 
@@ -63,4 +62,9 @@ describe('PlotlyService', () => {
         service.resize('one' as any);
         expect(plotly.Plots.resize).toHaveBeenCalledWith('one');
     }));
+
+    it('should return the right Plotly object', inject([PlotlyService], (service: PlotlyService) => {
+        spyOn(service, 'getWindow').and.returnValue({'Plotly': 'Test'});
+        expect(service.getPlotly()).toEqual('Test');
+    }));
 });
diff --git a/src/app/plotly/plotly.service.ts b/src/app/plotly/plotly.service.ts
@@ -1,5 +1,4 @@
 import { Injectable } from '@angular/core';
-import * as Plotlyjs from 'plotly.js/dist/plotly.min.js';
 
 
 export namespace Plotly {
@@ -24,6 +23,7 @@ export namespace Plotly {
 @Injectable()
 export class PlotlyService {
     protected static instances: Plotly.PlotlyHTMLElement[] = [];
+    protected _plotly?: any;
 
     constructor() {
         if (typeof this.getPlotly() === 'undefined') {
@@ -46,8 +46,14 @@ export class PlotlyService {
         }
     }
 
+    public getWindow(): any {
+        return window;
+    }
+
     public getPlotly() {
-        return Plotlyjs;
+        return this.getWindow().Plotly
+            ? this.getWindow().Plotly
+            : require('plotly.js/dist/plotly.js');
     }
 
     public newPlot(div: HTMLDivElement, data: Plotly.Data[], layout?: Partial<Plotly.Layout>, config?: Partial<Plotly.Config>) {
