Implement `direction` property (#906)
1<test name="android_news_feed__content_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div box-sizing="content-box" direction="ltr" flex-direction="column" align-content="stretch" flex-shrink="0" width="1080px">
5 <div box-sizing="content-box" direction="ltr" flex-direction="column" flex-shrink="0">
6 <div box-sizing="content-box" direction="ltr" flex-direction="column" align-content="stretch">
7 <div box-sizing="content-box" direction="ltr" flex-direction="column" align-content="stretch">
8 <div box-sizing="content-box" direction="ltr" align-items="flex-start" align-content="stretch" margin-top="24px" margin-left="36px">
9 <div box-sizing="content-box" direction="ltr" align-content="stretch" flex-shrink="0">
10 <div box-sizing="content-box" direction="ltr" align-content="stretch" flex-shrink="0" width="120px" height="120px"/>
11 </div>
12 <div box-sizing="content-box" direction="ltr" flex-direction="column" align-content="stretch" margin-right="36px" padding-top="21px" padding-left="36px" padding-bottom="18px" padding-right="36px">
13 <div box-sizing="content-box" direction="ltr" align-content="stretch"/>
14 <div box-sizing="content-box" direction="ltr" align-content="stretch"/>
15 </div>
16 </div>
17 </div>
18 <div box-sizing="content-box" direction="ltr" flex-direction="column" align-content="stretch">
19 <div box-sizing="content-box" direction="ltr" align-items="flex-start" align-content="stretch" margin-top="24px" margin-left="174px">
20 <div box-sizing="content-box" direction="ltr" align-content="stretch" flex-shrink="0">
21 <div box-sizing="content-box" direction="ltr" align-content="stretch" flex-shrink="0" width="72px" height="72px"/>
22 </div>
23 <div box-sizing="content-box" direction="ltr" flex-direction="column" align-content="stretch" margin-right="36px" padding-top="21px" padding-left="36px" padding-bottom="18px" padding-right="36px">
24 <div box-sizing="content-box" direction="ltr" align-content="stretch"/>
25 <div box-sizing="content-box" direction="ltr" align-content="stretch"/>
26 </div>
27 </div>
28 </div>
29 </div>
30 </div>
31 </div>
32 </input>
33 <expectations>
34 <node x="0" y="0" width="1080" height="240">
35 <node x="0" y="0" width="1080" height="240">
36 <node x="0" y="0" width="1080" height="240">
37 <node x="0" y="0" width="1080" height="144">
38 <node x="36" y="24" width="1044" height="120">
39 <node x="0" y="0" width="120" height="120">
40 <node x="0" y="0" width="120" height="120"/>
41 </node>
42 <node x="120" y="0" width="72" height="39">
43 <node x="36" y="21" width="0" height="0"/>
44 <node x="36" y="21" width="0" height="0"/>
45 </node>
46 </node>
47 </node>
48 <node x="0" y="144" width="1080" height="96">
49 <node x="174" y="24" width="906" height="72">
50 <node x="0" y="0" width="72" height="72">
51 <node x="0" y="0" width="72" height="72"/>
52 </node>
53 <node x="72" y="0" width="72" height="39">
54 <node x="36" y="21" width="0" height="0"/>
55 <node x="36" y="21" width="0" height="0"/>
56 </node>
57 </node>
58 </node>
59 </node>
60 </node>
61 </node>
62 </expectations>
63</test>