charts/tests/charts.html

	charts.html revision e393eced613f9b4a5fb6bdd461d0e0bf5064d5ec
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp<html>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    <head>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        <meta http-equiv="content-type" content="text/html; charset=utf-8">
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        <style>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            /*Supplemental: CSS for the YUI distribution*/
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            #custom-doc { width: 95%; min-width: 950px; }
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            #pagetitle {background-image: url(/assets/bg_hd.gif);}
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            #mychart {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                padding:10px 10px 10px 10px;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            }
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        </style>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        <link rel="stylesheet" type="text/css" href="/build/cssfonts/fonts-min.css">
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    </head>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp<body class="yui3-skin-sam">
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp<h3>Unit Tests</h3>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp<div id="mychart"></div>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp<script type="text/javascript" src="/build/yui/yui-min.js"></script>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp<script>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTrippYUI().use('charts', 'test', 'console', function (Y)
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp{
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    Y.namespace("example.test");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    Y.example.test.ChartTest = new Y.Test.Case({
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        name: "Chart Tests",
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        setUp: function() {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var myDataValues = [
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                {category:"5/1/2010", values:2000, expenses:3700, revenue:2200},
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                {category:"5/2/2010", values:50, expenses:9100, revenue:100},
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                {category:"5/3/2010", values:400, expenses:1100, revenue:1500},
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                {category:"5/4/2010", values:200, expenses:1900, revenue:2800},
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                {category:"5/5/2010", values:5000, expenses:5000, revenue:2650}
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            ];
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var mychart = new Y.Chart({width:400, height:300, dataProvider:myDataValues, seriesKeys:["values", "revenue"]});
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            mychart.render("#mychart");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            this.chart = mychart;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        tearDown: function() {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            this.chart.destroy();
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        //Test to ensure that all items in the series collection are of the correct type.
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        testGetSeriesByIndex: function()
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var series = this.chart.getSeries(0),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert = Y.Assert;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert.isInstanceOf(Y.CartesianSeries, series);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        //Test to ensure that all items in the series collection are of the correct type.
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        testGetSeriesByKey: function()
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var series = this.chart.getSeries("revenue"),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert = Y.Assert;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert.isInstanceOf(Y.CartesianSeries, series);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        //Test to ensure the series axes are numeric and the category axis is of type category
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        testGetAxesByKey: function()
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var category = this.chart.getAxisByKey("category"),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                values = this.chart.getAxisByKey("values"),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert = Y.Assert;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            assert.isInstanceOf(Y.CategoryAxis, category);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            assert.isInstanceOf(Y.NumericAxis, values);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        //Test to ensure that getCategoryAxis returns a category axis
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        testGetCategoryAxis: function()
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var category = this.chart.get("categoryAxis"),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert = Y.Assert;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            assert.isInstanceOf(Y.CategoryAxis, category);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        //Test that the graph attribute is of type Graph
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        testGetGraph: function()
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            Y.Assert.isInstanceOf(Y.Graph, this.chart.get("graph"));
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        //Test to ensure that the axes hash contains AxisRenderer instances
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        testGetAxes: function()
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var assert = Y.Assert,
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                axes = this.chart.get("axes"),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                i;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            for(i in axes)
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                if(axes.hasOwnProperty(i))
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                    assert.isInstanceOf(Y.Axis, axes[i]);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                }
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            }
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        //Test axes data classes
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        testRemoveKey: function()
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var assert = Y.Assert,
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                xAxis = this.chart.getCategoryAxis(),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                yAxis = this.chart.getAxisByKey("values"),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                keys,
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                l,
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                i;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            xAxis.on("axisUpdate", Y.bind(function(e) {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                l = xAxis.get("keyCollection").length || 0;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert.areEqual(0, 0, "The value should be zero");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            }, this));
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            yAxis.on("axisUpdate", Y.bind(function(e) {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                keys = yAxis.get("keyCollection");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert.areEqual(1, keys.length, "The length should be 1");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert.areEqual(Y.Array.indexOf(keys, "revenue"), -1, "The key revenue should be removed");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            }));
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            xAxis.removeKey("category");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            yAxis.removeKey("revenue");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        },
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        testAddKey: function()
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            var assert = Y.Assert,
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                yAxis = this.chart.getAxisByKey("values"),
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                keys,
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                pattern = [3700, 9100, 1100, 1900],
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                testarray,
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                i = 0;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                l = 4;
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            yAxis.on("axisUpdate", Y.bind(function(e) {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                keys = yAxis.get("keyCollection");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                testarray = yAxis.getDataByKey("expenses");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert.areEqual(3, keys.length);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                assert.areEqual(Y.Array.indexOf(keys, "expenses"), 2);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                for(; i < l; ++i)
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                {
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                    assert.areEqual(pattern[i], testarray[i]);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp                }
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            }, this));
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp            yAxis.addKey("expenses");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        }
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    });
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    Y.example.test.ExampleSuite = new Y.Test.Suite("Y.Charts");
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    Y.example.test.ExampleSuite.add(Y.example.test.ChartTest);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    //create the console
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    var r = new Y.Console({
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        newestOnTop : false,
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp        style: 'block' // to anchor in the example content
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    });
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    r.render('#testLogger');
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    Y.Test.Runner.add(Y.example.test.ExampleSuite);
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    //run the tests
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp    Y.Test.Runner.run();
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp});
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp</script>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp</body>
e393eced613f9b4a5fb6bdd461d0e0bf5064d5ecTripp</html>