| <!DOCTYPE html> | |
| <style> | |
| #test1 { | |
| flex-flow: column; | |
| } | |
| #test1 { | |
| flex-flow: initial; | |
| } | |
| #test2 { | |
| flex-direction: column; | |
| } | |
| #test2 { | |
| flex-direction: initial; | |
| } | |
| </style> | |
| <p>Tests that 'initial' is handled correctly for the flex-flow shorthand.</p> | |
| <div id="log"></div> | |
| <span id="test1"></span> | |
| <span id="test2"></span> | |
| <script src="../../resources/testharness.js"></script> | |
| <script src="../../resources/testharnessreport.js"></script> | |
| <script> | |
| value1 = window.getComputedStyle(test1).flexDirection; | |
| value2 = window.getComputedStyle(test2).flexDirection; | |
| test(function() { | |
| assert_equals(window.getComputedStyle(test1).flexDirection, "row"); | |
| assert_equals(window.getComputedStyle(test2).flexDirection, "row"); | |
| }, "initial value is correct"); | |
| if (window.testRunner) | |
| testRunner.dumpAsText(); | |
| </script> |