nvd3/test/mocha/pie.coffee

A reusable charting library written in d3.js

describe 'NVD3', ->
    describe 'Pie Chart', ->
        sampleData1 = [
            {label: 'America', value: 100}
            {label: 'Europe', value: 200}
            {label: 'Asia', value: 50}
            {label: 'Africa', value: 70}
        ]

        options =
            x: (d)-> d.label
            y: (d)-> d.value
            margin:
                top: 30
                right: 20
                bottom: 50
                left: 75
            width: 200
            height: 200
            color: nv.utils.defaultColor()
            showLegend: true
            valueFormat: (d)-> d.toFixed 2
            showLabels: true
            labelsOutside: true
            donut: false
            donutRatio: 0.5
            labelThreshold: 0.02
            labelType: 'key'
            noData: 'No Data Available'
            duration: 0
            startAngle: false
            endAngle: false
            padAngle: false
            cornerRadius: 0
            labelSunbeamLayout: false

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

        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"

        describe 'renders', ->

            wrap = null
            labels = null

            beforeEach ->
              wrap = builder.$ 'g.nvd3.nv-pieChart'
              labels = wrap[0].querySelectorAll('.nv-label text')

            it '.nv-pieChart', ->
              should.exist wrap[0]

            it 'can access margin', ->
              builder.model.margin
                top: 31
                right: 21
                bottom: 51
                left: 76

              m = builder.model.margin()
              m.should.deep.equal 
                top: 31
                right: 21
                bottom: 51
                left: 76

            describe 'labels correctly', ->
              it "[#{sampleData1.length}] labels", ->
                wrap[0].querySelectorAll('.nv-label').should.have.length sampleData1.length

              for item, i in sampleData1
                do (item, i) ->
                  it "label '#{item.label}'", ->
                    item.label.should.be.equal labels[i].textContent

        it 'clears chart objects for no data', ->
            builder = new ChartBuilder nv.models.pieChart()
            builder.buildover options, sampleData1, []
            
            groups = builder.$ 'g'
            groups.length.should.equal 0, 'removes chart components'

        it 'has correct structure', ->
          cssClasses = [
            '.nv-pieWrap'
            '.nv-pie'
            '.nv-pieLabels'
            '.nv-legendWrap'
          ]
          for cssClass in cssClasses
            do (cssClass) ->
              should.exist builder.$("g.nvd3.nv-pieChart #{cssClass}")[0]

        it 'can handle donut mode and options', (done)->
            builder.teardown()
            options.donut = true
            options.labelSunbeamLayout = true
            options.startAngle = (d)-> d.startAngle/2 - Math.PI/2
            options.endAngle = (d)-> d.endAngle/2 - Math.PI/2

            builder.build options, sampleData1

            done()

        it 'can handle cornerRadius and padAngle options', (done)->
            builder.teardown()
            options.padAngle = 5
            options.cornerRadius = 5

            builder.build options, sampleData1
            done() 

        it 'can render pie labels in other formats', ->
            opts =
                x: (d)-> d.label
                y: (d)-> d.value
                labelType: 'value'
                valueFormat: d3.format('.2f')
            builder2 = new ChartBuilder nv.models.pie()
            builder2.build opts, [sampleData1]

            labels = builder2.$ '.nv-pieLabels .nv-label text'
            labels.length.should.equal 4

            expected = ['100.00','200.00','50.00','70.00']
            for label,i in labels 
                label.textContent.should.equal expected[i]

            # Test labelType = 'percent'
            builder2.teardown()

            opts.labelType = 'percent'
            opts.valueFormat = d3.format('%')
            builder2.build opts, [sampleData1]

            labels = builder2.$ '.nv-pieLabels .nv-label text'
            labels.length.should.equal 4

            expected = ['24%','48%','12%','17%']
            for label,i in labels 
                label.textContent.should.equal expected[i]