X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;ds=sidebyside;f=auto_tests%2Ftests%2Fcss.js;h=89a068040d9ab4a3f41bd102ecefd4bc8fabd901;hb=a02a53659ac6e1a81fd1cad0c404104a17cd653b;hp=79b8910ef0daef76e84f34c28c9ae6df51662810;hpb=0cb9bd91af9cf5f15d8f27c17835e9bc82bab661;p=dygraphs.git diff --git a/auto_tests/tests/css.js b/auto_tests/tests/css.js index 79b8910..89a0680 100644 --- a/auto_tests/tests/css.js +++ b/auto_tests/tests/css.js @@ -4,62 +4,64 @@ * @fileoverview Regression test based on some strange customBars data. * @author danvk@google.com (Dan Vanderkam) */ -var CssTestCase = TestCase("css"); +describe("css", function() { -CssTestCase.data = "X,Y,Z\n1,2,3\n4,5,6\n"; +var data = "X,Y,Z\n1,2,3\n4,5,6\n"; -CssTestCase.prototype.setUp = function() { +var styleSheet; + +beforeEach(function() { document.body.innerHTML = "
"; - this.styleSheet = document.createElement("style"); - this.styleSheet.type = "text/css"; - document.getElementsByTagName("head")[0].appendChild(this.styleSheet); -}; + styleSheet = document.createElement("style"); + styleSheet.type = "text/css"; + document.getElementsByTagName("head")[0].appendChild(styleSheet); +}); -CssTestCase.prototype.tearDown = function() { -}; +afterEach(function() { +}); // Verifies that an unstyled, unsized dygraph gets a default size. -CssTestCase.prototype.testDefaultSize = function() { +it('testDefaultSize', function() { var opts = { }; var graph = document.getElementById("graph"); - var g = new Dygraph(graph, CssTestCase.data, opts); + var g = new Dygraph(graph, data, opts); - assertEquals(480, graph.offsetWidth); - assertEquals(320, graph.offsetHeight); - assertEquals({width: 480, height: 320}, g.size()); -}; + assert.equal(480, graph.offsetWidth); + assert.equal(320, graph.offsetHeight); + assert.deepEqual({width: 480, height: 320}, g.size()); +}); // Verifies that the width/height parameters work. -CssTestCase.prototype.testExplicitParamSize = function() { +it('testExplicitParamSize', function() { var opts = { width: 640, height: 480 }; var graph = document.getElementById("graph"); - var g = new Dygraph(graph, CssTestCase.data, opts); + var g = new Dygraph(graph, data, opts); - assertEquals(640, graph.offsetWidth); - assertEquals(480, graph.offsetHeight); - assertEquals({width: 640, height: 480}, g.size()); -}; + assert.equal(640, graph.offsetWidth); + assert.equal(480, graph.offsetHeight); + assert.deepEqual({width: 640, height: 480}, g.size()); +}); // Verifies that setting a style on the div works. -CssTestCase.prototype.testExplicitStyleSize = function() { +it('testExplicitStyleSize', function() { var opts = { }; var graph = document.getElementById("graph"); graph.style.width = '600px'; graph.style.height = '400px'; - var g = new Dygraph(graph, CssTestCase.data, opts); - assertEquals(600, graph.offsetWidth); - assertEquals(400, graph.offsetHeight); - assertEquals({width: 600, height: 400}, g.size()); -}; + var g = new Dygraph(graph, data, opts); + assert.equal(600, graph.offsetWidth); + assert.equal(400, graph.offsetHeight); + assert.deepEqual({width: 600, height: 400}, g.size()); +}); // Verifies that CSS pixel styles on the div trump explicit parameters. -CssTestCase.prototype.testPixelStyleWins = function() { +it('testPixelStyleWins', function() { var opts = { width: 987, height: 654 @@ -68,14 +70,14 @@ CssTestCase.prototype.testPixelStyleWins = function() { graph.style.width = '600px'; graph.style.height = '400px'; - var g = new Dygraph(graph, CssTestCase.data, opts); - assertEquals(600, graph.offsetWidth); - assertEquals(400, graph.offsetHeight); - assertEquals({width: 600, height: 400}, g.size()); -}; + var g = new Dygraph(graph, data, opts); + assert.equal(600, graph.offsetWidth); + assert.equal(400, graph.offsetHeight); + assert.deepEqual({width: 600, height: 400}, g.size()); +}); // Verifies that a CSS percentage size works. -CssTestCase.prototype.testPercentageSize = function() { +it('testPercentageSize', function() { document.body.innerHTML = '