Get tests working under IE by normalizing inner html.

Author: mikesamuel

README.html

@@ -84,7 +84,9 @@ <h3>It doesn't work on <tt>&lt;obfuscated code sample&gt;</tt>?</h3>
     &mdash; i.e. outside the scope of this tool.</p>
 
     <h3>Which browsers does it work with?</h3>
-    <p>It's been tested with IE 6 and Firefox.</p>
+    <p>It's been tested with IE 6 and Firefox.  Look at
+    <a href="tests/prettify_test.html">the test page</a> to see if it works in
+    your browser.</p>
 
 
     <br><br><br>
@@ -93,7 +95,7 @@ <h3>Which browsers does it work with?</h3>
     <div class="footer">
 <!-- Created: Tue Oct  3 17:51:56 PDT 2006 -->
 <!-- hhmts start -->
-Last modified: Wed Oct  4 12:48:10 PDT 2006
+Last modified: Mon Oct  9 16:47:24 PDT 2006
 <!-- hhmts end -->
     </div>
   </body>

tests/prettify_test.html

@@ -315,8 +315,8 @@ <h1>HTML using XMP</h1>
       '&nbsp; local a`END`PUN=`END`LIT1`END`PLN<br>' +
       '&nbsp; local b`END`PUN=`END`LIT1`END`PLN<br>' +
       '&nbsp; `END`KWDwhile`END`PLN `END`PUN[`END`PLN `END`STR"$n"`END' +
-          '`PLN `END`PUN!=`END`PLN `END`LIT0`END`PLN `END`PUN]`END' +
-          '`PLN `END`PUN;`END`PLN `END`KWDdo`END`PLN<br>' +
+          '`PLN `END`PUN!=`END`PLN `END`LIT0`END`PLN `END`PUN]`END`PLN `END' +
+          '`PUN;`END`PLN `END`KWDdo`END`PLN<br>' +
       '&nbsp; &nbsp; local tmp`END`PUN=`END`PLN$a<br>' +
       '&nbsp; &nbsp; a`END`PUN=`END`PLN$`END`PUN((`END`PLN $a `END`PUN+`END' +
           '`PLN $b `END`PUN))`END`PLN<br>' +
@@ -708,7 +708,54 @@ <h1>HTML using XMP</h1>
     return plainText.replace(/\046/g, '&amp;')
         .replace(/\074/g, '&lt;')
         .replace(/\076/g, '&gt;')
-        .replace(/\042/g, '&quot;');
+        .replace(/\042/g, '&quot;')
+        .replace(/\xa0/g, '&nbsp;');
+  }
+
+  /** convert a plain text string to html by escaping html special chars. */
+  function htmlDQSafe(plainText) {
+    return plainText.replace(/\046/g, '&amp;')
+        .replace(/\074/g, '&lt;')
+        .replace(/\076/g, '&gt;')
+        .replace(/\xa0/g, '&nbsp;');
+  }
+
+  /**
+   * get normalized markup.  innerHTML varies enough across browsers that we
+   * can't use it.
+   */
+  function normalizedInnerHtml(node, opt_out) {
+    var out = [];
+    for (var child = node.firstChild; child; child = child.nextSibling) {
+      normalizedHtml(child, out);
+    }
+    return out.join('');
+  }
+  var annoy = 10;
+  function normalizedHtml(node, out) {
+    switch (node.nodeType) {
+      case 1:  // an element
+        var name = node.tagName.toLowerCase();
+        out.push('\074', name);
+        for (var i = 0; i < node.attributes.length; ++i) {
+          out.push(' ');
+          normalizedHtml(node.attributes[i], out);
+        }
+        out.push('>');
+        for (var child = node.firstChild; child; child = child.nextSibling) {
+          normalizedHtml(child, out);
+        }
+        if (node.firstChild || !/^(?:br|link|img)$/.test(name)) {
+          out.push('<\/', name, '>');
+        }
+        break;
+      case 2: // an attribute
+        out.push(node.name.toLowerCase(), '="', htmlDQSafe(node.value), '"');
+        break;
+      case 3: case 4: // text
+        out.push(htmlDQSafe(node.nodeValue));
+        break;
+    }
   }
 
   var htmlOut = [];
@@ -720,7 +767,7 @@ <h1>HTML using XMP</h1>
             ? '<\/span>'
             : '<span class="' + lbl.toLowerCase() + '">');
       });
-    var actual = document.getElementById(lang).innerHTML;
+    var actual = normalizedInnerHtml(document.getElementById(lang));
     if (golden !== actual) {  // test failed
       // write out
       var pre = commonPrefix(golden, actual);