← Back to branch summary

~bcsaller/juju-gui/update-reductions

« back to all changes in this revision

Viewing changes to lib/yui/tests/charts/tests/ariahistogramtests.html

  • Committer: kapil.foss at gmail
  • Date: 2012-07-13 18:45:59 UTC
  • Revision ID: kapil.foss@gmail.com-20120713184559-2xl7be17egsrz0c9
reshape

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/yui/tests/charts/tests/ariahistogramtests.html
1
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
 
<html>
3
 
    <head>
4
 
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
5
 
        <style>
6
 
            /*Supplemental: CSS for the YUI distribution*/
7
 
            #custom-doc { width: 95%; min-width: 950px; }
8
 
            #pagetitle {background-image: url(../../assets/bg_hd.gif);}
9
 
            #mychart {
10
 
                padding:10px 10px 10px 10px;
11
 
            }
12
 
        </style>
13
 
        <link rel="stylesheet" type="text/css" href="../../../build/cssfonts/fonts-min.css">
14
 
    </head>             
15
 
<body class="yui3-skin-sam">
16
 
<h3>Aria Histogram Tests</h3>
17
 
<div id="mychart"></div>
18
 
<script type="text/javascript" src="../../../build/yui/yui.js"></script>
19
 
<script>            
20
 
YUI({
21
 
    allowRollup: false,
22
 
    filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min'
23
 
}).use('charts', 'test', 'console', function (Y) 
24
 
{ 
25
 
    Y.namespace("example.test");
26
 
 
27
 
    var suite = new Y.Test.Suite("Y.Charts.AriaHistogram"),
28
 
        myDataValues = [ 
29
 
            {category:"5/1/2010", values:2000, expenses:3700, revenue:2200}, 
30
 
            {category:"5/2/2010", values:50, expenses:9100, revenue:100}, 
31
 
            {category:"5/3/2010", values:400, expenses:1100, revenue:1500}, 
32
 
            {category:"5/4/2010", values:200, expenses:1900, revenue:2800}, 
33
 
            {category:"5/5/2010", values:5000, expenses:5000, revenue:2650}
34
 
        ],
35
 
        pieDataValues = [
36
 
            {category:"5/1/2010", revenue:2200}, 
37
 
            {category:"5/2/2010", revenue:100}, 
38
 
            {category:"5/3/2010", revenue:1500}, 
39
 
            {category:"5/4/2010", revenue:2800}, 
40
 
            {category:"5/5/2010", revenue:2650}
41
 
        ],
42
 
        defaultAriaDescription = "Use the up and down keys to navigate between series. Use the left and right keys to navigate through items in a series.",
43
 
        defaultPieAriaDescription = "Use the left and right keys to navigate through items.",
44
 
        seriesKeys = ["values", "revenue"],
45
 
        width = 400,
46
 
        height = 300;
47
 
 
48
 
    function AriaTests(cfg, testConfig)
49
 
    {
50
 
        AriaTests.superclass.constructor.apply(this);
51
 
        this.attrConfig = cfg;
52
 
        this.name = testConfig.type + " Aria Tests";
53
 
        this.defaultAriaDescription = testConfig.defaultAriaDescription;;
54
 
    }
55
 
    Y.extend(AriaTests, Y.Test.Case, {
56
 
        defaultAriaLabel: "Chart Application",
57
 
 
58
 
        changedAriaLabel: "This is a new ariaLabel value.",
59
 
 
60
 
        setUp: function() {
61
 
            var mychart = new Y.Chart(this.attrConfig);
62
 
            this.chart = mychart;
63
 
        },
64
 
        
65
 
        tearDown: function() {
66
 
            this.chart.destroy();
67
 
        },
68
 
        
69
 
        "test:getAriaLabel()": function()
70
 
        {
71
 
            Y.Assert.isTrue(this.chart.get("ariaLabel") == this.defaultAriaLabel);
72
 
        },
73
 
 
74
 
        "test:setAriaLabel()": function()
75
 
        {
76
 
            var chart = this.chart;
77
 
            chart.set("ariaLabel", this.changedAriaLabel);
78
 
            Y.Assert.isTrue(chart.get("ariaLabel") == this.changedAriaLabel);
79
 
        },
80
 
 
81
 
        "test:getAriaDescription()": function()
82
 
        {
83
 
            Y.Assert.isTrue(this.chart.get("ariaDescription") == this.defaultAriaDescription);
84
 
        },
85
 
        
86
 
        "test:setAriaDescription()": function()
87
 
        {
88
 
            var chart = this.chart;
89
 
            chart.set("ariaDescription", this.changedAriaLabel);
90
 
            Y.Assert.isTrue(chart.get("ariaDescription") == this.changedAriaLabel);
91
 
        }
92
 
    });
93
 
    Y.AriaTests = AriaTests;
94
 
    
95
 
    var columnTests = new Y.AriaTests({
96
 
        dataProvider: myDataValues,
97
 
        render: "#mychart",
98
 
        type: "column",
99
 
        width: width,
100
 
        height: height
101
 
    }, {
102
 
        type: "Column",
103
 
        defaultAriaDescription: defaultAriaDescription
104
 
    }),
105
 
    stackedColumnTests = new Y.AriaTests({
106
 
        dataProvider: myDataValues,
107
 
        render: "#mychart",
108
 
        type: "column",
109
 
        stacked: true,
110
 
        width: width,
111
 
        height: height
112
 
    }, {
113
 
        type: "StackedColumn",
114
 
        defaultAriaDescription: defaultAriaDescription
115
 
    }),
116
 
    barTests = new Y.AriaTests({
117
 
        dataProvider: myDataValues,
118
 
        render: "#mychart",
119
 
        type: "bar",
120
 
        width: width,
121
 
        height: height
122
 
    }, {
123
 
        type: "Bar",
124
 
        defaultAriaDescription: defaultAriaDescription
125
 
    }),
126
 
    stackedBarTests = new Y.AriaTests({
127
 
        dataProvider: myDataValues,
128
 
        render: "#mychart",
129
 
        type: "bar",
130
 
        stacked: true,
131
 
        width: width,
132
 
        height: height
133
 
    }, {
134
 
        type: "StackedBar",
135
 
        defaultAriaDescription: defaultAriaDescription
136
 
    });
137
 
 
138
 
    suite.add(columnTests);
139
 
    suite.add(stackedColumnTests);
140
 
    suite.add(barTests);
141
 
    suite.add(stackedBarTests);
142
 
 
143
 
    //create the console
144
 
    var r = new Y.Console({
145
 
        newestOnTop : false,
146
 
        style: 'block' // to anchor in the example content
147
 
    });
148
 
    
149
 
    r.render('#testLogger');
150
 
 
151
 
    //run the tests
152
 
    Y.Test.Runner.setName("Y.Charts.AriaHistogram");
153
 
    Y.Test.Runner.add(suite);
154
 
    Y.Test.Runner.run();
155
 
});
156
 
</script>
157
 
</body>
158
 
</html>