|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|
4 <head> |
|
5 <title>script.aculo.us Unit test file</title> |
|
6 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
7 <script src="../../lib/prototype.js" type="text/javascript"></script> |
|
8 <script src="../../src/scriptaculous.js" type="text/javascript"></script> |
|
9 <script src="../../src/unittest.js" type="text/javascript"></script> |
|
10 <link rel="stylesheet" href="../test.css" type="text/css" /> |
|
11 <style type="text/css" media="screen"> |
|
12 #style_test_1 { color:rgb(0, 0, 255); background-color: rgb(0, 0, 255); } |
|
13 blah { color:rgb(0, 255, 0); } |
|
14 #op2 { opacity:0.5;filter:alpha(opacity=50)progid:DXImageTransform.Microsoft.Blur(strength=10);} |
|
15 </style> |
|
16 </head> |
|
17 <body> |
|
18 <h1>script.aculo.us Unit test file</h1> |
|
19 <p> |
|
20 Tests for Element extensions in effects.js |
|
21 </p> |
|
22 |
|
23 <!-- Log output --> |
|
24 <div id="testlog"> </div> |
|
25 |
|
26 <!-- Test elements follow --> |
|
27 <div id="test_1" class="a bbbbbbbbbbbb cccccccccc dddd"> </div> |
|
28 |
|
29 <div id="test_2" class="classA-foobar classB-foobar"> </div> <span> </span> |
|
30 |
|
31 <div id="style_test_1" style="display:none;"></div> |
|
32 <div id="style_test_2" class="blah" style="font-size:11px;"></div> |
|
33 |
|
34 <div id="style_test_3">blah</div> |
|
35 |
|
36 <div id="test_whitespace"> <span> </span> |
|
37 |
|
38 |
|
39 |
|
40 <div><div></div> </div><span> </span> |
|
41 </div> |
|
42 |
|
43 <!-- Test Element opacity functions --> |
|
44 <img id="op1" alt="op2" src="icon.png" style="opacity:0.5;filter:alpha(opacity=50)" /> |
|
45 <img id="op2" alt="op2" src="icon.png"/> |
|
46 <img id="op3" alt="op3" src="icon.png"/> |
|
47 <img id="op4-ie" alt="op3" src="icon.png" style="filter:alpha(opacity=30)" /> |
|
48 |
|
49 <!-- Test Element.childrenWithClassName --> |
|
50 <div id="Container" class="moo hoo"> |
|
51 <span id="1" class="firstClass">First class</span> |
|
52 <span id="2" class="secondClass">Second class</span> |
|
53 <span id="3" class="firstClass secondClass">First and Second class</span> |
|
54 <span id="4" class="thirdClass">Third class <span id="5" class="firstClass">Nested First class</span></span> |
|
55 |
|
56 <div id="collect">1<span class="ignore"><span class="someclass">2</span>3</span><ul><li class="ignore">4</li></ul></div> |
|
57 |
|
58 </div> |
|
59 |
|
60 <div id="perftest1"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div> |
|
61 |
|
62 <!-- Tests follow --> |
|
63 <script type="text/javascript" language="javascript" charset="utf-8"> |
|
64 // <![CDATA[ |
|
65 |
|
66 new Test.Unit.Runner({ |
|
67 |
|
68 testElementCollectTextNodes: function() { with(this) { |
|
69 assertEqual('1234', Element.collectTextNodes('collect')); |
|
70 assert(benchmark(function(){ |
|
71 Element.collectTextNodes('collect') |
|
72 },50) < 1000); |
|
73 |
|
74 benchmark(function(){ |
|
75 Element.collectTextNodes('collect') |
|
76 },10,'Element.collectTextNodes'); |
|
77 |
|
78 assertEqual('1234', Element.collectTextNodesIgnoreClass('collect', 'somethingcompletelydifferent')); |
|
79 assertEqual('1', $('collect').collectTextNodesIgnoreClass('ignore')); |
|
80 benchmark(function(){ |
|
81 Element.collectTextNodesIgnoreClass('collect','ignore') |
|
82 },10,'Element.collectTextNodesIgnoreClass'); |
|
83 |
|
84 assertEqual('134', Element.collectTextNodesIgnoreClass('collect', 'someclass')); |
|
85 }}, |
|
86 |
|
87 testVisualEffect: function() { with(this) { |
|
88 assert($('style_test_3') == $('style_test_3').visualEffect('fade')); |
|
89 wait(1500,function(){ |
|
90 assert(!$('style_test_3').visible()) |
|
91 }); |
|
92 }}, |
|
93 |
|
94 testParseStylePerformance: function() { with(this) { |
|
95 benchmark(function(){ |
|
96 "font:12px/15pt Verdana;opacity:0.4;border:4px dotted red".parseStyle(); |
|
97 },100); |
|
98 }} |
|
99 |
|
100 }, "testlog"); |
|
101 // ]]> |
|
102 </script> |
|
103 </body> |
|
104 </html> |