OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>flexbox | computed style | flex-flow: column-reverse nowrap</title> | 2 <title>flexbox | computed style | flex-flow: column-reverse nowrap</title> |
3 <link rel="author" href="http://opera.com" title="Opera Software"> | 3 <link rel="author" href="http://opera.com" title="Opera Software"> |
4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow"> | 4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow"> |
5 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction
-column-reverse"> | 5 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction
-column-reverse"> |
6 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowr
ap"> | 6 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowr
ap"> |
7 <link rel="match" href="ref-pass-body.html"> | 7 <script src="../../../../resources/testharness.js"></script> |
| 8 <script src="../../../../resources/testharnessreport.js"></script> |
8 <meta name="flags" content="dom"> | 9 <meta name="flags" content="dom"> |
9 <style> | 10 <style> |
10 body { | 11 body { |
11 color: red; | 12 color: red; |
12 flex-flow: column-reverse nowrap; | 13 flex-flow: column-reverse nowrap; |
13 } | 14 } |
14 .PASS {color: black;} | |
15 </style> | 15 </style> |
16 <h1>FAIL, enable javascript</h1> | 16 <div id="log"></div> |
17 <script> | 17 <script> |
| 18 test(function() { |
18 var body = document.body; | 19 var body = document.body; |
19 | 20 |
20 var passed = | 21 assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), |
21 » (getComputedStyle(body).getPropertyValue("flex-direction") == | 22 » "column-reverse"); |
22 » "column-reverse" && | 23 assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), |
23 » getComputedStyle(body).getPropertyValue("flex-wrap") == | 24 » "nowrap"); |
24 » "nowrap"); | 25 }); |
25 body.textContent = body.className = passed ? "PASS" : "FAIL"; | |
26 </script> | 26 </script> |
OLD | NEW |