Implement `direction` property (#906)
1<test name="rounding_fractial_input_7__content_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div box-sizing="content-box" direction="ltr" width="7px">
5 <div box-sizing="content-box" direction="ltr" flex-wrap="wrap" width="25%">
6 <div box-sizing="content-box" direction="ltr" width="1px" height="10px"/>
7 <div box-sizing="content-box" direction="ltr" width="1px" height="10px"/>
8 </div>
9 <div box-sizing="content-box" direction="ltr" flex-wrap="wrap" width="25%">
10 <div box-sizing="content-box" direction="ltr" width="1px" height="10px"/>
11 <div box-sizing="content-box" direction="ltr" width="1px" height="10px"/>
12 </div>
13 <div box-sizing="content-box" direction="ltr" flex-wrap="wrap" width="25%">
14 <div box-sizing="content-box" direction="ltr" width="1px" height="10px"/>
15 <div box-sizing="content-box" direction="ltr" width="1px" height="10px"/>
16 </div>
17 <div box-sizing="content-box" direction="ltr" flex-wrap="wrap" width="25%">
18 <div box-sizing="content-box" direction="ltr" width="1px" height="10px"/>
19 <div box-sizing="content-box" direction="ltr" width="1px" height="10px"/>
20 </div>
21 </div>
22 </input>
23 <expectations>
24 <node x="0" y="0" width="7" height="20">
25 <node x="0" y="0" width="2" height="20">
26 <node x="0" y="0" width="1" height="10"/>
27 <node x="0" y="10" width="1" height="10"/>
28 </node>
29 <node x="2" y="0" width="2" height="20">
30 <node x="0" y="0" width="1" height="10"/>
31 <node x="0" y="10" width="1" height="10"/>
32 </node>
33 <node x="4" y="0" width="1" height="20">
34 <node x="0" y="0" width="1" height="10"/>
35 <node x="0" y="10" width="1" height="10"/>
36 </node>
37 <node x="5" y="0" width="2" height="20">
38 <node x="0" y="0" width="1" height="10"/>
39 <node x="0" y="10" width="1" height="10"/>
40 </node>
41 </node>
42 </expectations>
43</test>