I have a page with Angular kendo directives are used for display of kendo graphs.
<div kendo-chart="mydata.myChart"
k-chart-area="{ background: '', height:220 }"
k-series-defaults="{ type: 'area', markers: { visible: true }, area: { line: { style: 'smooth' } }, missingValues: 'interpolate', stack: 'true' }"
k-series="[{ name: 'Running devices', categoryField: 'date', field: 'devicesUpCount', color:'#65c178' },
{ name: 'Stopped Devices', categoryField: 'date', field: 'devicesDownCount', color:'#f5985a' }]"
k-value-axis="{
labels: { format: '{0}'},
title: { text: 'Count of devices', font:'10px', position:'center', margin:0 },
line: {visible: true},
majorGridLines: {
dashType: 'dashDot'
}
}"
k-category-axis="{
baseUnit: 'hours',
baseUnitStep: 1,
labels: { step: 2},
title: { text: 'Time', font:'10px', position:'center', margin:0},
majorGridLines: {
dashType: 'dot'
}
}"
k-data-source="myData.myKDataSource"
k-transitions="false"
k-tooltip="{
visible: true,
format: '{0}',
template: ' #= value # #= series.name # on #= category#'
}"
k-data-bound="connectorMetadata.downtimeChartDataBound"
>
</div>
Is there a protractor based test case example with which I can verify the values being display on this graph ? I need to also verify the legends and values shown on the graph. What's the best way to achieve this ?