nvd3-fork/test/mocha/heatmap.coffee

FORK! of NVD3, a reusable charting library written in d3.js

describe 'NVD3', ->
    describe 'heatMapChart', ->
        data = [
            {day: 'Mo', hour: 1, value: 16, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 2, value: 20, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 3, value: 0, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 4, value: 0, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 5, value: 0, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 6, value: 2, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 7, value: 0, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 8, value: 9, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 9, value: 25, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 10, value: 49, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 11, value: 57, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 12, value: 61, group: 84, category: 1, level: 1},
            {day: 'Mo', hour: 13, value: 37, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 14, value: 66, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 15, value: 70, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 16, value: 55, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 17, value: 51, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 18, value: 55, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 19, value: 17, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 20, value: 20, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 21, value: 9, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 22, value: 4, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 23, value: 0, group: 84, category: 2, level: 1},
            {day: 'Mo', hour: 24, value: 12, group: 84, category: 2, level: 1},
            {day: 'Tu', hour: 1, value: 6, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 2, value: 2, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 3, value: 0, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 4, value: 0, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 5, value: 0, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 6, value: 2, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 7, value: 4, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 8, value: 11, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 9, value: 28, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 10, value: 49, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 11, value: 51, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 12, value: 47, group: 13, category: 1, level: 1},
            {day: 'Tu', hour: 13, value: 38, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 14, value: 65, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 15, value: 60, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 16, value: 50, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 17, value: 65, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 18, value: 50, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 19, value: 22, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 20, value: 11, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 21, value: 12, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 22, value: 9, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 23, value: 0, group: 13, category: 2, level: 1},
            {day: 'Tu', hour: 24, value: 13, group: 13, category: 2, level: 1},
            {day: 'We', hour: 1, value: 5, group: 84, category: 1, level: 1},
            {day: 'We', hour: 2, value: 8, group: 84, category: 1, level: 1},
            {day: 'We', hour: 3, value: 8, group: 84, category: 1, level: 1},
            {day: 'We', hour: 4, value: 0, group: 84, category: 1, level: 1},
            {day: 'We', hour: 5, value: 0, group: 84, category: 1, level: 1},
            {day: 'We', hour: 6, value: 2, group: 84, category: 1, level: 1},
            {day: 'We', hour: 7, value: 5, group: 84, category: 1, level: 1},
            {day: 'We', hour: 8, value: 12, group: 84, category: 1, level: 1},
            {day: 'We', hour: 9, value: 34, group: 84, category: 1, level: 1},
            {day: 'We', hour: 10, value: 43, group: 84, category: 1, level: 1},
            {day: 'We', hour: 11, value: 54, group: 84, category: 1, level: 1},
            {day: 'We', hour: 12, value: 44, group: 84, category: 1, level: 1},
            {day: 'We', hour: 13, value: 40, group: 84, category: 2, level: 1},
            {day: 'We', hour: 14, value: 48, group: 84, category: 2, level: 1},
            {day: 'We', hour: 15, value: 54, group: 84, category: 2, level: 1},
            {day: 'We', hour: 16, value: 59, group: 84, category: 2, level: 1},
            {day: 'We', hour: 17, value: 60, group: 84, category: 2, level: 1},
            {day: 'We', hour: 18, value: 51, group: 84, category: 2, level: 1},
            {day: 'We', hour: 19, value: 21, group: 84, category: 2, level: 1},
            {day: 'We', hour: 20, value: 16, group: 84, category: 2, level: 1},
            {day: 'We', hour: 21, value: 9, group: 84, category: 2, level: 1},
            {day: 'We', hour: 22, value: 5, group: 84, category: 2, level: 1},
            {day: 'We', hour: 23, value: 4, group: 84, category: 2, level: 1},
            {day: 'We', hour: 24, value: 7, group: 84, category: 2, level: 1},
            {day: 'Th', hour: 1, value: 0, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 2, value: 0, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 3, value: 0, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 4, value: 0, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 5, value: 0, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 6, value: 2, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 7, value: 4, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 8, value: 13, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 9, value: 26, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 10, value: 58, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 11, value: 61, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 12, value: 59, group: 13, category: 1, level: 1},
            {day: 'Th', hour: 13, value: 53, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 14, value: 54, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 15, value: 64, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 16, value: 55, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 17, value: 52, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 18, value: 53, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 19, value: 18, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 20, value: 3, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 21, value: 9, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 22, value: 12, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 23, value: 2, group: 13, category: 2, level: 1},
            {day: 'Th', hour: 24, value: 8, group: 13, category: 2, level: 1},
            {day: 'Fr', hour: 1, value: 2, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 2, value: 0, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 3, value: 8, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 4, value: 2, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 5, value: 0, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 6, value: 2, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 7, value: 4, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 8, value: 14, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 9, value: 31, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 10, value: 48, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 11, value: 46, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 12, value: 50, group: 53, category: 1, level: 1},
            {day: 'Fr', hour: 13, value: 66, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 14, value: 54, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 15, value: 56, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 16, value: 67, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 17, value: 54, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 18, value: 23, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 19, value: 14, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 20, value: 6, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 21, value: 8, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 22, value: 7, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 23, value: 0, group: 53, category: 2, level: 1},
            {day: 'Fr', hour: 24, value: 8, group: 53, category: 2, level: 1},
            {day: 'Sa', hour: 1, value: 2, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 2, value: 0, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 3, value: 2, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 4, value: 0, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 5, value: 0, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 6, value: 0, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 7, value: 4, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 8, value: 8, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 9, value: 8, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 10, value: 6, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 11, value: 14, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 12, value: 12, group: 53, category: 1, level: 2},
            {day: 'Sa', hour: 13, value: 9, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 14, value: 14, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 15, value: 0, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 16, value: 4, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 17, value: 7, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 18, value: 6, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 19, value: 0, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 20, value: 0, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 21, value: 0, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 22, value: 0, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 23, value: 0, group: 53, category: 2, level: 2},
            {day: 'Sa', hour: 24, value: 0, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 1, value: 7, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 2, value: 6, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 3, value: 0, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 4, value: 0, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 5, value: 0, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 6, value: 0, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 7, value: 0, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 8, value: 0, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 9, value: 0, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 10, value: 0, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 11, value: 2, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 12, value: 2, group: 53, category: 1, level: 2},
            {day: 'Su', hour: 13, value: 5, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 14, value: 6, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 15, value: 0, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 16, value: 4, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 17, value: 0, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 18, value: 2, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 19, value: 10, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 20, value: 7, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 21, value: 0, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 22, value: 19, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 23, value: 9, group: 53, category: 2, level: 2},
            {day: 'Su', hour: 24, value: 4, group: 53, category: 2, level: 2},
        ]


        options =
            x: (d)-> d.hour
            y: (d)-> d.day
            cellAspectRatio: 1
            normalize: false
            highContrastText: true
            showXAxis: true
            showYAxis: true
            showLegend: true
            showCellValues: true
            alignXAxis: 'top'
            alignYAxis: 'left'
            cellValueFormat: d3.format(',.0f')
            cellBorderWidth: 4
            xMeta: (d)-> d.category
            yMeta: (d)-> d.group
            margin:
                top: 30
                right: 60
                bottom: 80
                left: 10

        builder = null
        beforeEach ->
            builder = new ChartBuilder nv.models.heatMapChart()
            builder.build options, data

        afterEach ->
            builder.teardown()

        it 'api check', ->
            should.exist builder.model.options, 'options exposed'
            for opt of options
                should.exist builder.model[opt](), "#{opt} can be called"

            builder.model.update()

        it 'renders', ->
            wrap = builder.$ 'g.nvd3-svg.nv-heatMap'
            should.exist wrap[0]

        it 'no data text', ->
            builder = new ChartBuilder nv.models.heatMapChart()
            builder.build options, []

            noData = builder.$ '.nv-noData'
            noData[0].textContent.should.equal 'No Data Available.'

        it 'has correct structure', ->
          cssClasses = [
            '.nv-x.nv-axis'
            '.nv-y.nv-axis'
            '.nv-wrap'
            '.nv-heatMap'
            '.nv-heatMapWrap'
            '.xMetaWrap'
            '.nv-cell'
            '.yMetaWrap'
            '.meta'
            '.x-meta'
            '.y-meta'
            '.nv-legendWrap'
            '.nv-legend'
          ]
          for cssClass in cssClasses
            do (cssClass) ->
              should.exist builder.$("g.nvd3 #{cssClass}")[0]

        it 'has all cells', ->
            groups = builder.$ '.nv-cell'
            groups.should.have.length 168, 'cells exist'

        it 'has all x-meta', ->
            groups = builder.$ '.x-meta'
            groups.should.have.length 24, 'rects exist'

        it 'has all y-meta', ->
            groups = builder.$ '.y-meta'
            groups.should.have.length 7, 'rects exist'