describe('c3 api load', function () { 'use strict'; var chart, args; beforeEach(function (done) { chart = window.initChart(chart, args, done); }); 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; chart.load({ columns: [ ['data3', 800, 500, 900, 500, 1000, 700] ] }); setTimeout(function () { var target = main.select('.c3-chart-line.c3-target.c3-target-data3'), legendItem = legend.select('.c3-legend-item.c3-legend-item-data3'); expect(target.size()).toBe(1); expect(legendItem.size()).toBe(1); done(); }, 500); }); }); }); describe('category data', function () { it('should update arg to category data', function () { args = { data: { x: 'x', columns: [ ['x', 'cat1', 'cat2', 'cat3', 'cat4', 'cat5', 'cat6'], ['data1', 30, 200, 100, 400, 150, 250], ['data2', 5000, 2000, 1000, 4000, 1500, 2500] ] }, axis: { x: { type: 'category' } } }; expect(true).toBeTruthy(); }); describe('as column', function () { it('should load additional data', function (done) { var main = chart.internal.main, legend = chart.internal.legend; chart.load({ columns: [ ['data3', 800, 500, 900, 500, 1000, 700] ] }); setTimeout(function () { var target = main.select('.c3-chart-line.c3-target.c3-target-data3'), legendItem = legend.select('.c3-legend-item.c3-legend-item-data3'), tickTexts = main.selectAll('.c3-axis-x g.tick text'), expected = ['cat1', 'cat2', 'cat3', 'cat4', 'cat5', 'cat6']; expect(target.size()).toBe(1); expect(legendItem.size()).toBe(1); tickTexts.each(function (d, i) { var text = d3.select(this).select('tspan').text(); expect(text).toBe(expected[i]); }); done(); }, 500); }); it('should load additional data', function (done) { var main = chart.internal.main, legend = chart.internal.legend; chart.load({ columns: [ ['x', 'new1', 'new2', 'new3', 'new4', 'new5', 'new6'], ['data3', 800, 500, 900, 500, 1000, 700] ] }); setTimeout(function () { var target = main.select('.c3-chart-line.c3-target.c3-target-data3'), legendItem = legend.select('.c3-legend-item.c3-legend-item-data3'), tickTexts = main.selectAll('.c3-axis-x g.tick text'), expected = ['new1', 'new2', 'new3', 'new4', 'new5', 'new6']; expect(target.size()).toBe(1); expect(legendItem.size()).toBe(1); tickTexts.each(function (d, i) { var text = d3.select(this).select('tspan').text(); expect(text).toBe(expected[i]); }); done(); }, 500); }); }); }); });