charts/tests/pie.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.Pie"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    //test to ensure that pie charts are drawn from center
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    //pie charts need to have the same width/height
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    PieCenterTest = new Y.Test.Case({
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        name: "PieChartCenterTest",
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        setUp: function() {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var myDataValues = [
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {day:"Monday", taxes:2000},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {day:"Tuesday", taxes:50},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {day:"Wednesday", taxes:4000},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {day:"Thursday", taxes:200},
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {day:"Friday", taxes:2000}
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            ];
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var mychart = new Y.Chart({type: "pie", width:400, height:400, dataProvider:myDataValues});
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            mychart.render("#mychart");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            this.chart = mychart;
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        tearDown: function() {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            this.chart.destroy();
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        testWidthAndHeightEqual: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var graphic = this.chart.get("graph").get("graphic"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                shapes = graphic.get("shapes"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                i,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                shape;
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            for(i in shapes)
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                if(shapes.hasOwnProperty(i))
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    shape = shapes[i];
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    Y.assert(shape.get("width") === shape.get("height"));
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        testWidthGreaterThanHeight: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var graphic = this.chart.get("graph").get("graphic"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                shapes,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                i,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                shape;
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            this.chart.set("width", 500);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            shapes = graphic.get("shapes");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            for(i in shapes)
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                if(shapes.hasOwnProperty(i))
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    shape = shapes[i];
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    Y.assert(shape.get("width") === shape.get("height"));
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        },
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        testHeightGreaterThanWidth: function()
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            var graphic = this.chart.get("graph").get("graphic"),
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                shapes,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                i,
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                shape;
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            this.chart.set("height", 600);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            shapes = graphic.get("shapes");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            for(i in shapes)
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                if(shapes.hasOwnProperty(i))
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                {
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    shape = shapes[i];
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                    Y.assert(shape.get("width") === shape.get("height"));
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai                }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai            }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai        }
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    });
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    suite.add(PieCenterTest);
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.Pie");
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    Y.Test.Runner.add(suite);
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai    Y.Test.Runner.run();
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai});
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</script>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</body>
405aac5878aad69932e8149f2c47f600721bb1cfSatyen Desai</html>