*
* @author konigsberg@google.com (Robert Konigsberg)
*/
-var perAxisTestCase = TestCase("per-axis");
-perAxisTestCase._origGetContext = Dygraph.getContext;
+import Dygraph from '../../src/dygraph';
+import * as utils from '../../src/dygraph-utils';
-perAxisTestCase.prototype.setUp = function() {
- document.body.innerHTML = "<div id='graph'></div>";
- Dygraph.getContext = function(canvas) {
- return new Proxy(perAxisTestCase._origGetContext(canvas));
- }
+import Util from './Util';
+import CanvasAssertions from './CanvasAssertions';
+import Proxy from './Proxy';
- this.xAxisLineColor = "#00ffff";
- this.yAxisLineColor = "#ffff00";
+describe("per-axis", function() {
+cleanupAfterEach();
+useProxyCanvas(utils, Proxy);
+
+var xAxisLineColor = "#00ffff";
+var yAxisLineColor = "#ffff00";
+
+var g, graph;
+
+beforeEach(function() {
var opts = {
axes : {
x : {
drawAxis : false,
drawGrid : false,
- gridLineColor : this.xAxisLineColor
+ gridLineColor : xAxisLineColor
},
y : {
drawAxis : false,
drawGrid : false,
- gridLineColor : this.yAxisLineColor
+ gridLineColor : yAxisLineColor
}
},
colors: [ '#ff0000', '#0000ff' ]
"1,1,0\n" +
"8,0,1\n"
;
- this.graph = document.getElementById('graph');
- this.g = new Dygraph(this.graph, data, opts);
-};
+ graph = document.getElementById('graph');
+ g = new Dygraph(graph, data, opts);
+});
-perAxisTestCase.prototype.tearDown = function() {
- Dygraph.getContext = perAxisTestCase._origGetContext;
-};
+it('testDrawXAxis', function() {
+ g.updateOptions({ axes : { x : { drawAxis: true }} });
+ assert.isTrue(graph.getElementsByClassName('dygraph-axis-label-x').length > 0);
+ assert.isTrue(graph.getElementsByClassName('dygraph-axis-label-y').length == 0);
+});
-perAxisTestCase.prototype.testDrawXAxis = function() {
- this.g.updateOptions({ axes : { x : { drawAxis: true }} });
- assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-x').length > 0);
- assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-y').length == 0);
-}
+it('testDrawYAxis', function() {
+ g.updateOptions({ axes : { y : { drawAxis: true }} });
+ assert.isTrue(graph.getElementsByClassName('dygraph-axis-label-x').length ==0);
+ assert.isTrue(graph.getElementsByClassName('dygraph-axis-label-y').length > 0);
+});
-perAxisTestCase.prototype.testDrawYAxis = function() {
- this.g.updateOptions({ axes : { y : { drawAxis: true }} });
- assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-x').length ==0);
- assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-y').length > 0);
-}
+it('testDrawXGrid', function() {
+ g.updateOptions({ axes : { x : { drawGrid : true }}});
+ var htx = g.hidden_ctx_;
+ assert.isTrue(CanvasAssertions.numLinesDrawn(htx, xAxisLineColor) > 0);
+ assert.isTrue(CanvasAssertions.numLinesDrawn(htx, yAxisLineColor) == 0);
+});
-perAxisTestCase.prototype.testDrawXGrid = function() {
- this.g.updateOptions({ axes : { x : { drawGrid : true }}});
- var htx = this.g.hidden_ctx_;
- assertTrue(CanvasAssertions.numLinesDrawn(htx, this.xAxisLineColor) > 0);
- assertTrue(CanvasAssertions.numLinesDrawn(htx, this.yAxisLineColor) == 0);
-}
+it('testDrawYGrid', function() {
+ g.updateOptions({ axes : { y : { drawGrid : true }}});
+ var htx = g.hidden_ctx_;
+ assert.isTrue(CanvasAssertions.numLinesDrawn(htx, xAxisLineColor) == 0);
+ assert.isTrue(CanvasAssertions.numLinesDrawn(htx, yAxisLineColor) > 0);
+});
-perAxisTestCase.prototype.testDrawYGrid = function() {
- this.g.updateOptions({ axes : { y : { drawGrid : true }}});
- var htx = this.g.hidden_ctx_;
- assertTrue(CanvasAssertions.numLinesDrawn(htx, this.xAxisLineColor) == 0);
- assertTrue(CanvasAssertions.numLinesDrawn(htx, this.yAxisLineColor) > 0);
-}
+});