| OLD | NEW |
|---|
| (Empty) |
| 1 Test the parsing and application of the scroll-snap-* properties. | |
| 2 | |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | |
| 4 | |
| 5 | |
| 6 Test case: inherited type | |
| 7 PASS style.scrollSnapType is "mandatory" | |
| 8 | |
| 9 Test case: initial type | |
| 10 PASS style.scrollSnapType is "none" | |
| 11 | |
| 12 Test case: inherited points-x | |
| 13 PASS style.scrollSnapPointsX is "repeat(20%)" | |
| 14 | |
| 15 Test case: initial points-x | |
| 16 PASS style.scrollSnapPointsX is "none" | |
| 17 | |
| 18 Test case: inherited points-y | |
| 19 PASS style.scrollSnapPointsY is "repeat(20%)" | |
| 20 | |
| 21 Test case: initial points-y | |
| 22 PASS style.scrollSnapPointsY is "none" | |
| 23 | |
| 24 Test case: inherited destination | |
| 25 PASS style.scrollSnapDestination is "20px 20px" | |
| 26 | |
| 27 Test case: initial destination | |
| 28 PASS style.scrollSnapDestination is "0px 0px" | |
| 29 | |
| 30 Test case: inherited coordinate | |
| 31 PASS style.scrollSnapCoordinate is "10px 10px" | |
| 32 | |
| 33 Test case: initial coordinate | |
| 34 PASS style.scrollSnapCoordinate is "none" | |
| 35 | |
| 36 Test case: mandatory type | |
| 37 PASS style.scrollSnapType is "mandatory" | |
| 38 | |
| 39 Test case: proximity type | |
| 40 PASS style.scrollSnapType is "proximity" | |
| 41 | |
| 42 Test case: none type | |
| 43 PASS style.scrollSnapType is "none" | |
| 44 | |
| 45 Test case: percentage points repeat along x axis | |
| 46 PASS style.scrollSnapPointsX is "repeat(100%)" | |
| 47 | |
| 48 Test case: pixel points repeat along x axis | |
| 49 PASS style.scrollSnapPointsX is "repeat(25px)" | |
| 50 | |
| 51 Test case: percentage points repeat along y axis | |
| 52 PASS style.scrollSnapPointsY is "repeat(100%)" | |
| 53 | |
| 54 Test case: pixel points repeat along y axis | |
| 55 PASS style.scrollSnapPointsY is "repeat(25px)" | |
| 56 | |
| 57 Test case: calc repeat along y axis | |
| 58 PASS style.scrollSnapPointsY is "repeat(calc(25px + 1%))" | |
| 59 | |
| 60 Test case: reject zero | |
| 61 PASS style.scrollSnapPointsY is "none" | |
| 62 | |
| 63 Test case: reject negative | |
| 64 PASS style.scrollSnapPointsY is "none" | |
| 65 | |
| 66 Test case: pixel/pixel destination | |
| 67 PASS style.scrollSnapDestination is "10px 50px" | |
| 68 | |
| 69 Test case: pixel/percentage destination | |
| 70 PASS style.scrollSnapDestination is "20px 40%" | |
| 71 | |
| 72 Test case: unitless/pixel destination | |
| 73 PASS style.scrollSnapDestination is "0px 10px" | |
| 74 | |
| 75 Test case: percentage/pixel destination | |
| 76 PASS style.scrollSnapDestination is "0% 0px" | |
| 77 | |
| 78 Test case: percentage/percentage destination | |
| 79 PASS style.scrollSnapDestination is "5% 100%" | |
| 80 | |
| 81 Test case: calc/percentage destination | |
| 82 PASS style.scrollSnapDestination is "calc(20px + 10%) 40%" | |
| 83 | |
| 84 Test case: 3 piece percentage destination | |
| 85 PASS style.scrollSnapDestination is "0px 0px" | |
| 86 | |
| 87 Test case: 1 piece destination with implied center | |
| 88 PASS style.scrollSnapDestination is "50% 0%" | |
| 89 | |
| 90 Test case: single pixel coordinate | |
| 91 PASS style.scrollSnapCoordinate is "50px 100px" | |
| 92 | |
| 93 Test case: single percentage coordinate | |
| 94 PASS style.scrollSnapCoordinate is "50% 100%" | |
| 95 | |
| 96 Test case: 3 piece percentage coordinate | |
| 97 PASS style.scrollSnapCoordinate is "none" | |
| 98 | |
| 99 Test case: 4 piece pixel coordinate | |
| 100 PASS style.scrollSnapCoordinate is "10px 15px" | |
| 101 | |
| 102 Test case: 1 piece coordinate with implied center | |
| 103 PASS style.scrollSnapCoordinate is "0% 50%" | |
| 104 | |
| 105 Test case: multiple pixel coordinates | |
| 106 PASS style.scrollSnapCoordinate is "50px 100px, 150px 100px, 200px 100px" | |
| 107 | |
| 108 Test case: multiple percentage coordinates | |
| 109 PASS style.scrollSnapCoordinate is "50% 100%, 0% 100%, 200% 100%" | |
| 110 | |
| 111 Test case: multiple mixed pixel/percentage/calc coordinates | |
| 112 PASS style.scrollSnapCoordinate is "calc(100px + 10%) 100%, 150% 50%, 200px calc
(10px + 5%)" | |
| 113 | |
| 114 Test case: reject invalid position list | |
| 115 PASS style.scrollSnapCoordinate is "none" | |
| 116 | |
| 117 Test case: reject invalid position separator | |
| 118 PASS style.scrollSnapCoordinate is "none" | |
| 119 | |
| 120 Test case: reject invalid position with terminating comma | |
| 121 PASS style.scrollSnapCoordinate is "none" | |
| 122 | |
| 123 PASS successfullyParsed is true | |
| 124 | |
| 125 TEST COMPLETE | |
| 126 | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2932593004:
Update the snap points css properties (Closed)
