/
index-bb.html
120 lines (111 loc) · 3.91 KB
/
index-bb.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<title>xui specs</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="../packages/qunit/qunit/qunit.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="../packages/qunit/qunit/qunit.js" type="text/javascript" charset="utf-8"></script>
<!-- make sure you include the proper build of XUI -->
<script src="../lib/xui-ie-2.0.0.js" type="text/javascript" charset="utf-8"></script>
<script src="tests/core-tests.js" type="text/javascript"></script>
<style>
h2#qunit-banner {
text-align:center;
height: auto;
}
#test-elements {
display:none;
}
</style>
<script type="text/javascript">
// For, you guessed it, BlackBerries :)
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(elt /*, from*/) {
var len = this.length;
var from = Number(arguments[1]) || 0;
from = (from < 0)
? Math.ceil(from)
: Math.floor(from);
if (from < 0)
from += len;
for (; from < len; from++)
{
if (from in this &&
this[from] === elt)
return from;
}
return -1;
};
}
</script>
</head>
<body onload="new CoreTests().run();">
<h2 id="qunit-banner">xui-core specs</h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<ol id="qunit-testrunner-toolbar"></ol>
<div id="test-elements">
<div id="find_tests">
<div class="foo">first</div>
<div id="find_tests_inner">
<div class="foo">second</div>
</div>
</div>
<div id="selector_tests">
<ul id="items">
<li class="item" id="item_1">this is item one</li>
<li class="item" id="item_2">this is item two</li>
<li class="item" id="item_3">this is item three</li>
</ul>
</div>
<div id="style_tests">
<p id="set-style-element">element for testing setStyle</p>
<p id="get-style-element" style="background-color:#0000FF;">element for testing getStyle</p>
<p id="add-class-element">element for testing addClass</p>
<p id="has-class-element" class="foo bar">element for testing hasClass</p>
<p id="remove-class-element" class="foo bar baz">element for testing removeClass</p>
</div>
<div id="dom_tests">
<div id="html-test-inner"></div>
<div id="html-test-outer"></div>
<div id="html-test-top"><p>existing text should stay here</p></div>
<div id="html-test-bottom"><p>existing text should stay here</p></div>
<div id="html-test-html"><p>foo</p></div>
<ul id="html-list-test"></ul>
<div id="html-complex-test"></div>
<input type="checkbox" id="first-check" name="first-check" value="one" />
<div id="remove-me"></div>
<div id="remove-me-2"></div>
</div>
<div id="xhr_tests">
<div id="xhr-test-function"></div>
<div id="xhr-test-json">
<div id="json-id">no id here</div>
<div id="json-name">no name here</div>
</div>
<div id="xhr-test-form"></div>
</div>
<div id="event_tests">
<div id="event-test-click"></div>
</div>
<div id="extention_tests">
<div id="extention-test">xui has been extended!</div>
</div>
<ul id="get_tests">
<li class="foo">first</li>
<li class="bar">second</li>
<li>third</li>
</ul>
<ul id="has_tests">
<li class="foo">one</li>
<li>two</li>
<li class="foo">three</li>
<li>four</li>
<li>five</li>
</ul>
<div id="tween-tests">
<div id="square" style="position:relative;left:0px;top:0px;width:50px;height:50px;background-color:red;"></div>
</div>
</div>
</body>
</html>