19、数据可视化测试驱动开发与交互式分析库介绍

数据可视化测试驱动开发与交互式分析库介绍

测试驱动开发可视化之柱状图创建

在测试环境准备就绪后，我们可以开始开发一个简单的柱状图。这里我们采用测试驱动开发（TDD）的方式，与之前创建柱状图的方式有所不同。

测试用例编写

首先要确保柱状图实现存在并能接收数据。以下是测试用例代码：

describe('BarChart', function () {
    var div,
        chart,
        data = [
            {x: 0, y: 0},
            {x: 1, y: 3},
            {x: 2, y: 6}
        ];
    beforeEach(function () {
        div = d3.select('body').append('div');
        chart = BarChart(div);
    });
    afterEach(function () {
        div.remove();
    });
    describe('.data', function () {
        it('should allow setting and retrieve chart data',  
        function () {
            expect(chart.data(data).data()).toBe(data);
        });
    });
});

在这个测试用