<!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>