charts/tests/axesattrs.html

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.Axes"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    AxesAttributeTests = new Y.Test.Case({
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        name: "Axes Attribute Tests",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        myDataValues: [
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {date:"5/1/2010", miscellaneous:2000, expenses:3700, revenue:2200},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {date:"5/2/2010", miscellaneous:50, expenses:9100, revenue:100},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {date:"5/3/2010", miscellaneous:400, expenses:1100, revenue:1500},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {date:"5/4/2010", miscellaneous:200, expenses:1900, revenue:2800},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {date:"5/5/2010", miscellaneous:5000, expenses:5000, revenue:2650}
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        ],
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        startAxes: {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            financials:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                keys:["miscellaneous", "revenue", "expenses"],
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                position:"right",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                type:"numeric",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                styles:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    majorTicks:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                        display: "none"
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            dateRange:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                keys:["date"],
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                position:"bottom",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                type:"category",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                styles:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    majorTicks:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                        display: "none"
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    label: {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                        rotation:-45,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                        margin:{top:5}
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        updateAxes: {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            financials:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               keys:["miscellaneous", "revenue", "expenses"],
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               position:"left",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               type:"numeric",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               styles:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                   majorTicks:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                       display: "none"
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                   },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                   label: {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                        margin: {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                            left: 0,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                            right: 4
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                        }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                   }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            dateRange:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               keys:["date"],
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               position:"bottom",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               type:"category",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               styles:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                   majorTicks:{
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                       display: "none"
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                   },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                   label: {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                       rotation:-90,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                       margin:{top:5}
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                   }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai               }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        setUp: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var mychart = new Y.Chart({width:400, height:300,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                categoryKey: "date",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                dataProvider:this.myDataValues,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axes: this.startAxes,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                render:"#mychart"
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            });
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            this.chart = mychart;
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        tearDown: function() {
0cf44740ed7838d2b3eea6d651418d706df34ff6Tripp            this.chart.destroy(true);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
0cf44740ed7838d2b3eea6d651418d706df34ff6Tripp
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        testStartCatAxes: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var assert = Y.Assert,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                chart = this.chart,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axis = chart.get("categoryAxis"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                i,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                defaults = this.startAxes.dateRange,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                position = defaults.position,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                type = defaults.type,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                styles = defaults.styles,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                majorTickDisplay = styles.majorTicks.display,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                label = styles.label,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                labelRotation = label.rotation,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                labelMarginTop = label.margin.top,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axisStyles = axis.get("styles");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(position, axis.get("position"), "The value of position should be " + position);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(type, axis.get("type"), "The value of type should be " + type);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(majorTickDisplay, axisStyles.majorTicks.display, "The axis style majorTickDisplay.top should be " + majorTickDisplay);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(labelRotation, axisStyles.label.rotation, "The axis label style rotation should be " + labelRotation);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(labelMarginTop, axisStyles.label.margin.top, "The axis label style margin.top should be " + labelMarginTop);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        testStartValueAxes: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var assert = Y.Assert,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                chart = this.chart,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axis = chart.getAxisByKey("financials"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                i,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                defaults = this.startAxes.financials,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                position = defaults.position,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                type = defaults.type,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                styles = defaults.styles,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                majorTickDisplay = styles.majorTicks.display,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axisStyles = axis.get("styles");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(position, axis.get("position"), "The value of position should be " + position);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(type, axis.get("type"), "The value of type should be " + type);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(majorTickDisplay, axisStyles.majorTicks.display, "The axis style majorTickDisplay.top should be " + majorTickDisplay);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
0cf44740ed7838d2b3eea6d651418d706df34ff6Tripp
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        testUpdateCatAxes: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            this.chart.set("axes", this.updateAxes);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var assert = Y.Assert,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                chart = this.chart,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axis = chart.get("categoryAxis"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                i,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                defaults = this.updateAxes.dateRange,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                position = defaults.position,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                type = defaults.type,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                styles = defaults.styles,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                majorTickDisplay = styles.majorTicks.display,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                label = styles.label,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                labelRotation = label.rotation,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                labelMarginTop = label.margin.top,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axisStyles = axis.get("styles");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(position, axis.get("position"), "The value of position should be " + position);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(type, axis.get("type"), "The value of type should be " + type);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(majorTickDisplay, axisStyles.majorTicks.display, "The axis style majorTickDisplay.top should be " + majorTickDisplay);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(labelRotation, axisStyles.label.rotation, "The axis label style rotation should be " + labelRotation);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(labelMarginTop, axisStyles.label.margin.top, "The axis label style margin.top should be " + labelMarginTop);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        testUpdateValueAxes: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            this.chart.set("axes", this.updateAxes);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var assert = Y.Assert,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                chart = this.chart,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axis = chart.getAxisByKey("financials"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                i,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                defaults = this.updateAxes.financials,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                position = defaults.position,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                type = defaults.type,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                styles = defaults.styles,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                majorTickDisplay = styles.majorTicks.display,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                labelMargin = styles.label.margin,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                labelMarginLeft = labelMargin.left,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                labelMarginRight = labelMargin.right,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                axisStyles = axis.get("styles");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(position, axis.get("position"), "The value of position should be " + position);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(type, axis.get("type"), "The value of type should be " + type);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(majorTickDisplay, axisStyles.majorTicks.display, "The axis style majorTick.display should be " + majorTickDisplay);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(labelMarginLeft, axisStyles.label.margin.left, "The axis label style margin.left should be " + labelMarginLeft);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            assert.areEqual(labelMarginRight, axisStyles.label.margin.right, "The axis label style margin.right should be " + labelMarginRight);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    });
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    suite.add(AxesAttributeTests);
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.Axes");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    Y.Test.Runner.add(suite);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    Y.Test.Runner.run();
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai});
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</script>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</body>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</html>