Test the unprefixed animation properties.

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


Parsing - Basic animation-name : waldo
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-name') is 'waldo'
PASS declaration.getPropertyValue('-webkit-animation-name') is 'waldo'

Parsing - Multiple animation-names : waldo, wally
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-name') is 'waldo, wally'
PASS declaration.getPropertyValue('-webkit-animation-name') is 'waldo, wally'
PASS subRule.cssText is 'waldo'
PASS subRule.cssText is 'wally'

Parsing - Basic animation-duration : 5s
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-duration') is '5s'
PASS declaration.getPropertyValue('-webkit-animation-duration') is '5s'

Parsing - Multiple animation-durations : 10s, 20ms
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-duration') is '10s, 20ms'
PASS declaration.getPropertyValue('-webkit-animation-duration') is '10s, 20ms'
PASS subRule.cssText is '10s'
PASS subRule.cssText is '20ms'

Parsing - Basic animation-delay : 5s
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-delay') is '5s'
PASS declaration.getPropertyValue('-webkit-animation-delay') is '5s'

Parsing - Multiple animation-delays : 10s, 20ms
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-delay') is '10s, 20ms'
PASS declaration.getPropertyValue('-webkit-animation-delay') is '10s, 20ms'
PASS subRule.cssText is '10s'
PASS subRule.cssText is '20ms'

Parsing - Basic animation-timing-function : ease-in-out
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-timing-function') is 'ease-in-out'
PASS declaration.getPropertyValue('-webkit-animation-timing-function') is 'ease-in-out'

Parsing - animation-timing-function with bezier : cubic-bezier(0.2, 0.3, 0.4, 0.5)
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-timing-function') is 'cubic-bezier(0.2, 0.3, 0.4, 0.5)'
PASS declaration.getPropertyValue('-webkit-animation-timing-function') is 'cubic-bezier(0.2, 0.3, 0.4, 0.5)'

Parsing - Multiple animation-timing-functions : ease-in, ease-out
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-timing-function') is 'ease-in, ease-out'
PASS declaration.getPropertyValue('-webkit-animation-timing-function') is 'ease-in, ease-out'
PASS subRule.cssText is 'ease-in'
PASS subRule.cssText is 'ease-out'

Parsing - Basic animation-iteration-count : 4
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-iteration-count') is '4'
PASS declaration.getPropertyValue('-webkit-animation-iteration-count') is '4'

Parsing - animation-iteration-count with keyword : infinite
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-iteration-count') is 'infinite'
PASS declaration.getPropertyValue('-webkit-animation-iteration-count') is 'infinite'

Parsing - Multiple animation-iteration-counts : 2, infinite, 4
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-iteration-count') is '2, infinite, 4'
PASS declaration.getPropertyValue('-webkit-animation-iteration-count') is '2, infinite, 4'
PASS subRule.cssText is '2'
PASS subRule.cssText is 'infinite'
PASS subRule.cssText is '4'

Parsing - Normal animation-direction : normal
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-direction') is 'normal'
PASS declaration.getPropertyValue('-webkit-animation-direction') is 'normal'

Parsing - Alternate animation-direction : alternate
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-direction') is 'alternate'
PASS declaration.getPropertyValue('-webkit-animation-direction') is 'alternate'

Parsing - Reverse animation-direction : reverse
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-direction') is 'reverse'
PASS declaration.getPropertyValue('-webkit-animation-direction') is 'reverse'

Parsing - Alternate Reverse animation-direction : alternate-reverse
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-direction') is 'alternate-reverse'
PASS declaration.getPropertyValue('-webkit-animation-direction') is 'alternate-reverse'

Parsing - Multiple animation-directions : alternate, alternate, normal
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-direction') is 'alternate, alternate, normal'
PASS declaration.getPropertyValue('-webkit-animation-direction') is 'alternate, alternate, normal'
PASS subRule.cssText is 'alternate'
PASS subRule.cssText is 'alternate'
PASS subRule.cssText is 'normal'

Parsing - None animation-fill-mode : none
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-fill-mode') is 'none'
PASS declaration.getPropertyValue('-webkit-animation-fill-mode') is 'none'

Parsing - Forwards animation-fill-mode : forwards
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-fill-mode') is 'forwards'
PASS declaration.getPropertyValue('-webkit-animation-fill-mode') is 'forwards'

Parsing - Backwards animation-fill-mode : backwards
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-fill-mode') is 'backwards'
PASS declaration.getPropertyValue('-webkit-animation-fill-mode') is 'backwards'

Parsing - Both animation-fill-mode : both
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-fill-mode') is 'both'
PASS declaration.getPropertyValue('-webkit-animation-fill-mode') is 'both'

