test_webkit_flex_display.html (1271B)
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>