cf3d44bb6b25f10e9d6e952bcdc6fb1590af4f59
[WebKit-https.git] / LayoutTests / css3 / scroll-snap / scroll-snap-property-computed-style-expected.txt
1 Test the computed style of the -webkit-scroll-snap-* properties.
2
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
4
5
6
7 invalid snapping type : potato
8 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'none'
9
10 invalid points along x axis : hello world
11 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none'
12
13 invalid points along y axis : hello world
14 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'none'
15
16 typo in point definition : repaet(50px)
17 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none'
18
19 another invalid point definition : ??px repeat(50px)
20 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none'
21
22 invalid destination : foo bar
23 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px'
24
25 short one destination value : 50%
26 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px'
27
28 extra destination value : 50px 100% 75px
29 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px'
30
31 invalid coordinates : ben bitdiddle
32 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none'
33
34 mismatched x coordinate : 50% 100px 75%
35 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none'
36
37 inherited type : inherit
38 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'none'
39
40 initial type : initial
41 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'none'
42
43 none type : none
44 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'none'
45
46 mandatory type : mandatory
47 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'mandatory'
48
49 proximity type : proximity
50 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'proximity'
51
52 inherited points along x axis : inherit
53 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none'
54
55 initial points along x axis : initial
56 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none'
57
58 element points along x axis : elements
59 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'elements'
60
61 percentage points along x axis : 100% 50%
62 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100% 50%'
63
64 pixel points along x axis : 100px 50px
65 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100px 50px'
66
67 percentage points repeat along x axis : repeat(100%)
68 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'repeat(100%)'
69
70 pixel points repeat along x axis : repeat(25px)
71 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'repeat(25px)'
72
73 percentage points along x axis with percentage repeat : 100% repeat(100%)
74 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100% repeat(100%)'
75
76 pixel points along x axis with percentage repeat : 100px 50px repeat(25%)
77 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100px 50px repeat(25%)'
78
79 percentage points along x axis with pixel repeat : 100% 50% repeat(40px)
80 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100% 50% repeat(40px)'
81
82 pixel points along x axis with pixel repeat : 100px repeat(42px)
83 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100px repeat(42px)'
84
85 inherited points along y axis : inherit
86 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'none'
87
88 initial points along y axis : initial
89 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'none'
90
91 element points along y axis : elements
92 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'elements'
93
94 percentage points along y axis : 100% 50%
95 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100% 50%'
96
97 pixel points along y axis : 100px 50px
98 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100px 50px'
99
100 percentage points repeat along y axis : repeat(100%)
101 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'repeat(100%)'
102
103 pixel points repeat along y axis : repeat(25px)
104 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'repeat(25px)'
105
106 percentage points along y axis with percentage repeat : 100% repeat(100%)
107 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100% repeat(100%)'
108
109 pixel points along y axis with percentage repeat : 100px 50px repeat(25%)
110 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100px 50px repeat(25%)'
111
112 percentage points along y axis with pixel repeat : 100% 50% repeat(40px)
113 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100% 50% repeat(40px)'
114
115 pixel points along y axis with pixel repeat : 100px repeat(42px)
116 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100px repeat(42px)'
117
118 inherited destination : inherit
119 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px'
120
121 initial destination : initial
122 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px'
123
124 pixel/pixel destination : 10px 50px
125 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '10px 50px'
126
127 pixel/percentage destination : 20px 40%
128 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '20px 40%'
129
130 percentage/pixel destination : 0% 0px
131 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0% 0px'
132
133 percentage/percentage destination : 5% 100%
134 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '5% 100%'
135
136 inherited coordinate : inherit
137 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none'
138
139 initial coordinate : initial
140 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none'
141
142 no coordinate : none
143 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none'
144
145 single pixel coordinate : 50px 100px
146 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '50px 100px'
147
148 single percentage coordinate : 50% 100%
149 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '50% 100%'
150
151 multiple pixel coordinates : 50px 100px 150px 100px 200px 100px
152 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '50px 100px, 150px 100px, 200px 100px'
153
154 multiple percentage coordinates : 50% 100% 150% 100% 200% 100%
155 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '50% 100%, 150% 100%, 200% 100%'
156
157 mm along x axis with pixel repeat : 10mm repeat(42mm)
158 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '37.7952766418457px repeat(158.7401580810547px)'
159
160 in along x axis with pixel repeat : 10in repeat(4in)
161 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '960px repeat(384px)'
162
163 pt along x axis with pixel repeat : 10pt repeat(42pt)
164 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '13.333333015441895px repeat(56px)'
165
166 in/cm destination : 2in 5cm
167 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '192px 188.97637939453125px'
168
169 in/cm coordinate : 2in 5cm 5in 2cm
170 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '192px 188.97637939453125px, 480px 75.5905532836914px'
171
172 subpixel along x axis with pixel repeat : 100.5px repeat(50.25px)
173 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100.5px repeat(50.25px)'
174
175 subpixel destination : 0.125px 2.4375px
176 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0.125px 2.4375px'
177
178 subpixel coordinate : 110.125px 25.4375px
179 PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '110.125px 25.4375px'
180 PASS successfullyParsed is true
181
182 TEST COMPLETE
183