layout/style/test/test_webkit_flex_display.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=1274096
   5 -->
   6 <head>
   7   <title>Test for Bug 1274096</title>
   8   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   9   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
  10 </head>
  11 <body>
  12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1274096">Mozilla Bug 1274096</a>
  13 <div id="content" style="display: none">
  14   <div id="testElem"></div>
  15 </div>
  16 <script type="text/javascript">
  17 </script>
  18 <pre id="test">
  19 <script class="testbody" type="application/javascript">
  20
  21 /** Test for Bug 1274096 **/
  22
  23 SimpleTest.waitForExplicitFinish();
  24 runTest();
  25
  26 function runTest() {
  27   testValue("display", "-webkit-flex", "flex");
  28   testValue("display", "-webkit-inline-flex", "inline-flex");
  29
  30   SimpleTest.finish();
  31 }
  32
  33 function testValue(propName, specifiedVal, serializedVal) {
  34   var testElem = document.getElementById("testElem");
  35   testElem.style[propName] = specifiedVal;
  36
  37   is(testElem.style[propName], serializedVal,
  38      `CSS '${propName}:${specifiedVal} should serialize as '${serializedVal}'`);
  39   is(window.getComputedStyle(testElem)[propName], serializedVal,
  40      `CSS 'display:${specifiedVal} should compute to '${serializedVal}'`);
  41 }
  42
  43 </script>
  44 </pre>
  45 </body>
  46 </html>