mirror of
https://github.com/billz/raspap-webgui.git
synced 2023-10-10 13:37:24 +02:00
77 lines
2.8 KiB
CoffeeScript
77 lines
2.8 KiB
CoffeeScript
|
describe 'Morris.Donut', ->
|
||
|
|
|
||
|
|
describe 'svg structure', ->
|
||
|
|
defaults =
|
||
|
|
element: 'graph'
|
||
|
|
data: [ {label: 'Jam', value: 25 },
|
||
|
|
{label: 'Frosted', value: 40 },
|
||
|
|
{label: 'Custard', value: 25 },
|
||
|
|
{label: 'Sugar', value: 10 } ]
|
||
|
|
formatter: (y) -> "#{y}%"
|
||
|
|
|
||
|
|
it 'should contain 2 paths for each segment', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("path").size().should.equal 8
|
||
|
|
|
||
|
|
it 'should contain 2 text elements for the label', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("text").size().should.equal 2
|
||
|
|
|
||
|
|
describe 'svg attributes', ->
|
||
|
|
defaults =
|
||
|
|
element: 'graph'
|
||
|
|
data: [ {label: 'Jam', value: 25 },
|
||
|
|
{label: 'Frosted', value: 40 },
|
||
|
|
{label: 'Custard', value: 25 },
|
||
|
|
{label: 'Sugar', value: 10 } ]
|
||
|
|
formatter: (y) -> "#{y}%"
|
||
|
|
colors: [ '#0B62A4', '#3980B5', '#679DC6', '#95BBD7']
|
||
|
|
|
||
|
|
it 'should have a label with font size 15', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("text[font-size='15px']").size().should.equal 1
|
||
|
|
|
||
|
|
it 'should have a label with font size 14', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("text[font-size='14px']").size().should.equal 1
|
||
|
|
|
||
|
|
it 'should have a label with font-weight 800', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("text[font-weight='800']").size().should.equal 1
|
||
|
|
|
||
|
|
it 'should have 1 paths with fill of first color', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("path[fill='#0b62a4']").size().should.equal 1
|
||
|
|
|
||
|
|
it 'should have 1 paths with stroke of first color', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("path[stroke='#0b62a4']").size().should.equal 1
|
||
|
|
|
||
|
|
it 'should have a path with white stroke', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("path[stroke='#ffffff']").size().should.equal 4
|
||
|
|
|
||
|
|
it 'should have a path with stroke-width 3', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("path[stroke-width='3']").size().should.equal 4
|
||
|
|
|
||
|
|
it 'should have a path with stroke-width 2', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("path[stroke-width='2']").size().should.equal 4
|
||
|
|
|
||
|
|
describe 'setData', ->
|
||
|
|
defaults =
|
||
|
|
element: 'graph'
|
||
|
|
data: [ {label: 'One', value: 25 }, {label: "Two", value: 30} ]
|
||
|
|
colors: ['#ff0000', '#00ff00', '#0000ff']
|
||
|
|
|
||
|
|
it 'should update the chart', ->
|
||
|
|
chart = Morris.Donut $.extend {}, defaults
|
||
|
|
$('#graph').find("path[stroke='#0000ff']").size().should.equal 0
|
||
|
|
chart.setData [
|
||
|
|
{ label: 'One', value: 25 }
|
||
|
|
{ label: 'Two', value: 30 }
|
||
|
|
{ label: 'Three', value: 35 }
|
||
|
|
]
|
||
|
|
$('#graph').find("path[stroke='#0000ff']").size().should.equal 1
|