order_value.html (1280B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Flexible Box Test: order_check</title> 5 <link rel="author" title="Intel" href="http://www.intel.com" /> 6 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property" /> 7 <link rel="stylesheet" href="support/test-style.css"> 8 <meta name="assert" content="Check if the web engine can indentify order property." /> 9 <style> 10 #test{ 11 height: 200px; 12 width: 200px; 13 display: flex; 14 } 15 div#test02{ 16 order: -1; 17 } 18 </style> 19 <script src="/resources/testharness.js"></script> 20 <script src="/resources/testharnessreport.js"></script> 21 </head> 22 <body> 23 <div id=log></div> 24 <div id=test><div id=test01>1</div><div id=test02>2</div><div id=test03>3</div></div> 25 <script type="text/javascript"> 26 var t = async_test(); 27 t.step(function () { 28 assert_equals(document.getElementById("test01").offsetTop, document.getElementById("test02").offsetTop, "Rectangle 1 and 2 have the same offsetTop value"); 29 assert_equals((document.getElementById("test02").offsetLeft >= document.getElementById("test01").offsetLeft), false, "Rectangle 2 have a smaller offsetLeft value than 1."); 30 }); 31 t.done(); 32 </script> 33 </body> 34 </html>