Implement `direction` property (#906)
1<test name="gridflex_kitchen_sink__border_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div direction="ltr">
5 <div display="grid" direction="ltr" grid-template-rows="1fr 1fr" grid-template-columns="1fr 1fr">
6 <div direction="ltr">
7 <div direction="ltr" width="20px"/>
8 <div direction="ltr" flex-grow="1" width="50px">
9 <div display="grid" direction="ltr" grid-template-rows="30% 10%" grid-template-columns="auto 10%">
10 <div direction="ltr" width="20px"/>
11 <div direction="ltr"/>
12 <div direction="ltr"/>
13 <div direction="ltr"/>
14 </div>
15 </div>
16 </div>
17 <text direction="ltr">
18 HH
19 </text>
20 <text direction="ltr">
21 HH
22 </text>
23 <text direction="ltr">
24 HH
25 </text>
26 </div>
27 </div>
28 </input>
29 <expectations>
30 <node x="0" y="0" width="140" height="20">
31 <node x="0" y="0" width="140" height="20">
32 <node x="0" y="0" width="70" height="10">
33 <node x="0" y="0" width="20" height="10"/>
34 <node x="20" y="0" width="50" height="10">
35 <node x="0" y="0" width="20" height="10">
36 <node x="0" y="0" width="20" height="3"/>
37 <node x="20" y="0" width="2" height="3"/>
38 <node x="0" y="3" width="20" height="1"/>
39 <node x="20" y="3" width="2" height="1"/>
40 </node>
41 </node>
42 </node>
43 <node x="70" y="0" width="70" height="10"/>
44 <node x="0" y="10" width="70" height="10"/>
45 <node x="70" y="10" width="70" height="10"/>
46 </node>
47 </node>
48 </expectations>
49</test>