dom/tests/mochitest/ajax/scriptaculous/test/unit/element_test.html@6474c204b198
dom/tests/mochitest/ajax/scriptaculous/test/unit/element_test.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
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>
23 <!-- Log output -->
24 <div id="testlog"> </div>
26 <!-- Test elements follow -->
27 <div id="test_1" class="a bbbbbbbbbbbb cccccccccc dddd"> </div>
29 <div id="test_2" class="classA-foobar classB-foobar"> </div> <span> </span>
31 <div id="style_test_1" style="display:none;"></div>
32 <div id="style_test_2" class="blah" style="font-size:11px;"></div>
34 <div id="style_test_3">blah</div>
36 <div id="test_whitespace"> <span> </span>
40 <div><div></div> </div><span> </span>
41 </div>
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)" />
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>
56 <div id="collect">1<span class="ignore"><span class="someclass">2</span>3</span><ul><li class="ignore">4</li></ul></div>
58 </div>
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>
62 <!-- Tests follow -->
63 <script type="text/javascript" language="javascript" charset="utf-8">
64 // <![CDATA[
66 new Test.Unit.Runner({
68 testElementCollectTextNodes: function() { with(this) {
69 assertEqual('1234', Element.collectTextNodes('collect'));
70 assert(benchmark(function(){
71 Element.collectTextNodes('collect')
72 },50) < 1000);
74 benchmark(function(){
75 Element.collectTextNodes('collect')
76 },10,'Element.collectTextNodes');
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');
84 assertEqual('134', Element.collectTextNodesIgnoreClass('collect', 'someclass'));
85 }},
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 }},
94 testParseStylePerformance: function() { with(this) {
95 benchmark(function(){
96 "font:12px/15pt Verdana;opacity:0.4;border:4px dotted red".parseStyle();
97 },100);
98 }}
100 }, "testlog");
101 // ]]>
102 </script>
103 </body>
104 </html>
