REGRESSION (r238212): WebKit.BackgroundColor* API test failures.
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-grid / grid-model / grid-container-scrollbar-vertical-lr-001-expected.html
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS container Layout Test Reference</title>
4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
5 <style>
6   .container {
7     margin: 10px;
8     background: grey;
9     writing-mode: vertical-lr;
10   }
11
12   .scrollX {
13     overflow-x: scroll;
14   }
15
16   .scrollY {
17     overflow-y: scroll;
18   }
19
20   .fixedSize {
21     width: 200px;
22     height: 50px;
23   }
24
25   .container > div {
26     background: cyan;
27     width: 100%;
28     height: 100%;
29   }
30
31   .directionRTL {
32     direction: rtl;
33   }
34 </style>
35
36 <p>The test passes if it has the same output than the reference.</p>
37
38 <div style="float: left; width: 350px;">
39
40   <h2>direction: ltr;</h2>
41
42   <div class="container scrollX">
43     <div>item</div>
44   </div>
45
46   <div class="container scrollY">
47     <div>item</div>
48   </div>
49
50   <div class="container scrollX scrollY">
51     <div>item</div>
52   </div>
53
54   <div class="container fixedSize scrollX">
55     <div>item</div>
56   </div>
57
58   <div class="container fixedSize scrollY">
59     <div>item</div>
60   </div>
61
62   <div class="container fixedSize scrollX scrollY">
63     <div>item</div>
64   </div>
65
66 </div>
67
68 <div style="float: left; width: 350px;">
69
70   <h2>direction: rtl;</h2>
71
72   <div class="directionRTL container scrollX">
73     <div>item</div>
74   </div>
75
76   <div class="directionRTL container scrollY">
77     <div>item</div>
78   </div>
79
80   <div class="directionRTL container scrollX scrollY">
81     <div>item</div>
82   </div>
83
84   <div class="directionRTL container fixedSize scrollX">
85     <div>item</div>
86   </div>
87
88   <div class="directionRTL container fixedSize scrollY">
89     <div>item</div>
90   </div>
91
92   <div class="directionRTL container fixedSize scrollX scrollY">
93     <div>item</div>
94   </div>
95
96 </div>