Parsing - Multiple animation-fill-modes : none, forwards, backwards, both
PASS cssRule.type is 1
PASS declaration.length is 1
PASS declaration.getPropertyValue('animation-fill-mode') is 'none, forwards, backwards, both'
PASS declaration.getPropertyValue('-webkit-animation-fill-mode') is 'none, forwards, backwards, both'
PASS subRule.cssText is 'none'
PASS subRule.cssText is 'forwards'
PASS subRule.cssText is 'backwards'
PASS subRule.cssText is 'both'

Invalid - duration - Bad value : 10cm
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-duration') is ""

Invalid - duration - List with bad value : 10ms, 10cm, 10s
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-duration') is ""

Invalid - delay - Bad value : 10cm
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-delay') is ""

Invalid - delay - List with bad value : 10ms, 10cm, 10s
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-delay') is ""

Invalid - timing-function - Wrong keyword parameter : egg
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-timing-function') is ""

Invalid - timing-function - List with wrong keyword parameter : ease-in, egg, ease-out
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-timing-function') is ""

Invalid - iteration-count - Wrong keyword parameter : banana
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-iteration-count') is ""

Invalid - iteration-count - List with wrong keyword parameter : infinite, 10, banana
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-iteration-count') is ""

Invalid - direction - Wrong keyword parameter : all
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-direction') is ""

Invalid - direction - List with wrong keyword parameter : normal, alternate, none
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-direction') is ""

Invalid - fill-mode - Wrong keyword parameter : all
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-fill-mode') is ""

Invalid - fill-mode - List with wrong keyword parameter : none, backwards, left, alternate, forwards
PASS cssRule.type is 1
PASS declaration.length is 0
PASS declaration.getPropertyValue('animation-fill-mode') is ""

Computed Style - Basic animation-name : waldo
PASS animationStyle.cssText is 'waldo'

Computed Style - Multiple animation-names : waldo, wally
PASS subRule.cssText is 'waldo'
PASS subRule.cssText is 'wally'

Computed Style - Basic animation-duration : 5s
PASS animationStyle.cssText is '5s'

Computed Style - Multiple animation-durations : 10s, 20ms
PASS subRule.cssText is '10s'
PASS subRule.cssText is '0.02s'

Computed Style - Basic animation-delay : 5s
PASS animationStyle.cssText is '5s'

Computed Style - Multiple animation-delays : 10s, 20ms
PASS subRule.cssText is '10s'
PASS subRule.cssText is '0.02s'

Computed Style - Basic animation-timing-function : ease-in-out
PASS animationStyle.cssText is 'ease-in-out'

Computed Style - animation-timing-function with bezier : cubic-bezier(0.2, 0.3, 0.4, 0.5)
PASS animationStyle.cssText is 'cubic-bezier(0.2, 0.3, 0.4, 0.5)'

Computed Style - Multiple animation-timing-functions : ease-in, ease-out
PASS subRule.cssText is 'ease-in'
PASS subRule.cssText is 'ease-out'

Computed Style - Basic animation-iteration-count : 4
PASS animationStyle.cssText is '4'

Computed Style - animation-iteration-count with keyword : infinite
PASS animationStyle.cssText is 'infinite'

Computed Style - Multiple animation-iteration-counts : 2, infinite, 4
PASS subRule.cssText is '2'
PASS subRule.cssText is 'infinite'
PASS subRule.cssText is '4'

Computed Style - Normal animation-direction : normal
PASS animationStyle.cssText is 'normal'

Computed Style - Alternate animation-direction : alternate
PASS animationStyle.cssText is 'alternate'

Computed Style - Reverse animation-direction : reverse
PASS animationStyle.cssText is 'reverse'

Computed Style - Alternate Reverse animation-direction : alternate-reverse
PASS animationStyle.cssText is 'alternate-reverse'

Computed Style - Multiple animation-directions : alternate, alternate, normal
PASS subRule.cssText is 'alternate'
PASS subRule.cssText is 'alternate'
PASS subRule.cssText is 'normal'

Computed Style - None animation-fill-mode : none
PASS animationStyle.cssText is 'none'

Computed Style - Forwards animation-fill-mode : forwards
PASS animationStyle.cssText is 'forwards'

Computed Style - Backwards animation-fill-mode : backwards
PASS animationStyle.cssText is 'backwards'

Computed Style - Both animation-fill-mode : both
PASS animationStyle.cssText is 'both'

Computed Style - Multiple animation-fill-modes : none, forwards, backwards, both
PASS subRule.cssText is 'none'
PASS subRule.cssText is 'forwards'
PASS subRule.cssText is 'backwards'
PASS subRule.cssText is 'both'
PASS successfullyParsed is true

TEST COMPLETE