297 lines
11 KiB
Plaintext
297 lines
11 KiB
Plaintext
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
|
|
|