root/public/javascripts/scriptaculous/test/unit/element_test.html @ 15

Revision 1, 5.1 kB (checked in by falcon, 17 years ago)

Version one -> initial work from the laptop.
Line 
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    #allStyles_1 {font-size: 12px;}
16    #allStyles_2 {opacity:0.5; filter:alpha(opacity=50);}
17    #allStyles_3 {opacity:0.5;}
18  </style>
19</head>
20<body>
21<h1>script.aculo.us Unit test file</h1>
22<p>
23  Tests for Element extensions in effects.js
24</p>
25
26<!-- Log output -->
27<div id="testlog"> </div>
28
29<!-- Test elements follow -->
30<div id="test_1" class="a bbbbbbbbbbbb cccccccccc dddd"> </div>
31
32<div id="test_2" class="classA-foobar classB-foobar"> </div> <span> </span> 
33
34<div id="style_test_1" style="display:none;"></div>
35<div id="style_test_2" class="blah" style="font-size:11px;"></div>
36
37<div id="style_test_3">blah</div>
38
39<div id="test_whitespace"> <span> </span> 
40
41
42
43<div><div></div> </div><span> </span>
44</div>
45
46<!-- Test Element opacity functions -->
47<img id="op1" alt="op2" src="icon.png" style="opacity:0.5;filter:alpha(opacity=50)" />
48<img id="op2" alt="op2" src="icon.png"/>
49<img id="op3" alt="op3" src="icon.png"/>
50<img id="op4-ie" alt="op3" src="icon.png" style="filter:alpha(opacity=30)" />
51
52<!-- Test Element.childrenWithClassName -->
53<div id="Container" class="moo hoo">
54  <span id="1" class="firstClass">First class</span>
55  <span id="2" class="secondClass">Second class</span>
56  <span id="3" class="firstClass secondClass">First and Second class</span>
57  <span id="4" class="thirdClass">Third class <span id="5" class="firstClass">Nested First class</span></span>
58 
59  <div id="collect">1<span class="ignore"><span class="someclass">2</span>3</span><ul><li class="ignore">4</li></ul></div>
60 
61</div>
62
63<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>
64<div id="allStyles_1"></div>
65<div id="allStyles_2"></div>
66<div id="allStyles_3"></div>
67<!-- Tests follow -->
68<script type="text/javascript" language="javascript" charset="utf-8">
69// <![CDATA[
70
71  new Test.Unit.Runner({
72   
73    testElementCollectTextNodes: function() { with(this) {
74      assertEqual('1234', Element.collectTextNodes('collect'));
75      assert(benchmark(function(){
76        Element.collectTextNodes('collect')
77      },50) < 1000);
78     
79      benchmark(function(){
80        Element.collectTextNodes('collect')
81      },10,'Element.collectTextNodes');
82     
83      assertEqual('1234', Element.collectTextNodesIgnoreClass('collect', 'somethingcompletelydifferent'));
84      assertEqual('1',    $('collect').collectTextNodesIgnoreClass('ignore'));
85      benchmark(function(){
86        Element.collectTextNodesIgnoreClass('collect','ignore')
87      },10,'Element.collectTextNodesIgnoreClass');
88     
89      assertEqual('134',  Element.collectTextNodesIgnoreClass('collect', 'someclass'));
90    }},
91   
92    testVisualEffect: function() { with(this) {
93      assert($('style_test_3') == $('style_test_3').visualEffect('fade'));
94      wait(1500,function(){
95        assert(!$('style_test_3').visible())
96      });
97    }},
98       
99    testParseStylePerformance: function() { with(this) {
100      benchmark(function(){
101        "font:12px/15pt Verdana;opacity:0.4;border:4px dotted red".parseStyle();
102      },100);
103    }},
104
105    testGetStyles: function() { with(this) {
106      assertEqual('12px', $('allStyles_1').getStyles().fontSize);
107      assertEqual(1, parseFloat($('allStyles_1').getStyles().opacity));
108      assertEqual(0.5, parseFloat($('allStyles_2').getStyles().opacity));
109      assertEqual(0.5, parseFloat($('allStyles_3').getStyles().opacity));
110    }}
111
112  }, "testlog");
113// ]]>
114</script>
115</body>
116</html>
Note: See TracBrowser for help on using the browser.