Implement `direction` property (#906)
1<test name="block_absolute_resolved_insets__content_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div box-sizing="content-box" direction="ltr">
5 <div display="block" box-sizing="content-box" direction="ltr" width="200px" height="200px" padding-top="15px" padding-left="15px" padding-bottom="15px" padding-right="15px" border-top="20px" border-left="20px" border-bottom="20px" border-right="20px">
6 <div box-sizing="content-box" direction="ltr" position="absolute" top="auto" left="auto"/>
7 <div box-sizing="content-box" direction="ltr" position="absolute" top="0px" left="0px"/>
8 <div box-sizing="content-box" direction="ltr" position="absolute" top="100%" left="100%"/>
9 <div box-sizing="content-box" direction="ltr" position="absolute" bottom="100%" right="100%"/>
10 <div box-sizing="content-box" direction="ltr" position="absolute" top="30px" left="30px"/>
11 <div box-sizing="content-box" direction="ltr" position="absolute" width="100%" height="100%" top="0px" left="0px"/>
12 </div>
13 <div display="block" box-sizing="content-box" direction="ltr" overflow-x="scroll" overflow-y="scroll" scrollbar-width="15" width="200px" height="200px" padding-top="15px" padding-left="15px" padding-bottom="15px" padding-right="15px" border-top="20px" border-left="20px" border-bottom="20px" border-right="20px">
14 <div box-sizing="content-box" direction="ltr" position="absolute" top="auto" left="auto"/>
15 <div box-sizing="content-box" direction="ltr" position="absolute" top="0px" left="0px"/>
16 <div box-sizing="content-box" direction="ltr" position="absolute" top="100%" left="100%"/>
17 <div box-sizing="content-box" direction="ltr" position="absolute" bottom="100%" right="100%"/>
18 <div box-sizing="content-box" direction="ltr" position="absolute" top="30px" left="30px"/>
19 <div box-sizing="content-box" direction="ltr" position="absolute" width="100%" height="100%" top="0px" left="0px"/>
20 </div>
21 <div display="block" box-sizing="content-box" direction="ltr" width="200px" height="200px" padding-top="15px" padding-left="15px" padding-bottom="15px" padding-right="15px" border-top="20px" border-left="20px" border-bottom="20px" border-right="20px">
22 <div display="block" box-sizing="content-box" direction="ltr" width="50px" height="10px"/>
23 <div box-sizing="content-box" direction="ltr" position="absolute" top="auto" left="auto"/>
24 </div>
25 </div>
26 </input>
27 <expectations>
28 <node x="0" y="0" width="810" height="270">
29 <node x="0" y="0" width="270" height="270">
30 <node x="35" y="35" width="0" height="0"/>
31 <node x="20" y="20" width="0" height="0"/>
32 <node x="250" y="250" width="0" height="0"/>
33 <node x="20" y="20" width="0" height="0"/>
34 <node x="50" y="50" width="0" height="0"/>
35 <node x="20" y="20" width="230" height="230"/>
36 </node>
37 <node x="270" y="0" width="270" height="270" scroll_width="0" scroll_height="0">
38 <node x="35" y="35" width="0" height="0"/>
39 <node x="20" y="20" width="0" height="0"/>
40 <node x="235" y="235" width="0" height="0"/>
41 <node x="20" y="20" width="0" height="0"/>
42 <node x="50" y="50" width="0" height="0"/>
43 <node x="20" y="20" width="215" height="215"/>
44 </node>
45 <node x="540" y="0" width="270" height="270">
46 <node x="35" y="35" width="50" height="10"/>
47 <node x="35" y="45" width="0" height="0"/>
48 </node>
49 </node>
50 </expectations>
51</test>