TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST
TEST

skrollr test suite

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/141.0.0.0 Safari/537.36 Prerender (+https://github.com/prerender/prerender)

Tests completed in 176 milliseconds.
64 tests of 69 passed, 5 failed.

  1. basic stuff: CSS classes present (0, 3, 3)Rerun
    1. All elements have the .skrollable class
    2. HTML element has skrollr class
    3. HTML element does not have no-skrollr class
  2. at scroll position 500: rendering (2, 19, 21)Rerun
    1. colons inside urls are preserved (#73)
      Expected:
      "url(https://secure.travis-ci.org/Prinzhorn/skrollr.png)"
      Result:
      "url(\"https://secure.travis-ci.org/Prinzhorn/skrollr.png\")"
      Diff:
      "url(https://secure.travis-ci.org/Prinzhorn/skrollr.png)" "url(\"https://secure.travis-ci.org/Prinzhorn/skrollr.png\")" 
      Source:
          at String.<anonymous> (https://vitreo.co/assets/plugins/skrollr/test/tests.js:68:13)
    2. a single period is no number (#74)
      Expected:
      "url(https://secure.travis-ci.org/Prinzhorn/skrollr.png?1337)"
      Result:
      "url(\"https://secure.travis-ci.org/Prinzhorn/skrollr.png?1337\")"
      Diff:
      "url(https://secure.travis-ci.org/Prinzhorn/skrollr.png?1337)" "url(\"https://secure.travis-ci.org/Prinzhorn/skrollr.png?1337\")" 
      Source:
          at String.<anonymous> (https://vitreo.co/assets/plugins/skrollr/test/tests.js:68:13)
    3. element's (#simple-numeric) "left" CSS property is correct
    4. element's (#simple-numeric) "top" CSS property is correct
    5. element's (#easing) "left" CSS property is correct
    6. element's (#compound-numeric) "marginTop" CSS property is correct
    7. element's (#compound-numeric) "marginRight" CSS property is correct
    8. element's (#compound-numeric) "marginBottom" CSS property is correct
    9. element's (#compound-numeric) "marginLeft" CSS property is correct
    10. element's (#rgb-color) "color" CSS property is correct
    11. element's (#rgba-color) "color" CSS property is correct
    12. element's (#hsl-color) "color" CSS property is correct
    13. element's (#no-interpolation) "right" CSS property is correct
    14. element's (#anchor-2) "right" CSS property is correct
    15. element's (#foreign-anchor) "paddingTop" CSS property is correct
    16. element's (#foreign-anchor) "paddingRight" CSS property is correct
    17. element's (#foreign-anchor) "paddingBottom" CSS property is correct
    18. element's (#foreign-anchor) "paddingLeft" CSS property is correct
    19. element's (#float) "float" CSS property is correct
    20. z-index "auto" is no converted to a number (#351)
    21. attribute interpolation
  3. at scroll position 0: rendering (0, 17, 17)Rerun
    1. element's (#simple-numeric) "left" CSS property is correct
    2. element's (#simple-numeric) "top" CSS property is correct
    3. element's (#easing) "left" CSS property is correct
    4. element's (#compound-numeric) "marginTop" CSS property is correct
    5. element's (#compound-numeric) "marginRight" CSS property is correct
    6. element's (#compound-numeric) "marginBottom" CSS property is correct
    7. element's (#compound-numeric) "marginLeft" CSS property is correct
    8. element's (#rgb-color) "color" CSS property is correct
    9. element's (#rgba-color) "color" CSS property is correct
    10. element's (#hsl-color) "color" CSS property is correct
    11. element's (#no-interpolation) "right" CSS property is correct
    12. element's (#end) "fontSize" CSS property is correct
    13. element's (#dynamic) "bottom" CSS property is correct
    14. element's (#float) "float" CSS property is correct
    15. z-index "auto" is no converted to a number (#351)
    16. attribute interpolation
    17. attribute interpolation
  4. at scroll position 250: rendering (0, 20, 20)Rerun
    1. element's (#simple-numeric) "left" CSS property is correct
    2. element's (#simple-numeric) "top" CSS property is correct
    3. element's (#easing) "left" CSS property is correct
    4. element's (#compound-numeric) "marginTop" CSS property is correct
    5. element's (#compound-numeric) "marginRight" CSS property is correct
    6. element's (#compound-numeric) "marginBottom" CSS property is correct
    7. element's (#compound-numeric) "marginLeft" CSS property is correct
    8. element's (#rgb-color) "color" CSS property is correct
    9. element's (#rgba-color) "color" CSS property is correct
    10. element's (#hsl-color) "color" CSS property is correct
    11. element's (#no-interpolation) "right" CSS property is correct
    12. element's (#anchor-2) "right" CSS property is correct
    13. element's (#dynamic) "bottom" CSS property is correct
    14. element's (#foreign-anchor) "paddingTop" CSS property is correct
    15. element's (#foreign-anchor) "paddingRight" CSS property is correct
    16. element's (#foreign-anchor) "paddingBottom" CSS property is correct
    17. element's (#foreign-anchor) "paddingLeft" CSS property is correct
    18. element's (#float) "float" CSS property is correct
    19. attribute interpolation
    20. attribute interpolation
  5. at scroll position 150: rendering (1, 0, 1)Rerun
    1. element's (#relative-percentage-offset) "left" CSS property is correct
      Expected:
      "250px"
      Result:
      "104.457px"
      Diff:
      "250px" "104.457px" 
      Source:
          at String.<anonymous> (https://vitreo.co/assets/plugins/skrollr/test/tests.js:68:13)
  6. at scroll position 600: rendering (1, 1, 2)Rerun
    1. element's (#percentage-offset) "left" CSS property is correct
      Expected:
      "500px"
      Result:
      "208.914px"
      Diff:
      "500px" "208.914px" 
      Source:
          at String.<anonymous> (https://vitreo.co/assets/plugins/skrollr/test/tests.js:68:13)
    2. attribute interpolation
  7. at scroll position 300: rendering (1, 0, 1)Rerun
    1. element's (#percentage-offset) "left" CSS property is correct
      Expected:
      "250px"
      Result:
      "104.457px"
      Diff:
      "250px" "104.457px" 
      Source:
          at String.<anonymous> (https://vitreo.co/assets/plugins/skrollr/test/tests.js:68:13)
  8. at scroll position 1452: rendering (0, 4, 4)Rerun
    1. element's (#anchor-1) "right" CSS property is correct
    2. element's (#easing) "left" CSS property is correct
    3. element's (#easing_with_easing_strategy) "left" CSS property is correct
    4. element's (#reset-strategy) "left" CSS property is correct
TEST