Author: jmorliaguet Date: Sat Feb 11 17:37:53 2006 New Revision: 2356 Modified: cpsskins/branches/jmo-perspectives/ui/framework/tests/unit/cpsskins_ctal_test.html Log:
- the .innerHTML output needs to be normalized Modified: cpsskins/branches/jmo-perspectives/ui/framework/tests/unit/cpsskins_ctal_test.html ============================================================================== --- cpsskins/branches/jmo-perspectives/ui/framework/tests/unit/cpsskins_ctal_test.html (original) +++ cpsskins/branches/jmo-perspectives/ui/framework/tests/unit/cpsskins_ctal_test.html Sat Feb 11 17:37:53 2006 @@ -9,7 +9,6 @@ <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="../../prototype.js" type="text/javascript"></script> <script src="../../ctal.js" type="text/javascript"></script> - <script src="../../cpsskins.js" type="text/javascript"></script> <script src="../unittest.js" type="text/javascript"></script> <link rel="stylesheet" href="../test.css" type="text/css" /> </head> @@ -29,158 +28,158 @@ <!-- ctal:content --> <div id="e0"><span ctal:content="a">...</span></div> <div id="e1"><span ctal:content="c/d">...</span></div> -<div id="e2"><span ctal:content="string:A">...</span></div> +<div id="e2"><span ctal:content="string:a">...</span></div> <div id="e3"><span ctal:content="k/l/m">...</span></div> <!-- ctal:condition / ctal:content --> <div id="e4"><span ctal:condition="ctrue" - ctal:content="string:B">...</span></div> + ctal:content="string:b">...</span></div> -<div id="e4b"><span ctal:content="string:B" +<div id="e4b"><span ctal:content="string:b" ctal:condition="ctrue">...</span></div> <div id="e5"><span ctal:condition="cfalse" - ctal:content="string:C">...</span></div> + ctal:content="string:c">...</span></div> <div id="e5b"><span ctal:content="string:C" ctal:condition="cfalse">...</span></div> <!-- ctal:content / ctal:attributes --> -<div id="e6"><span ctal:content="string:D" - ctal:attributes="class string:E">...</span></div> +<div id="e6"><span ctal:content="string:d" + ctal:attributes="class string:e">...</span></div> -<div id="e6b"><span ctal:attributes="class string:E" - ctal:content="string:D">...</span></div> +<div id="e6b"><span ctal:attributes="class string:e" + ctal:content="string:d">...</span></div> <!-- ctal:condition / ctal:content / ctal:attributes --> <div id="e7"><span ctal:condition="ctrue" - ctal:content="string:F" - ctal:attributes="class string:G">...</span></div> + ctal:content="string:f" + ctal:attributes="class string:g">...</span></div> -<div id="e7b"><span ctal:content="string:F" +<div id="e7b"><span ctal:content="string:f" ctal:condition="ctrue" - ctal:attributes="class string:G">...</span></div> + ctal:attributes="class string:g">...</span></div> -<div id="e7c"><span ctal:attributes="class string:G" - ctal:content="string:F" +<div id="e7c"><span ctal:attributes="class string:g" + ctal:content="string:f" ctal:condition="ctrue">...</span></div> -<div id="e7d"><span ctal:content="string:F" - ctal:attributes="class string:G" +<div id="e7d"><span ctal:content="string:f" + ctal:attributes="class string:g" ctal:condition="ctrue">...</span></div> <div id="e7e"><span ctal:condition="ctrue" - ctal:attributes="class string:G" - ctal:content="string:F">...</span></div> + ctal:attributes="class string:g" + ctal:content="string:f">...</span></div> <div id="e8"><span ctal:condition="cfalse" - ctal:content="string:H" - ctal:attributes="class string:I">...</span></div> + ctal:content="string:h" + ctal:attributes="class string:i">...</span></div> <div id="e8b"><span ctal:condition="cfalse" - ctal:attributes="class string:I" - ctal:content="string:H">...</span></div> + ctal:attributes="class string:i" + ctal:content="string:h">...</span></div> -<div id="e8c"><span ctal:content="string:H" +<div id="e8c"><span ctal:content="string:h" ctal:condition="cfalse" - ctal:attributes="class string:I">...</span></div> + ctal:attributes="class string:i">...</span></div> -<div id="e8c"><span ctal:content="string:H" - ctal:attributes="class string:I" +<div id="e8c"><span ctal:content="string:h" + ctal:attributes="class string:i" ctal:condition="cfalse">...</span></div> -<div id="e8d"><span ctal:attributes="class string:I" - ctal:content="string:H" +<div id="e8d"><span ctal:attributes="class string:i" + ctal:content="string:h" ctal:condition="cfalse">...</span></div> -<div id="e8e"><span ctal:attributes="class string:I" +<div id="e8e"><span ctal:attributes="class string:i" ctal:condition="cfalse" - ctal:content="string:H">...</span></div> + ctal:content="string:h">...</span></div> -<div id="e8f"><span ctal:attributes="class string:I" +<div id="e8f"><span ctal:attributes="class string:i" ctal:condition="cfalse" - ctal:content="string:H">...</span></div> + ctal:content="string:h">...</span></div> <!-- ctal:omit-tag / ctal:content --> <div id="e9"><span ctal:omit-tag="ctrue" ctal:condition="ctrue" - ctal:content="string:J">...</span></div> + ctal:content="string:j">...</span></div> <div id="e9b"><span ctal:omit-tag="ctrue" - ctal:content="string:J" + ctal:content="string:j" ctal:condition="ctrue">...</span></div> <div id="e9c"><span ctal:condition="ctrue" ctal:omit-tag="ctrue" - ctal:content="string:J">...</span></div> + ctal:content="string:j">...</span></div> <div id="e9d"><span ctal:condition="ctrue" - ctal:content="string:J" + ctal:content="string:j" ctal:omit-tag="ctrue">...</span></div> -<div id="e9e"><span ctal:content="string:J" +<div id="e9e"><span ctal:content="string:j" ctal:condition="ctrue" ctal:omit-tag="ctrue">...</span></div> -<div id="e9f"><span ctal:content="string:J" +<div id="e9f"><span ctal:content="string:j" ctal:omit-tag="ctrue" ctal:condition="ctrue">...</span></div> -<div id="e10"><span ctal:content="string:K" +<div id="e10"><span ctal:content="string:k" ctal:omit-tag="ctrue" ctal:condition="cfalse">...</span></div> -<div id="e10b"><span ctal:content="string:K" +<div id="e10b"><span ctal:content="string:k" ctal:condition="cfalse" ctal:omit-tag="ctrue">...</span></div> <div id="e10c"><span ctal:omit-tag="ctrue" ctal:condition="cfalse" - ctal:content="string:K">...</span></div> + ctal:content="string:k">...</span></div> <div id="e10d"><span ctal:omit-tag="ctrue" - ctal:content="string:K" + ctal:content="string:k" ctal:condition="cfalse">...</span></div> <div id="e10e"><span ctal:condition="cfalse" ctal:omit-tag="ctrue" - ctal:content="string:K">...</span></div> + ctal:content="string:k">...</span></div> <div id="e10f"><span ctal:condition="cfalse" - ctal:content="string:K" + ctal:content="string:k" ctal:omit-tag="ctrue">...</span></div> <div id="e11"><span ctal:omit-tag="cfalse" ctal:condition="ctrue" - ctal:content="string:L">...</span></div> + ctal:content="string:l">...</span></div> <div id="e12"><span ctal:omit-tag="cfalse" ctal:condition="cfalse" - ctal:content="string:M">...</span></div> + ctal:content="string:m">...</span></div> <!-- ctal:attributes --> -<div id="e13"><a ctal:attributes="style string:color:red">...</a></div> -<div id="e14"><a ctal:attributes="alt string:O; href string:http://P">...</a></div> +<div id="e13"><a ctal:attributes="alt string:o">...</a></div> +<div id="e14"><a ctal:attributes="href string:http://p/; alt string:o;">...</a></div> <!-- ctal:attributes / tal:content --> -<div id="e15"><a ctal:attributes="alt string:Q; href string:http://R" - ctal:content="string:S">...</a></div> +<div id="e15"><a ctal:attributes="href string:http://r/; alt string:q;" + ctal:content="string:s">...</a></div> -<div id="e15b"><a ctal:content="string:S" - ctal:attributes="alt string:Q; href string:http://R">...</a></div> +<div id="e15b"><a ctal:content="string:s" + ctal:attributes="href string:http://r/; alt string:q;">...</a></div> <!-- ctal:replace --> <div id="e16"><span ctal:replace="string:T">...</span></div> <!-- ctal:condition / ctal:replace --> <div id="e17"><span ctal:condition="ctrue" - ctal:replace="string:U">...</span></div> -<div id="e17b"><span ctal:replace="string:U" + ctal:replace="string:u">...</span></div> +<div id="e17b"><span ctal:replace="string:u" ctal:condition="ctrue">...</span></div> <div id="e18"><span ctal:condition="cfalse" - ctal:replace="string:V">...</span></div> -<div id="e18b"><span ctal:replace="string:V" + ctal:replace="string:v">...</span></div> +<div id="e18b"><span ctal:replace="string:v" ctal:condition="cfalse">...</span></div> <!-- ctal:repeat / ctal:content --> @@ -278,6 +277,11 @@ cfalse: 0 } + function htmlOf(node) { + var text = $(node).innerHTML; + return text.toLowerCase(); + } + new Test.Unit.Runner({ setup: function() { @@ -310,126 +314,126 @@ }}, testTALContent: function() { with(this) { - assertEqual('<span>1</span>', $("e0").innerHTML); - assertEqual('<span>3</span>', $("e1").innerHTML); - assertEqual('<span>A</span>', $("e2").innerHTML); - assertEqual('<span>10</span>', $("e3").innerHTML); + assertEqual('<span>1</span>', htmlOf("e0")); + assertEqual('<span>3</span>', htmlOf("e1")); + assertEqual('<span>a</span>', htmlOf("e2")); + assertEqual('<span>10</span>', htmlOf("e3")); }}, testTALConditionTALContent: function() { with(this) { - assertEqual('<span>B</span>', $("e4").innerHTML); - assertEqual('<span>B</span>', $("e4b").innerHTML); - assertEqual('', $("e5").innerHTML); - assertEqual('', $("e5b").innerHTML); + assertEqual('<span>b</span>', htmlOf("e4")); + assertEqual('<span>b</span>', htmlOf("e4b")); + assertEqual('', htmlOf("e5")); + assertEqual('', htmlOf("e5b")); }}, testTALContentTALAttributes: function() { with(this) { - assertEqual('<span class="E">D</span>', $("e6").innerHTML); - assertEqual('<span class="E">D</span>', $("e6b").innerHTML); + assertEqual('<span class="e">d</span>', htmlOf("e6")); + assertEqual('<span class="e">d</span>', htmlOf("e6b")); }}, testTALConditionTALContentTALAttributes: function() { with(this) { - assertEqual('<span class="G">F</span>', $("e7").innerHTML); - assertEqual('<span class="G">F</span>', $("e7b").innerHTML); - assertEqual('<span class="G">F</span>', $("e7c").innerHTML); - assertEqual('<span class="G">F</span>', $("e7d").innerHTML); - assertEqual('<span class="G">F</span>', $("e7e").innerHTML); - assertEqual('', $("e8").innerHTML); - assertEqual('', $("e8b").innerHTML); - assertEqual('', $("e8c").innerHTML); - assertEqual('', $("e8d").innerHTML); - assertEqual('', $("e8e").innerHTML); - assertEqual('', $("e8f").innerHTML); + assertEqual('<span class="g">f</span>', htmlOf("e7")); + assertEqual('<span class="g">f</span>', htmlOf("e7b")); + assertEqual('<span class="g">f</span>', htmlOf("e7c")); + assertEqual('<span class="g">f</span>', htmlOf("e7d")); + assertEqual('<span class="g">f</span>', htmlOf("e7e")); + assertEqual('', htmlOf("e8")); + assertEqual('', htmlOf("e8b")); + assertEqual('', htmlOf("e8c")); + assertEqual('', htmlOf("e8d")); + assertEqual('', htmlOf("e8e")); + assertEqual('', htmlOf("e8f")); }}, testTALOmittagTALContentTALCondition: function() { with(this) { - assertEqual('J', $("e9").innerHTML); - assertEqual('J', $("e9b").innerHTML); - assertEqual('J', $("e9c").innerHTML); - assertEqual('J', $("e9d").innerHTML); - assertEqual('J', $("e9e").innerHTML); - assertEqual('J', $("e9f").innerHTML); - assertEqual('', $("e10").innerHTML); - assertEqual('', $("e10b").innerHTML); - assertEqual('', $("e10c").innerHTML); - assertEqual('', $("e10d").innerHTML); - assertEqual('', $("e10e").innerHTML); - assertEqual('', $("e10f").innerHTML); - assertEqual('<span>L</span>', $("e11").innerHTML); - assertEqual('', $("e12").innerHTML); + assertEqual('j', htmlOf("e9")); + assertEqual('j', htmlOf("e9b")); + assertEqual('j', htmlOf("e9c")); + assertEqual('j', htmlOf("e9d")); + assertEqual('j', htmlOf("e9e")); + assertEqual('j', htmlOf("e9f")); + assertEqual('', htmlOf("e10")); + assertEqual('', htmlOf("e10b")); + assertEqual('', htmlOf("e10c")); + assertEqual('', htmlOf("e10d")); + assertEqual('', htmlOf("e10e")); + assertEqual('', htmlOf("e10f")); + assertEqual('<span>l</span>', htmlOf("e11")); + assertEqual('', htmlOf("e12")); }}, testTALAttributes: function() { with(this) { - assertEqual('<a style="color: red;">...</a>', $("e13").innerHTML); - assertEqual('<a href="http://P" alt="O">...</a>', $("e14").innerHTML); + assertEqual('<a alt="o">...</a>', htmlOf("e13")); + assertEqual('<a alt="o" href="http://p/">...</a>', htmlOf("e14")); }}, testTALAttributesTALContent: function() { with(this) { - assertEqual('<a href="http://R" alt="Q">S</a>', $("e15").innerHTML); - assertEqual('<a href="http://R" alt="Q">S</a>', $("e15b").innerHTML); + assertEqual('<a alt="q" href="http://r/">s</a>', htmlOf("e15")); + assertEqual('<a alt="q" href="http://r/">s</a>', htmlOf("e15b")); }}, testTALReplace: function() { with(this) { - assertEqual('T', $("e16").innerHTML); + assertEqual('t', htmlOf("e16")); }}, testTALConditionTALReplace: function() { with(this) { - assertEqual('U', $("e17").innerHTML); - assertEqual('U', $("e17b").innerHTML); - assertEqual('', $("e18").innerHTML); - assertEqual('', $("e18b").innerHTML); + assertEqual('u', htmlOf("e17")); + assertEqual('u', htmlOf("e17b")); + assertEqual('', htmlOf("e18")); + assertEqual('', htmlOf("e18b")); }}, testTALRepeat: function() { with(this) { assertEqual('<div><p>4</p></div><div><p>5</p></div><div><p>6</p></div>', - $("e19").innerHTML); + htmlOf("e19")); - assertEqual('<div>4</div><div>5</div><div>6</div>', $("e20").innerHTML); - assertEqual('<div>4</div><div>5</div><div>6</div>', $("e20b").innerHTML); + assertEqual('<div>4</div><div>5</div><div>6</div>', htmlOf("e20")); + assertEqual('<div>4</div><div>5</div><div>6</div>', htmlOf("e20b")); }}, testTALRepeatTALAttributes: function() { with(this) { assertEqual( '<div alt="4">...</div><div alt="5">...</div><div alt="6">...</div>', - $("e21").innerHTML + htmlOf("e21") ); }}, testTALRepeatTALContent: function() { with(this) { - assertEqual('<div>4</div><div>5</div><div>6</div>', $("e22").innerHTML); - assertEqual('<div>4</div><div>5</div><div>6</div>', $("e22b").innerHTML); + assertEqual('<div>4</div><div>5</div><div>6</div>', htmlOf("e22")); + assertEqual('<div>4</div><div>5</div><div>6</div>', htmlOf("e22b")); }}, testTALRepeatTALContentTALAttributes: function() { with(this) { assertEqual( '<div alt="4">4</div><div alt="5">5</div><div alt="6">6</div>', - $("e23").innerHTML + htmlOf("e23") ); }}, testTALConditionTALRepeat: function() { with(this) { assertEqual('<div>...</div><div>...</div><div>...</div>', - $("e24").innerHTML); + htmlOf("e24")); assertEqual('<div>...</div><div>...</div><div>...</div>', - $("e24b").innerHTML); + htmlOf("e24b")); - assertEqual('', $("e25").innerHTML); - assertEqual('', $("e25b").innerHTML); + assertEqual('', htmlOf("e25")); + assertEqual('', htmlOf("e25b")); }}, testTALConditionTALRepeatTALAttributes: function() { with(this) { assertEqual( '<div alt="4">...</div><div alt="5">...</div><div alt="6">...</div>', - $("e26").innerHTML + htmlOf("e26") ); - assertEqual('', $("e27").innerHTML); + assertEqual('', htmlOf("e27")); }}, testTALConditionTALRepeatTALContent: function() { with(this) { - assertEqual('<div>4</div><div>5</div><div>6</div>', $("e28").innerHTML); + assertEqual('<div>4</div><div>5</div><div>6</div>', htmlOf("e28")); - assertEqual('', $("e29").innerHTML); + assertEqual('', htmlOf("e29")); }} }); -- http://lists.nuxeo.com/mailman/listinfo/z3lab-checkins