| Test the prefixed or the unprefixed variant of a property allows reading from the CSS OM with both the prefixed and unprefixed variant. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Setting "transition-property" to "width" |
| PASS element.style.transitionProperty |
| PASS element.style.webkitTransitionProperty |
| PASS element.style.getPropertyValue("transition-property") |
| PASS element.style.getPropertyValue("-webkit-transition-property") |
| PASS element.style.getPropertyCSSValue("transition-property") |
| PASS element.style.getPropertyCSSValue("-webkit-transition-property") |
| PASS getComputedStyle(element).transitionProperty |
| PASS getComputedStyle(element).webkitTransitionProperty |
| PASS getComputedStyle(element).getPropertyValue("transition-property") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transition-property") |
| PASS getComputedStyle(element).getPropertyCSSValue("transition-property") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transition-property") |
| PASS element.style.cssText |
| |
| Setting "-webkit-transition-property" to "width" |
| PASS element.style.transitionProperty |
| PASS element.style.webkitTransitionProperty |
| PASS element.style.getPropertyValue("transition-property") |
| PASS element.style.getPropertyValue("-webkit-transition-property") |
| PASS element.style.getPropertyCSSValue("transition-property") |
| PASS element.style.getPropertyCSSValue("-webkit-transition-property") |
| PASS getComputedStyle(element).transitionProperty |
| PASS getComputedStyle(element).webkitTransitionProperty |
| PASS getComputedStyle(element).getPropertyValue("transition-property") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transition-property") |
| PASS getComputedStyle(element).getPropertyCSSValue("transition-property") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transition-property") |
| PASS element.style.cssText |
| |
| Setting "transition-duration" to "1s" |
| PASS element.style.transitionDuration |
| PASS element.style.webkitTransitionDuration |
| PASS element.style.getPropertyValue("transition-duration") |
| PASS element.style.getPropertyValue("-webkit-transition-duration") |
| PASS element.style.getPropertyCSSValue("transition-duration") |
| PASS element.style.getPropertyCSSValue("-webkit-transition-duration") |
| PASS getComputedStyle(element).transitionDuration |
| PASS getComputedStyle(element).webkitTransitionDuration |
| PASS getComputedStyle(element).getPropertyValue("transition-duration") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transition-duration") |
| PASS getComputedStyle(element).getPropertyCSSValue("transition-duration") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transition-duration") |
| PASS element.style.cssText |
| |
| Setting "-webkit-transition-duration" to "1s" |
| PASS element.style.transitionDuration |
| PASS element.style.webkitTransitionDuration |
| PASS element.style.getPropertyValue("transition-duration") |
| PASS element.style.getPropertyValue("-webkit-transition-duration") |
| PASS element.style.getPropertyCSSValue("transition-duration") |
| PASS element.style.getPropertyCSSValue("-webkit-transition-duration") |
| PASS getComputedStyle(element).transitionDuration |
| PASS getComputedStyle(element).webkitTransitionDuration |
| PASS getComputedStyle(element).getPropertyValue("transition-duration") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transition-duration") |
| PASS getComputedStyle(element).getPropertyCSSValue("transition-duration") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transition-duration") |
| PASS element.style.cssText |
| |
| Setting "transition-timing-function" to "linear" |
| PASS element.style.transitionTimingFunction |
| PASS element.style.webkitTransitionTimingFunction |
| PASS element.style.getPropertyValue("transition-timing-function") |
| PASS element.style.getPropertyValue("-webkit-transition-timing-function") |
| PASS element.style.getPropertyCSSValue("transition-timing-function") |
| PASS element.style.getPropertyCSSValue("-webkit-transition-timing-function") |
| PASS getComputedStyle(element).transitionTimingFunction |
| PASS getComputedStyle(element).webkitTransitionTimingFunction |
| PASS getComputedStyle(element).getPropertyValue("transition-timing-function") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transition-timing-function") |
| PASS getComputedStyle(element).getPropertyCSSValue("transition-timing-function") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transition-timing-function") |
| PASS element.style.cssText |
| |
| Setting "-webkit-transition-timing-function" to "linear" |
| PASS element.style.transitionTimingFunction |
| PASS element.style.webkitTransitionTimingFunction |
| PASS element.style.getPropertyValue("transition-timing-function") |
| PASS element.style.getPropertyValue("-webkit-transition-timing-function") |
| PASS element.style.getPropertyCSSValue("transition-timing-function") |
| PASS element.style.getPropertyCSSValue("-webkit-transition-timing-function") |
| PASS getComputedStyle(element).transitionTimingFunction |
| PASS getComputedStyle(element).webkitTransitionTimingFunction |
| PASS getComputedStyle(element).getPropertyValue("transition-timing-function") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transition-timing-function") |
| PASS getComputedStyle(element).getPropertyCSSValue("transition-timing-function") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transition-timing-function") |
| PASS element.style.cssText |
| |
| Setting "transition-delay" to "0.5s" |
| PASS element.style.transitionDelay |
| PASS element.style.webkitTransitionDelay |
| PASS element.style.getPropertyValue("transition-delay") |
| PASS element.style.getPropertyValue("-webkit-transition-delay") |
| PASS element.style.getPropertyCSSValue("transition-delay") |
| PASS element.style.getPropertyCSSValue("-webkit-transition-delay") |
| PASS getComputedStyle(element).transitionDelay |
| PASS getComputedStyle(element).webkitTransitionDelay |
| PASS getComputedStyle(element).getPropertyValue("transition-delay") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transition-delay") |
| PASS getComputedStyle(element).getPropertyCSSValue("transition-delay") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transition-delay") |
| PASS element.style.cssText |
| |
| Setting "-webkit-transition-delay" to "0.5s" |
| PASS element.style.transitionDelay |
| PASS element.style.webkitTransitionDelay |
| PASS element.style.getPropertyValue("transition-delay") |
| PASS element.style.getPropertyValue("-webkit-transition-delay") |
| PASS element.style.getPropertyCSSValue("transition-delay") |
| PASS element.style.getPropertyCSSValue("-webkit-transition-delay") |
| PASS getComputedStyle(element).transitionDelay |
| PASS getComputedStyle(element).webkitTransitionDelay |
| PASS getComputedStyle(element).getPropertyValue("transition-delay") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transition-delay") |
| PASS getComputedStyle(element).getPropertyCSSValue("transition-delay") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transition-delay") |
| PASS element.style.cssText |
| |
| Setting "animation-name" to "foo" |
| PASS element.style.animationName |
| PASS element.style.webkitAnimationName |
| PASS element.style.getPropertyValue("animation-name") |
| PASS element.style.getPropertyValue("-webkit-animation-name") |
| PASS element.style.getPropertyCSSValue("animation-name") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-name") |
| PASS getComputedStyle(element).animationName |
| PASS getComputedStyle(element).webkitAnimationName |
| PASS getComputedStyle(element).getPropertyValue("animation-name") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-name") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-name") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-name") |
| PASS element.style.cssText |
| |
| Setting "-webkit-animation-name" to "foo" |
| PASS element.style.animationName |
| PASS element.style.webkitAnimationName |
| PASS element.style.getPropertyValue("animation-name") |
| PASS element.style.getPropertyValue("-webkit-animation-name") |
| PASS element.style.getPropertyCSSValue("animation-name") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-name") |
| PASS getComputedStyle(element).animationName |
| PASS getComputedStyle(element).webkitAnimationName |
| PASS getComputedStyle(element).getPropertyValue("animation-name") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-name") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-name") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-name") |
| PASS element.style.cssText |
| |
| Setting "animation-duration" to "1s" |
| PASS element.style.animationDuration |
| PASS element.style.webkitAnimationDuration |
| PASS element.style.getPropertyValue("animation-duration") |
| PASS element.style.getPropertyValue("-webkit-animation-duration") |
| PASS element.style.getPropertyCSSValue("animation-duration") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-duration") |
| PASS getComputedStyle(element).animationDuration |
| PASS getComputedStyle(element).webkitAnimationDuration |
| PASS getComputedStyle(element).getPropertyValue("animation-duration") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-duration") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-duration") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-duration") |
| PASS element.style.cssText |
| |
| Setting "-webkit-animation-duration" to "1s" |
| PASS element.style.animationDuration |
| PASS element.style.webkitAnimationDuration |
| PASS element.style.getPropertyValue("animation-duration") |
| PASS element.style.getPropertyValue("-webkit-animation-duration") |
| PASS element.style.getPropertyCSSValue("animation-duration") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-duration") |
| PASS getComputedStyle(element).animationDuration |
| PASS getComputedStyle(element).webkitAnimationDuration |
| PASS getComputedStyle(element).getPropertyValue("animation-duration") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-duration") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-duration") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-duration") |
| PASS element.style.cssText |
| |
| Setting "animation-timing-function" to "linear" |
| PASS element.style.animationTimingFunction |
| PASS element.style.webkitAnimationTimingFunction |
| PASS element.style.getPropertyValue("animation-timing-function") |
| PASS element.style.getPropertyValue("-webkit-animation-timing-function") |
| PASS element.style.getPropertyCSSValue("animation-timing-function") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-timing-function") |
| PASS getComputedStyle(element).animationTimingFunction |
| PASS getComputedStyle(element).webkitAnimationTimingFunction |
| PASS getComputedStyle(element).getPropertyValue("animation-timing-function") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-timing-function") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-timing-function") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-timing-function") |
| PASS element.style.cssText |
| |
| Setting "-webkit-animation-timing-function" to "linear" |
| PASS element.style.animationTimingFunction |
| PASS element.style.webkitAnimationTimingFunction |
| PASS element.style.getPropertyValue("animation-timing-function") |
| PASS element.style.getPropertyValue("-webkit-animation-timing-function") |
| PASS element.style.getPropertyCSSValue("animation-timing-function") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-timing-function") |
| PASS getComputedStyle(element).animationTimingFunction |
| PASS getComputedStyle(element).webkitAnimationTimingFunction |
| PASS getComputedStyle(element).getPropertyValue("animation-timing-function") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-timing-function") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-timing-function") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-timing-function") |
| PASS element.style.cssText |
| |
| Setting "animation-iteration-count" to "5" |
| PASS element.style.animationIterationCount |
| PASS element.style.webkitAnimationIterationCount |
| PASS element.style.getPropertyValue("animation-iteration-count") |
| PASS element.style.getPropertyValue("-webkit-animation-iteration-count") |
| PASS element.style.getPropertyCSSValue("animation-iteration-count") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-iteration-count") |
| PASS getComputedStyle(element).animationIterationCount |
| PASS getComputedStyle(element).webkitAnimationIterationCount |
| PASS getComputedStyle(element).getPropertyValue("animation-iteration-count") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-iteration-count") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-iteration-count") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-iteration-count") |
| PASS element.style.cssText |
| |
| Setting "-webkit-animation-iteration-count" to "5" |
| PASS element.style.animationIterationCount |
| PASS element.style.webkitAnimationIterationCount |
| PASS element.style.getPropertyValue("animation-iteration-count") |
| PASS element.style.getPropertyValue("-webkit-animation-iteration-count") |
| PASS element.style.getPropertyCSSValue("animation-iteration-count") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-iteration-count") |
| PASS getComputedStyle(element).animationIterationCount |
| PASS getComputedStyle(element).webkitAnimationIterationCount |
| PASS getComputedStyle(element).getPropertyValue("animation-iteration-count") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-iteration-count") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-iteration-count") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-iteration-count") |
| PASS element.style.cssText |
| |
| Setting "animation-direction" to "reverse" |
| PASS element.style.animationDirection |
| PASS element.style.webkitAnimationDirection |
| PASS element.style.getPropertyValue("animation-direction") |
| PASS element.style.getPropertyValue("-webkit-animation-direction") |
| PASS element.style.getPropertyCSSValue("animation-direction") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-direction") |
| PASS getComputedStyle(element).animationDirection |
| PASS getComputedStyle(element).webkitAnimationDirection |
| PASS getComputedStyle(element).getPropertyValue("animation-direction") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-direction") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-direction") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-direction") |
| PASS element.style.cssText |
| |
| Setting "-webkit-animation-direction" to "reverse" |
| PASS element.style.animationDirection |
| PASS element.style.webkitAnimationDirection |
| PASS element.style.getPropertyValue("animation-direction") |
| PASS element.style.getPropertyValue("-webkit-animation-direction") |
| PASS element.style.getPropertyCSSValue("animation-direction") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-direction") |
| PASS getComputedStyle(element).animationDirection |
| PASS getComputedStyle(element).webkitAnimationDirection |
| PASS getComputedStyle(element).getPropertyValue("animation-direction") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-direction") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-direction") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-direction") |
| PASS element.style.cssText |
| |
| Setting "animation-play-state" to "paused" |
| PASS element.style.animationPlayState |
| PASS element.style.webkitAnimationPlayState |
| PASS element.style.getPropertyValue("animation-play-state") |
| PASS element.style.getPropertyValue("-webkit-animation-play-state") |
| PASS element.style.getPropertyCSSValue("animation-play-state") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-play-state") |
| PASS getComputedStyle(element).animationPlayState |
| PASS getComputedStyle(element).webkitAnimationPlayState |
| PASS getComputedStyle(element).getPropertyValue("animation-play-state") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-play-state") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-play-state") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-play-state") |
| PASS element.style.cssText |
| |
| Setting "-webkit-animation-play-state" to "paused" |
| PASS element.style.animationPlayState |
| PASS element.style.webkitAnimationPlayState |
| PASS element.style.getPropertyValue("animation-play-state") |
| PASS element.style.getPropertyValue("-webkit-animation-play-state") |
| PASS element.style.getPropertyCSSValue("animation-play-state") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-play-state") |
| PASS getComputedStyle(element).animationPlayState |
| PASS getComputedStyle(element).webkitAnimationPlayState |
| PASS getComputedStyle(element).getPropertyValue("animation-play-state") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-play-state") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-play-state") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-play-state") |
| PASS element.style.cssText |
| |
| Setting "animation-delay" to "0.5s" |
| PASS element.style.animationDelay |
| PASS element.style.webkitAnimationDelay |
| PASS element.style.getPropertyValue("animation-delay") |
| PASS element.style.getPropertyValue("-webkit-animation-delay") |
| PASS element.style.getPropertyCSSValue("animation-delay") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-delay") |
| PASS getComputedStyle(element).animationDelay |
| PASS getComputedStyle(element).webkitAnimationDelay |
| PASS getComputedStyle(element).getPropertyValue("animation-delay") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-delay") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-delay") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-delay") |
| PASS element.style.cssText |
| |
| Setting "-webkit-animation-delay" to "0.5s" |
| PASS element.style.animationDelay |
| PASS element.style.webkitAnimationDelay |
| PASS element.style.getPropertyValue("animation-delay") |
| PASS element.style.getPropertyValue("-webkit-animation-delay") |
| PASS element.style.getPropertyCSSValue("animation-delay") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-delay") |
| PASS getComputedStyle(element).animationDelay |
| PASS getComputedStyle(element).webkitAnimationDelay |
| PASS getComputedStyle(element).getPropertyValue("animation-delay") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-delay") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-delay") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-delay") |
| PASS element.style.cssText |
| |
| Setting "animation-fill-mode" to "forwards" |
| PASS element.style.animationFillMode |
| PASS element.style.webkitAnimationFillMode |
| PASS element.style.getPropertyValue("animation-fill-mode") |
| PASS element.style.getPropertyValue("-webkit-animation-fill-mode") |
| PASS element.style.getPropertyCSSValue("animation-fill-mode") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-fill-mode") |
| PASS getComputedStyle(element).animationFillMode |
| PASS getComputedStyle(element).webkitAnimationFillMode |
| PASS getComputedStyle(element).getPropertyValue("animation-fill-mode") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-fill-mode") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-fill-mode") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-fill-mode") |
| PASS element.style.cssText |
| |
| Setting "-webkit-animation-fill-mode" to "forwards" |
| PASS element.style.animationFillMode |
| PASS element.style.webkitAnimationFillMode |
| PASS element.style.getPropertyValue("animation-fill-mode") |
| PASS element.style.getPropertyValue("-webkit-animation-fill-mode") |
| PASS element.style.getPropertyCSSValue("animation-fill-mode") |
| PASS element.style.getPropertyCSSValue("-webkit-animation-fill-mode") |
| PASS getComputedStyle(element).animationFillMode |
| PASS getComputedStyle(element).webkitAnimationFillMode |
| PASS getComputedStyle(element).getPropertyValue("animation-fill-mode") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-animation-fill-mode") |
| PASS getComputedStyle(element).getPropertyCSSValue("animation-fill-mode") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-animation-fill-mode") |
| PASS element.style.cssText |
| |
| Setting "transform" to "matrix(1, 0, 0, 1, 1, 1)" |
| PASS element.style.transform |
| PASS element.style.webkitTransform |
| PASS element.style.getPropertyValue("transform") |
| PASS element.style.getPropertyValue("-webkit-transform") |
| PASS element.style.getPropertyCSSValue("transform") |
| PASS element.style.getPropertyCSSValue("-webkit-transform") |
| PASS getComputedStyle(element).transform |
| PASS getComputedStyle(element).webkitTransform |
| PASS getComputedStyle(element).getPropertyValue("transform") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transform") |
| PASS getComputedStyle(element).getPropertyCSSValue("transform") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transform") |
| PASS element.style.cssText |
| |
| Setting "-webkit-transform" to "matrix(1, 0, 0, 1, 1, 1)" |
| PASS element.style.transform |
| PASS element.style.webkitTransform |
| PASS element.style.getPropertyValue("transform") |
| PASS element.style.getPropertyValue("-webkit-transform") |
| PASS element.style.getPropertyCSSValue("transform") |
| PASS element.style.getPropertyCSSValue("-webkit-transform") |
| PASS getComputedStyle(element).transform |
| PASS getComputedStyle(element).webkitTransform |
| PASS getComputedStyle(element).getPropertyValue("transform") |
| PASS getComputedStyle(element).getPropertyValue("-webkit-transform") |
| PASS getComputedStyle(element).getPropertyCSSValue("transform") |
| PASS getComputedStyle(element).getPropertyCSSValue("-webkit-transform") |
| PASS element.style.cssText |
| |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
