bitacora/public/c3/spec/api.load-spec.ts

import { d3, initChart } from './c3-helper'

describe('c3 api load', function() {
  'use strict'

  var chart, args

  beforeEach(function(done) {
    chart = initChart(chart, args, done)
  })

  describe('indexed data', function() {
    describe('as column', function() {
      beforeAll(function() {
        args = {
          data: {
            columns: [
              ['data1', 30, 200, 100, 400, 150, 250],
              ['data2', 5000, 2000, 1000, 4000, 1500, 2500]
            ]
          }
        }
      })

      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() {
    beforeAll(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'
          }
        }
      }
    })

    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)
      })
    })
  })
})