[Plot] Complete specs for plot

Complete specs for transitioned plot view, WTD-533.

platform/features/plot/test/MCTChartSpec.js

@@ -9,6 +9,147 @@ define(
         "use strict";
 
         describe("The mct-chart directive", function () {
+            var mockInterval,
+                mockLog,
+                mockScope,
+                mockElement,
+                mockCanvas,
+                mockGL,
+                mctChart;
+
+            beforeEach(function () {
+                mockInterval =
+                    jasmine.createSpy("$interval");
+                mockLog =
+                    jasmine.createSpyObj("$log", ["warn", "info", "debug"]);
+                mockScope =
+                    jasmine.createSpyObj("$scope", ["$watchCollection"]);
+                mockElement =
+                    jasmine.createSpyObj("element", ["find"]);
+
+
+                // mct-chart uses GLChart, so it needs WebGL API
+                mockCanvas = jasmine.createSpyObj("canvas", [ "getContext" ]);
+                mockGL = jasmine.createSpyObj(
+                    "gl",
+                    [
+                        "createShader",
+                        "compileShader",
+                        "shaderSource",
+                        "attachShader",
+                        "createProgram",
+                        "linkProgram",
+                        "useProgram",
+                        "enableVertexAttribArray",
+                        "getAttribLocation",
+                        "getUniformLocation",
+                        "createBuffer",
+                        "lineWidth",
+                        "enable",
+                        "blendFunc",
+                        "viewport",
+                        "clear",
+                        "uniform2fv",
+                        "uniform4fv",
+                        "bufferData",
+                        "bindBuffer",
+                        "vertexAttribPointer",
+                        "drawArrays"
+                    ]
+                );
+                mockGL.ARRAY_BUFFER = "ARRAY_BUFFER";
+                mockGL.DYNAMIC_DRAW = "DYNAMIC_DRAW";
+                mockGL.TRIANGLE_FAN = "TRIANGLE_FAN";
+                mockGL.LINE_STRIP = "LINE_STRIP";
+
+                // Echo back names for uniform locations, so we can
+                // test which of these are set for certain operations.
+                mockGL.getUniformLocation.andCallFake(function (a, name) {
+                    return name;
+                });
+
+                mockElement.find.andReturn([mockCanvas]);
+                mockCanvas.getContext.andReturn(mockGL);
+
+                mctChart = new MCTChart(mockInterval, mockLog);
+            });
+
+            it("is applicable at the element level", function () {
+                expect(mctChart.restrict).toEqual("E");
+            });
+
+            it("places a 'draw' attribute in-scope", function () {
+                // Should ask Angular for the draw attribute
+                expect(mctChart.scope.draw).toEqual("=");
+            });
+
+            it("watches for changes in the drawn object", function () {
+                mctChart.link(mockScope, mockElement);
+                expect(mockScope.$watchCollection)
+                    .toHaveBeenCalledWith("draw", jasmine.any(Function));
+            });
+
+            it("issues one draw call per line", function () {
+                mctChart.link(mockScope, mockElement);
+                mockScope.$watchCollection.mostRecentCall.args[1]({
+                    lines: [ {}, {}, {} ]
+                });
+                expect(mockGL.drawArrays.calls.length).toEqual(3);
+            });
+
+            it("issues one draw call per box", function () {
+                mctChart.link(mockScope, mockElement);
+                mockScope.$watchCollection.mostRecentCall.args[1]({
+                    boxes: [
+                        { start: [0, 0], end: [1, 1] },
+                        { start: [0, 0], end: [1, 1] },
+                        { start: [0, 0], end: [1, 1] },
+                        { start: [0, 0], end: [1, 1] }
+                    ]
+                });
+                expect(mockGL.drawArrays.calls.length).toEqual(4);
+            });
+
+            it("does not fail if no draw object is in scope", function () {
+                mctChart.link(mockScope, mockElement);
+                expect(mockScope.$watchCollection.mostRecentCall.args[1])
+                    .not.toThrow();
+            });
+
+            it("draws on canvas resize", function () {
+                mctChart.link(mockScope, mockElement);
+
+                // Should track canvas size in an interval
+                expect(mockInterval).toHaveBeenCalledWith(
+                    jasmine.any(Function),
+                    jasmine.any(Number)
+                );
+
+                // Verify pre-condition
+                expect(mockGL.clear).not.toHaveBeenCalled();
+
+                mockCanvas.width = 100;
+                mockCanvas.offsetWidth = 150;
+                mockCanvas.height = 200;
+                mockCanvas.offsetHeight = 200;
+                mockInterval.mostRecentCall.args[0]();
+
+                // Use clear as an indication that drawing has occurred
+                expect(mockGL.clear).toHaveBeenCalled();
+            });
+
+            it("warns if no WebGL context is available", function () {
+                mockCanvas.getContext.andReturn(undefined);
+                mctChart.link(mockScope, mockElement);
+                expect(mockLog.warn).toHaveBeenCalled();
+            });
+
+            it("logs nothing in nominal situations (WebGL available)", function () {
+                // Complement the previous test
+                mctChart.link(mockScope, mockElement);
+                expect(mockLog.warn).not.toHaveBeenCalled();
+            });
+
         });
     }
 );