element_test.html (4623B)
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>