| Test the computed style of the -webkit-scroll-snap-* properties. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| |
| invalid snapping type : potato |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'none' |
| |
| invalid points along x axis : hello world |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none' |
| |
| invalid points along y axis : hello world |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'none' |
| |
| typo in point definition : repaet(50px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none' |
| |
| another invalid point definition : ??px repeat(50px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none' |
| |
| invalid destination : foo bar |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px' |
| |
| short one destination value : 50% |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px' |
| |
| extra destination value : 50px 100% 75px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px' |
| |
| invalid coordinates : ben bitdiddle |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none' |
| |
| mismatched x coordinate : 50% 100px 75% |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none' |
| |
| inherited type : inherit |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'none' |
| |
| initial type : initial |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'none' |
| |
| none type : none |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'none' |
| |
| mandatory type : mandatory |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'mandatory' |
| |
| proximity type : proximity |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-type') is 'proximity' |
| |
| inherited points along x axis : inherit |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none' |
| |
| initial points along x axis : initial |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'none' |
| |
| element points along x axis : elements |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'elements' |
| |
| percentage points along x axis : 100% 50% |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100% 50%' |
| |
| pixel points along x axis : 100px 50px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100px 50px' |
| |
| percentage points repeat along x axis : repeat(100%) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'repeat(100%)' |
| |
| pixel points repeat along x axis : repeat(25px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is 'repeat(25px)' |
| |
| percentage points along x axis with percentage repeat : 100% repeat(100%) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100% repeat(100%)' |
| |
| pixel points along x axis with percentage repeat : 100px 50px repeat(25%) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100px 50px repeat(25%)' |
| |
| percentage points along x axis with pixel repeat : 100% 50% repeat(40px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100% 50% repeat(40px)' |
| |
| pixel points along x axis with pixel repeat : 100px repeat(42px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100px repeat(42px)' |
| |
| inherited points along y axis : inherit |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'none' |
| |
| initial points along y axis : initial |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'none' |
| |
| element points along y axis : elements |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'elements' |
| |
| percentage points along y axis : 100% 50% |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100% 50%' |
| |
| pixel points along y axis : 100px 50px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100px 50px' |
| |
| percentage points repeat along y axis : repeat(100%) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'repeat(100%)' |
| |
| pixel points repeat along y axis : repeat(25px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is 'repeat(25px)' |
| |
| percentage points along y axis with percentage repeat : 100% repeat(100%) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100% repeat(100%)' |
| |
| pixel points along y axis with percentage repeat : 100px 50px repeat(25%) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100px 50px repeat(25%)' |
| |
| percentage points along y axis with pixel repeat : 100% 50% repeat(40px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100% 50% repeat(40px)' |
| |
| pixel points along y axis with pixel repeat : 100px repeat(42px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-y') is '100px repeat(42px)' |
| |
| inherited destination : inherit |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px' |
| |
| initial destination : initial |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0px 0px' |
| |
| pixel/pixel destination : 10px 50px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '10px 50px' |
| |
| pixel/percentage destination : 20px 40% |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '20px 40%' |
| |
| percentage/pixel destination : 0% 0px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0% 0px' |
| |
| percentage/percentage destination : 5% 100% |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '5% 100%' |
| |
| inherited coordinate : inherit |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none' |
| |
| initial coordinate : initial |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none' |
| |
| no coordinate : none |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is 'none' |
| |
| single pixel coordinate : 50px 100px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '50px 100px' |
| |
| single percentage coordinate : 50% 100% |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '50% 100%' |
| |
| multiple pixel coordinates : 50px 100px 150px 100px 200px 100px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '50px 100px, 150px 100px, 200px 100px' |
| |
| multiple percentage coordinates : 50% 100% 150% 100% 200% 100% |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '50% 100%, 150% 100%, 200% 100%' |
| |
| mm along x axis with pixel repeat : 10mm repeat(42mm) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '37.7952766418457px repeat(158.7401580810547px)' |
| |
| in along x axis with pixel repeat : 10in repeat(4in) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '960px repeat(384px)' |
| |
| pt along x axis with pixel repeat : 10pt repeat(42pt) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '13.333333015441895px repeat(56px)' |
| |
| in/cm destination : 2in 5cm |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '192px 188.97637939453125px' |
| |
| in/cm coordinate : 2in 5cm 5in 2cm |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '192px 188.97637939453125px, 480px 75.5905532836914px' |
| |
| subpixel along x axis with pixel repeat : 100.5px repeat(50.25px) |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-points-x') is '100.5px repeat(50.25px)' |
| |
| subpixel destination : 0.125px 2.4375px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-destination') is '0.125px 2.4375px' |
| |
| subpixel coordinate : 110.125px 25.4375px |
| PASS window.getComputedStyle(document.body).getPropertyValue('-webkit-scroll-snap-coordinate') is '110.125px 25.4375px' |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
