graph.html revision b325078c1fbaa59f507067749a2d4872829afa5c
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai<html>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai <head>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai <meta http-equiv="content-type" content="text/html; charset=utf-8">
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai <style>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai /*Supplemental: CSS for the YUI distribution*/
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai #custom-doc { width: 95%; min-width: 950px; }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai #pagetitle {background-image: url(/assets/bg_hd.gif);}
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai #mychart {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai padding:10px 10px 10px 10px;
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai </style>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai <link rel="stylesheet" type="text/css" href="/build/cssfonts/fonts-min.css">
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai </head>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai<body class="yui3-skin-sam">
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai<h3>Unit Tests</h3>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai<div id="mychart"></div>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai<script type="text/javascript" src="/build/yui/yui-min.js"></script>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai<script>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen DesaiYUI({
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai allowRollup: false,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min'
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai}).use('charts', 'test', 'console', function (Y)
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.namespace("example.test");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var suite = new Y.Test.Suite("Y.Charts.Graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai GraphTests = new Y.Test.Case({
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai name: "Graph Tests",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai setUp: function() {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var myDataValues = [
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {category:"5/1/2010", values:2000, expenses:3700, revenue:2200},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {category:"5/2/2010", values:50, expenses:9100, revenue:100},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {category:"5/3/2010", values:400, expenses:1100, revenue:1500},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {category:"5/4/2010", values:200, expenses:1900, revenue:2800},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {category:"5/5/2010", values:5000, expenses:5000, revenue:2650}
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai ];
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var mychart = new Y.Chart({width:400, height:300, dataProvider:myDataValues, seriesKeys:["values", "revenue"]});
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai mychart.render("#mychart");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai this.chart = mychart;
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai tearDown: function() {
b325078c1fbaa59f507067749a2d4872829afa5cTripp this.chart.destroy(true);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(line)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("line");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.LineSeries, "The series type should be Y.LineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(column)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("column");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.ColumnSeries, "The series type should be Y.ColumnSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(bar)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("bar");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.BarSeries, "The series type should be Y.BarSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(area)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("area");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.AreaSeries, "The series type should be Y.AreaSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedarea)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedarea");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedAreaSeries, "The series type should be Y.StackedAreaSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedcolumn)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedcolumn");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedColumnSeries, "The series type should be Y.StackedColumnSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedbar)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedbar");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedBarSeries, "The series type should be Y.StackedBarSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedline)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedline");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedLineSeries, "The series type should be Y.StackedLineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(markerseries)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("markerseries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.MarkerSeries, "The series type should be Y.MarkerSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedmarkerseries)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedmarkerseries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedMarkerSeries, "The series type should be Y.StackedMarkerSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(spline)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("spline");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.SplineSeries, "The series type should be Y.SplineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(areaspline)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("areaspline");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.AreaSplineSeries, "The series type should be Y.AreaSplineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedspline)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedspline");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedSplineSeries, "The series type should be Y.StackedSplineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedareapline)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedareaspline");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedAreaSplineSeries, "The series type should be Y.StackedAreaSplineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(pie)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("pie");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.PieSeries, "The series type should be Y.PieSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(combo)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("combo");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.ComboSeries, "The series type should be Y.ComboSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedcombo)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedcombo");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedComboSeries, "The series type should be Y.StackedComboSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(combospline)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("combospline");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.ComboSplineSeries, "The series type should be Y.ComboSplineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(stackedcombospline)": function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries("stackedcombospline");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.StackedComboSplineSeries, "The series type should be Y.StackedComboSplineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai "test:graph._getSeries(customclass)" : function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var graph = this.chart.get("graph"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series;
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.CustomLineSeries = Y.Base.create("customLineSeries", Y.LineSeries, [], {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai mycustomprop: null,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai mycustommethod: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var yaypie = "mmmm";
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai yaypie += "Pie";
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai });
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai series = graph._getSeries(Y.CustomLineSeries);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Assert.areEqual(series, Y.CustomLineSeries, "The series type should be Y.CustomLineSeries");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai });
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai suite.add(GraphTests);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai //create the console
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai var r = new Y.Console({
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai newestOnTop : false,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai style: 'block' // to anchor in the example content
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai });
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai r.render('#testLogger');
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai //run the tests
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Test.Runner.setName("Y.Charts.Graph");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Test.Runner.add(suite);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai Y.Test.Runner.run();
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai});
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</script>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</body>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</html>