Fix specs

.jshintrc

@@ -19,8 +19,10 @@
     "browser": true,
 
     "globals": {
+        "jasmine": false,
         "describe": false,
         "beforeEach": false,
+        "beforeAll": false,
         "it": false,
         "expect": false,
         "d3": false

spec/api.data-spec.js

-
 describe('c3 api data', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
 
     var args = {
         data: {
@@ -32,7 +31,6 @@ describe('c3 api data', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('data()', function () {

spec/api.focus-spec.js

-
 describe('c3 api focus', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
 
     var args = {
         data: {
@@ -16,7 +15,6 @@ describe('c3 api focus', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('focus', function () {

spec/api.grid-spec.js

-
 describe('c3 api grid', function () {
     'use strict';
 
-    var chart, d3;
+    var chart, args;
+
+    beforeEach(function (done) {
+        chart = window.initChart(chart, args, done);
+    });
+
+    describe('ygrid.add and ygrid.remove', function () {
 
-    var args = {
+        it('should update args', function () {
+            args = {
                 data: {
                     columns: [
                         ['data1', 30, 200, 100, 400, 150, 250]
                     ]
                 }
             };
-
-    beforeEach(function (done) {
-        chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
+            expect(true).toBeTruthy();
         });
 
-    describe('ygrid.add and ygrid.remove', function () {
-
         it('should update y grids', function (done) {
             var main = chart.internal.main,
                 expectedGrids = [

spec/api.load-spec.js

-
 describe('c3 api load', function () {
     'use strict';
 
-    var chart, d3;
+    var chart, args;
+
+    beforeEach(function (done) {
+        chart = window.initChart(chart, args, done);
+    });
+
+    describe('indexed data', function () {
+
+        describe('as column', function () {
 
-    var args = {
+            it('should update args', function () {
+                args = {
                     data: {
                         columns: [
                             ['data1', 30, 200, 100, 400, 150, 250],
@@ -12,16 +20,9 @@ describe('c3 api load', function () {
                         ]
                     }
                 };
-
-    beforeEach(function (done) {
-        chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
+                expect(true).toBeTruthy();
             });
 
-    describe('indexed data', function () {
-
-        describe('as column', function () {
-
             it('should load additional data', function (done) {
                 var main = chart.internal.main,
                     legend = chart.internal.legend;

spec/api.zoom-spec.js

-
 describe('c3 api zoom', function () {
     'use strict';
 
-    var chart, d3;
+    var chart, args;
+
+    beforeEach(function (done) {
+        chart = window.initChart(chart, args, done);
+    });
 
-    var args = {
+    describe('zoom', function () {
+
+        it('should update args', function () {
+            args = {
                 data: {
                     columns: [
                         ['data1', 30, 200, 100, 400, 150, 250],
@@ -16,22 +22,9 @@ describe('c3 api zoom', function () {
                     enabled: true
                 }
             };
-
-    beforeEach(function (done) {
-        if (typeof chart === 'undefined') {
-            window.initDom();
-        }
-        chart = window.c3.generate(args);
-        d3 = chart.internal.d3;
-//        chart.internal.d3.select('.jasmine_html-reporter').style('display', 'none');
-
-        window.setTimeout(function () {
-            done();
-        }, 10);
+            expect(true).toBeTruthy();
         });
 
-    describe('zoom', function () {
-
         it('should be zoomed properly', function () {
             var target = [3, 5], domain;
             chart.zoom(target);

spec/axis-spec.js

-
 describe('c3 chart axis', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
 
     var args = {
         data: {
@@ -30,16 +29,13 @@ describe('c3 chart axis', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('axis.y.tick.count', function () {
 
-        var i = 1;
-
-        beforeEach(function () {
-            args.axis.y.tick.count = i++;
-            chart = window.c3.generate(args);
+        it('should update args to have only 1 tick on y axis', function () {
+            args.axis.y.tick.count = 1;
+            expect(true).toBeTruthy();
         });
 
         it('should have only 1 tick on y axis', function () {
@@ -47,11 +43,21 @@ describe('c3 chart axis', function () {
             expect(ticksSize).toBe(1);
         });
 
+        it('should update args to have 2 ticks on y axis', function () {
+            args.axis.y.tick.count = 2;
+            expect(true).toBeTruthy();
+        });
+
         it('should have 2 ticks on y axis', function () {
             var ticksSize = d3.select('.c3-axis-y').selectAll('g.tick').size();
             expect(ticksSize).toBe(2);
         });
 
+        it('should update args to have 3 ticks on y axis', function () {
+            args.axis.y.tick.count = 3;
+            expect(true).toBeTruthy();
+        });
+
         it('should have 3 ticks on y axis', function () {
             var ticksSize = d3.select('.c3-axis-y').selectAll('g.tick').size();
             expect(ticksSize).toBe(3);
@@ -63,9 +69,9 @@ describe('c3 chart axis', function () {
 
         var values = [100, 500];
 
-        beforeEach(function () {
+        it('should update args to have only 2 ticks on y axis', function () {
             args.axis.y.tick.values = values;
-            chart = window.c3.generate(args);
+            expect(true).toBeTruthy();
         });
 
         it('should have only 2 tick on y axis', function () {
@@ -84,7 +90,8 @@ describe('c3 chart axis', function () {
 
     describe('axis y timeseries', function () {
 
-        var args = {
+        it('should update args', function () {
+            args = {
                 data: {
                     columns: [
                         ["times", 60000, 120000, 180000, 240000]
@@ -100,9 +107,7 @@ describe('c3 chart axis', function () {
                     }
                 }
             };
-
-        beforeEach(function () {
-            chart = window.c3.generate(args);
+            expect(true).toBeTruthy();
         });
 
         it('should have 7 ticks on y axis', function () {

spec/c3-spec.js

-
 describe('c3', function () {
     'use strict';
 
@@ -9,4 +8,3 @@ describe('c3', function () {
         expect(typeof c3).toBe('object');
     });
 });
-

spec/class-spec.js

-
 describe('c3 chart class', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
 
     var args = {
         data: {
@@ -16,7 +15,6 @@ describe('c3 chart class', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('internal.getTargetSelectorSuffix', function () {

spec/core-spec.js

-
 describe('c3 chart', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
 
     var args = {
         data: {
@@ -16,7 +15,6 @@ describe('c3 chart', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('init', function () {

spec/data-spec.js

-
 describe('c3 chart data', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
 
     var args = {
         data: {
@@ -19,7 +18,6 @@ describe('c3 chart data', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('function in data.order', function () {

spec/domain-spec.js

-
 describe('c3 chart domain', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
 
     var args = {
         data: {
@@ -19,7 +18,6 @@ describe('c3 chart domain', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('axis.y.min', function () {

spec/grid-spec.js

-
 describe('c3 chart grid', function () {
     'use strict';
 
-    var chart, d3;
+    var chart, args;
+
+    beforeEach(function (done) {
+        chart = window.initChart(chart, args, done);
+    });
+
+    describe('y grid', function () {
 
-    var args = {
+        it('should update args', function () {
+            args = {
                 data: {
                     columns: [
                         ['data1', 30, 200, 100, 400, 150, 250]
@@ -22,14 +28,9 @@ describe('c3 chart grid', function () {
                     }
                 }
             };
-
-    beforeEach(function (done) {
-        chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
+            expect(true).toBeTruthy();
         });
 
-    describe('y grid', function () {
-
         it('should not show y grids', function () {
             expect(chart.internal.main.select('.c3-ygrids').size()).toBe(0);
         });

spec/interaction-spec.js

-
 describe('c3 chart interaction', function () {
     'use strict';
 
-    var chart, d3;
-
-    var args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, 150, 250],
-                ['data2', 50, 20, 10, 40, 15, 25],
-                ['data3', 150, 120, 110, 140, 115, 125]
-            ]
-        }
-    };
+    var chart, args;
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('generate event rects', function () {

spec/legend-spec.js

-
 describe('c3 chart legend', function () {
     'use strict';
 
-    var chart, d3;
+    var chart, args;
+
+    beforeEach(function (done) {
+        chart = window.initChart(chart, args, done);
+    });
+
+    describe('legend position', function () {
 
-    var args = {
+        it('should update args', function () {
+            args = {
                 data: {
                     columns: [
                         ['data1', 30, 200, 100, 400, 150, 250],
@@ -12,24 +18,9 @@ describe('c3 chart legend', function () {
                     ]
                 }
             };
-
-    beforeEach(function (done) {
-        if (typeof chart === 'undefined') {
-            window.initDom();
-        }
-        chart = window.c3.generate(args);
-        d3 = chart.internal.d3;
-        chart.internal.d3.select('.jasmine_html-reporter')
-            .style('position', 'absolute')
-            .style('right', 0);
-
-        window.setTimeout(function () {
-            done();
-        }, 10);
+            expect(true).toBeTruthy();
         });
 
-    describe('legend position', function () {
-
         it('should be located on the center of chart', function () {
             var box = chart.internal.legend.node().getBoundingClientRect();
             expect(box.left + box.right).toBe(640);
@@ -40,11 +31,19 @@ describe('c3 chart legend', function () {
     describe('legend as inset', function () {
 
         it('should change the legend to "inset" successfully', function () {
-            args.legend = {
+            args = {
+                data: {
+                    columns: [
+                        ['data1', 30, 200, 100, 400, 150, 250],
+                        ['data2', 50, 20, 10, 40, 15, 25]
+                    ]
+                },
+                legend: {
                     position: 'inset',
                     inset: {
                         step: null
                     }
+                }
             };
             expect(true).toBeTruthy();
         });

spec/shape.bar-spec.js

-
 var setMouseEvent = window.setMouseEvent;
 
 describe('c3 chart shape bar', function () {
     'use strict';
 
-    var chart, d3;
+    var chart, args;
+
+    beforeEach(function (done) {
+        chart = window.initChart(chart, args, done);
+    });
+
+    describe('internal.isWithinBar', function () {
+
+        describe('with normal axis', function () {
 
-    var args = {
+            it('should update args', function () {
+                args = {
                     data: {
                         columns: [
                             ['data1', 30, 200, 100, 400, -150, 250],
@@ -19,16 +27,9 @@ describe('c3 chart shape bar', function () {
                         rotated: false
                     }
                 };
-
-    beforeEach(function (done) {
-        chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
+                expect(true).toBeTruthy();
             });
 
-    describe('internal.isWithinBar', function () {
-
-        describe('with normal axis', function () {
-
             it('should not be within bar', function () {
                 var bar = d3.select('.c3-target-data1 .c3-bar-0').node();
                 setMouseEvent(chart, 'click', 0, 0);

spec/shape.line-spec.js

-
 describe('c3 chart shape line', function () {
     'use strict';
 
-    var chart, d3;
+    var chart, args;
+
+    beforeEach(function (done) {
+        chart = window.initChart(chart, args, done);
+    });
+
+    describe('shape-rendering for line chart', function () {
 
-    var args = {
+        it('should update args', function () {
+            args = {
                 data: {
                     columns: [
                         ['data1', 30, 200, 100, 400, -150, 250],
@@ -14,14 +20,9 @@ describe('c3 chart shape line', function () {
                     type: 'line'
                 }
             };
-
-    beforeEach(function (done) {
-        chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
+            expect(true).toBeTruthy();
         });
 
-    describe('shape-rendering for line chart', function () {
-
         it("should not have shape-rendering when it's line chart", function () {
             d3.selectAll('.c3-line').each(function () {
                 var style = d3.select(this).style('shape-rendering');

spec/tooltip-spec.js

-var jasmine = window.jasmine,
-    beforeAll = window.beforeAll;
-
 describe('c3 chart tooltip', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
     var tooltipConfiguration;
 
     var args = function () {
@@ -22,7 +19,6 @@ describe('c3 chart tooltip', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args(), done);
-        d3 = chart.internal.d3;
     });
 
     describe('tooltip position', function () {

spec/type-spec.js

-
 describe('c3 chart types', function () {
     'use strict';
 
-    var chart, d3;
+    var chart, args;
+
+    beforeEach(function (done) {
+        chart = window.initChart(chart, args, done);
+    });
+
+    describe('internal.hasArcType', function () {
 
-    var args = {
+        describe('with data', function () {
+
+            it('should update args', function () {
+                args = {
                     data: {
                         columns: [
                             ['data1', 30, 200, 100, 400, 150, 250],
@@ -14,16 +22,9 @@ describe('c3 chart types', function () {
                         type: 'pie'
                     }
                 };
-
-    beforeEach(function (done) {
-        chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
+                expect(true).toBeTruthy();
             });
 
-    describe('internal.hasArcType', function () {
-
-        describe('with data', function () {
-
             it('should return true', function () {
                 expect(chart.internal.hasArcType()).toBeTruthy();
             });

spec/zoom-spec.js

-
 describe('c3 chart zoom', function () {
     'use strict';
 
-    var chart, d3;
+    var chart;
 
     var args = {
         data: {
@@ -26,7 +25,6 @@ describe('c3 chart zoom', function () {
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('default extent', function () {