1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/dom/tests/mochitest/ajax/scriptaculous/test/unit/element_test.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,104 @@
1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
1.5 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
1.6 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
1.7 +<head>
1.8 + <title>script.aculo.us Unit test file</title>
1.9 + <meta http-equiv="content-type" content="text/html; charset=utf-8" />
1.10 + <script src="../../lib/prototype.js" type="text/javascript"></script>
1.11 + <script src="../../src/scriptaculous.js" type="text/javascript"></script>
1.12 + <script src="../../src/unittest.js" type="text/javascript"></script>
1.13 + <link rel="stylesheet" href="../test.css" type="text/css" />
1.14 + <style type="text/css" media="screen">
1.15 + #style_test_1 { color:rgb(0, 0, 255); background-color: rgb(0, 0, 255); }
1.16 + blah { color:rgb(0, 255, 0); }
1.17 + #op2 { opacity:0.5;filter:alpha(opacity=50)progid:DXImageTransform.Microsoft.Blur(strength=10);}
1.18 + </style>
1.19 +</head>
1.20 +<body>
1.21 +<h1>script.aculo.us Unit test file</h1>
1.22 +<p>
1.23 + Tests for Element extensions in effects.js
1.24 +</p>
1.25 +
1.26 +<!-- Log output -->
1.27 +<div id="testlog"> </div>
1.28 +
1.29 +<!-- Test elements follow -->
1.30 +<div id="test_1" class="a bbbbbbbbbbbb cccccccccc dddd"> </div>
1.31 +
1.32 +<div id="test_2" class="classA-foobar classB-foobar"> </div> <span> </span>
1.33 +
1.34 +<div id="style_test_1" style="display:none;"></div>
1.35 +<div id="style_test_2" class="blah" style="font-size:11px;"></div>
1.36 +
1.37 +<div id="style_test_3">blah</div>
1.38 +
1.39 +<div id="test_whitespace"> <span> </span>
1.40 +
1.41 +
1.42 +
1.43 +<div><div></div> </div><span> </span>
1.44 +</div>
1.45 +
1.46 +<!-- Test Element opacity functions -->
1.47 +<img id="op1" alt="op2" src="icon.png" style="opacity:0.5;filter:alpha(opacity=50)" />
1.48 +<img id="op2" alt="op2" src="icon.png"/>
1.49 +<img id="op3" alt="op3" src="icon.png"/>
1.50 +<img id="op4-ie" alt="op3" src="icon.png" style="filter:alpha(opacity=30)" />
1.51 +
1.52 +<!-- Test Element.childrenWithClassName -->
1.53 +<div id="Container" class="moo hoo">
1.54 + <span id="1" class="firstClass">First class</span>
1.55 + <span id="2" class="secondClass">Second class</span>
1.56 + <span id="3" class="firstClass secondClass">First and Second class</span>
1.57 + <span id="4" class="thirdClass">Third class <span id="5" class="firstClass">Nested First class</span></span>
1.58 +
1.59 + <div id="collect">1<span class="ignore"><span class="someclass">2</span>3</span><ul><li class="ignore">4</li></ul></div>
1.60 +
1.61 +</div>
1.62 +
1.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>
1.64 +
1.65 +<!-- Tests follow -->
1.66 +<script type="text/javascript" language="javascript" charset="utf-8">
1.67 +// <![CDATA[
1.68 +
1.69 + new Test.Unit.Runner({
1.70 +
1.71 + testElementCollectTextNodes: function() { with(this) {
1.72 + assertEqual('1234', Element.collectTextNodes('collect'));
1.73 + assert(benchmark(function(){
1.74 + Element.collectTextNodes('collect')
1.75 + },50) < 1000);
1.76 +
1.77 + benchmark(function(){
1.78 + Element.collectTextNodes('collect')
1.79 + },10,'Element.collectTextNodes');
1.80 +
1.81 + assertEqual('1234', Element.collectTextNodesIgnoreClass('collect', 'somethingcompletelydifferent'));
1.82 + assertEqual('1', $('collect').collectTextNodesIgnoreClass('ignore'));
1.83 + benchmark(function(){
1.84 + Element.collectTextNodesIgnoreClass('collect','ignore')
1.85 + },10,'Element.collectTextNodesIgnoreClass');
1.86 +
1.87 + assertEqual('134', Element.collectTextNodesIgnoreClass('collect', 'someclass'));
1.88 + }},
1.89 +
1.90 + testVisualEffect: function() { with(this) {
1.91 + assert($('style_test_3') == $('style_test_3').visualEffect('fade'));
1.92 + wait(1500,function(){
1.93 + assert(!$('style_test_3').visible())
1.94 + });
1.95 + }},
1.96 +
1.97 + testParseStylePerformance: function() { with(this) {
1.98 + benchmark(function(){
1.99 + "font:12px/15pt Verdana;opacity:0.4;border:4px dotted red".parseStyle();
1.100 + },100);
1.101 + }}
1.102 +
1.103 + }, "testlog");
1.104 +// ]]>
1.105 +</script>
1.106 +</body>
1.107 +</html>
1.108 \ No newline at end of file
