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 args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, 150, 250]
-            ]
-        }
-    };
+    var chart, args;
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('ygrid.add and ygrid.remove', function () {
 
+        it('should update args', function () {
+            args = {
+                data: {
+                    columns: [
+                        ['data1', 30, 200, 100, 400, 150, 250]
+                    ]
+                }
+            };
+            expect(true).toBeTruthy();
+        });
+
         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 args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, 150, 250],
-                ['data2', 5000, 2000, 1000, 4000, 1500, 2500]
-            ]
-        }
-    };
+    var chart, args;
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('indexed data', function () {
 
         describe('as column', function () {
 
+            it('should update args', function () {
+                args = {
+                    data: {
+                        columns: [
+                            ['data1', 30, 200, 100, 400, 150, 250],
+                            ['data2', 5000, 2000, 1000, 4000, 1500, 2500]
+                        ]
+                    }
+                };
+                expect(true).toBeTruthy();
+            });
+
             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 args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, 150, 250],
-                ['data2', 50, 20, 10, 40, 15, 25],
-                ['data3', 150, 120, 110, 140, 115, 125]
-            ]
-        },
-        zoom: {
-            enabled: true
-        }
-    };
+    var chart, args;
 
     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);
+        chart = window.initChart(chart, args, done);
     });
 
     describe('zoom', function () {
 
+        it('should update args', function () {
+            args = {
+                data: {
+                    columns: [
+                        ['data1', 30, 200, 100, 400, 150, 250],
+                        ['data2', 50, 20, 10, 40, 15, 25],
+                        ['data3', 150, 120, 110, 140, 115, 125]
+                    ]
+                },
+                zoom: {
+                    enabled: true
+                }
+            };
+            expect(true).toBeTruthy();
+        });
+
         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,25 +90,24 @@ describe('c3 chart axis', function () {
 
     describe('axis y timeseries', function () {
 
-        var args = {
-            data: {
-                columns: [
-                    ["times", 60000, 120000, 180000, 240000]
-                ]
-            },
-            axis: {
-                y: {
-                    type : 'timeseries',
-                    tick: {
-                        time: {
+        it('should update args', function () {
+            args = {
+                data: {
+                    columns: [
+                        ["times", 60000, 120000, 180000, 240000]
+                    ]
+                },
+                axis: {
+                    y: {
+                        type : 'timeseries',
+                        tick: {
+                            time: {
+                            }
                         }
                     }
                 }
-            }
-        };
-
-        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 args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, 150, 250]
-            ]
-        },
-        axis: {
-            y: {
-                tick: {
-                }
-            }
-        },
-        grid: {
-            y: {
-                show: false
-            }
-        }
-    };
+    var chart, args;
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('y grid', function () {
 
+        it('should update args', function () {
+            args = {
+                data: {
+                    columns: [
+                        ['data1', 30, 200, 100, 400, 150, 250]
+                    ]
+                },
+                axis: {
+                    y: {
+                        tick: {
+                        }
+                    }
+                },
+                grid: {
+                    y: {
+                        show: false
+                    }
+                }
+            };
+            expect(true).toBeTruthy();
+        });
+
         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 args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, 150, 250],
-                ['data2', 50, 20, 10, 40, 15, 25]
-            ]
-        }
-    };
+    var chart, args;
 
     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);
+        chart = window.initChart(chart, args, done);
     });
 
     describe('legend position', function () {
 
+        it('should update args', function () {
+            args = {
+                data: {
+                    columns: [
+                        ['data1', 30, 200, 100, 400, 150, 250],
+                        ['data2', 50, 20, 10, 40, 15, 25]
+                    ]
+                }
+            };
+            expect(true).toBeTruthy();
+        });
+
         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,10 +31,18 @@ describe('c3 chart legend', function () {
     describe('legend as inset', function () {
 
         it('should change the legend to "inset" successfully', function () {
-            args.legend = {
-                position: 'inset',
-                inset: {
-                    step: null
+            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 args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, -150, 250],
-                ['data2', 50, 20, 10, 40, 15, 25],
-                ['data3', -150, 120, 110, 140, 115, 125]
-            ],
-            type: 'bar'
-        },
-        axis: {
-            rotated: false
-        }
-    };
+    var chart, args;
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('internal.isWithinBar', function () {
 
         describe('with normal axis', function () {
 
+            it('should update args', function () {
+                args = {
+                    data: {
+                        columns: [
+                            ['data1', 30, 200, 100, 400, -150, 250],
+                            ['data2', 50, 20, 10, 40, 15, 25],
+                            ['data3', -150, 120, 110, 140, 115, 125]
+                        ],
+                        type: 'bar'
+                    },
+                    axis: {
+                        rotated: false
+                    }
+                };
+                expect(true).toBeTruthy();
+            });
+
             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 args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, -150, 250],
-                ['data2', 50, 20, 10, 40, 15, 25],
-                ['data3', -150, 120, 110, 140, 115, 125]
-            ],
-            type: 'line'
-        }
-    };
+    var chart, args;
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('shape-rendering for line chart', function () {
 
+        it('should update args', function () {
+            args = {
+                data: {
+                    columns: [
+                        ['data1', 30, 200, 100, 400, -150, 250],
+                        ['data2', 50, 20, 10, 40, 15, 25],
+                        ['data3', -150, 120, 110, 140, 115, 125]
+                    ],
+                    type: 'line'
+                }
+            };
+            expect(true).toBeTruthy();
+        });
+
         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 args = {
-        data: {
-            columns: [
-                ['data1', 30, 200, 100, 400, 150, 250],
-                ['data2', 50, 20, 10, 40, 15, 25],
-                ['data3', 150, 120, 110, 140, 115, 125]
-            ],
-            type: 'pie'
-        }
-    };
+    var chart, args;
 
     beforeEach(function (done) {
         chart = window.initChart(chart, args, done);
-        d3 = chart.internal.d3;
     });
 
     describe('internal.hasArcType', function () {
 
         describe('with data', function () {
 
+            it('should update args', function () {
+                args = {
+                    data: {
+                        columns: [
+                            ['data1', 30, 200, 100, 400, 150, 250],
+                            ['data2', 50, 20, 10, 40, 15, 25],
+                            ['data3', 150, 120, 110, 140, 115, 125]
+                        ],
+                        type: 'pie'
+                    }
+                };
+                expect(true).toBeTruthy();
+            });
+
             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 () {