testing/mochitest/tests/test_bug338679.html

   1 <!DOCTYPE html>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=338679
   5 -->
   6 <head>
   7 <title>Testcase bug 338679</title>
   8 <script type="text/javascript" src="../MochiKit/MochiKit.js"></script>
   9     <script type="text/javascript" src="SimpleTest/SimpleTest.js"></script>
  10     <link rel="stylesheet" type="text/css" href="SimpleTest/test.css" />
  11 </head>
  12 <body>
  13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=338679">Mozilla Bug 338679</a>
  14 <div >
  15 <dl>
  16 <dt>Actual result:</dt>
  17 <dd>
  18     <pre id="out" style="width: 20em">
  19     </pre>
  20 </dd>
  21
  22 <dt>Expected result:</dt>
  23
  24 <dd>
  25     <pre>
  26 Previous:       width: 20em;
  27 New:            width: auto;
  28     </pre>
  29 </dd>
  30 </dl>
  31 </div>
  32 <pre id="test">
  33 <script>
  34
  35 /* This is our event handler function */
  36 function attr_modified(ev) {
  37     $("out").textContent = "Previous:\t" + ev.prevValue + "\nNew:\t\t" + ev.newValue;
  38     is(ev.newValue, "width: auto;", "DOMAttrModified event reports correct newValue");
  39     todo(ev.prevValue == "width: 20em;", "DOMAttrModified event reports correct prevValue");
  40     SimpleTest.finish(); // trigger the end of our test sequence
  41 }
  42
  43 /* Call this to tell SimpleTest to wait for SimpleTest.finish() */
  44 SimpleTest.waitForExplicitFinish();
  45
  46 $("out").addEventListener("DOMAttrModified", attr_modified, false);
  47 $("out").style.width = "auto";
  48
  49 /* End of script, but SimpleTest will keep listening because
  50    we called waitForExplicitFinish() */
  51
  52 </script>
  53 </pre>
  54 </body>
  55 </html>