Enable/Unprefix Animations & Transitions, add basic tests

sky/engine/core/css/CSSProperties.in

 // This file specifies all the CSS properties we support and the necessary
 // information for our code generation. The various supported arguments
 // are described below with example usage
 
 
 // - alias_for=other-property
 // Properties specifying alias_for do not get their own enum and instead map
 // directly onto the CSSPropertyID they alias. Currently this means that the
 // UseCounter will not pick up on these (crbug.com/304855)
 
@@ skipping 195 matching lines @@
 text-shadow animatable, inherited, converter=convertShadow
 text-underline-position runtime_flag=CSS3TextDecorations, inherited, type_name=TextUnderlinePosition
 top animatable, initial=initialOffset, converter=convertLengthOrAuto
 touch-action converter=convertFlags<TouchAction>
 touch-action-delay runtime_flag=CSSTouchActionDelay, inherited, type_name=TouchActionDelay
 transform animatable, custom_value
 transform-origin animatable, custom_all
 transform-style name_for_methods=TransformStyle3D
 unicode-bidi
 vertical-align animatable, custom_inherit, custom_value
--webkit-animation-delay custom_all
--webkit-animation-direction custom_all
--webkit-animation-duration custom_all
--webkit-animation-fill-mode custom_all
--webkit-animation-iteration-count custom_all
--webkit-animation-name custom_all
--webkit-animation-play-state custom_all
--webkit-animation-timing-function custom_all
+animation-delay custom_all
+animation-direction custom_all
+animation-duration custom_all
+animation-fill-mode custom_all
+animation-iteration-count custom_all
+animation-name custom_all
+animation-play-state custom_all
+animation-timing-function custom_all
 -webkit-aspect-ratio inherited, custom_all
 -webkit-backface-visibility use_handlers_for=CSSPropertyBackfaceVisibility
 -webkit-background-clip use_handlers_for=CSSPropertyBackgroundClip
 -webkit-background-composite custom_all
 -webkit-background-origin use_handlers_for=CSSPropertyBackgroundOrigin
 -webkit-background-size animatable, use_handlers_for=CSSPropertyBackgroundSize
 -webkit-border-horizontal-spacing animatable, inherited, name_for_methods=HorizontalBorderSpacing, converter=convertComputedLength<short>
 -webkit-border-image initial=initialNinePieceImage, custom_value
 -webkit-border-vertical-spacing animatable, inherited, name_for_methods=VerticalBorderSpacing, converter=convertComputedLength<short>
 -webkit-box-decoration-break
@@ skipping 28 matching lines @@
 -webkit-text-emphasis-position inherited, type_name=TextEmphasisPosition
 -webkit-text-emphasis-style inherited, custom_all
 -webkit-text-fill-color inherited, custom_all
 -webkit-text-stroke-color animatable, inherited, custom_all
 -webkit-text-stroke-width inherited, converter=convertTextStrokeWidth
 -webkit-transform use_handlers_for=CSSPropertyTransform
 -webkit-transform-origin-x converter=convertLength
 -webkit-transform-origin-y converter=convertLength
 -webkit-transform-origin-z converter=convertComputedLength<float>
 -webkit-transform-style name_for_methods=TransformStyle3D
--webkit-transition-delay custom_all
--webkit-transition-duration custom_all
--webkit-transition-property custom_all
--webkit-transition-timing-function custom_all
+transition-delay custom_all
+transition-duration custom_all
+transition-property custom_all
+transition-timing-function custom_all
 -webkit-user-drag
 -webkit-user-modify inherited
 -webkit-user-select inherited
 white-space inherited
 widows animatable, inherited, type_name=short, custom_all
 width animatable, initial=initialSize, converter=convertLengthSizing
 will-change custom_all
 word-break inherited
 word-spacing animatable, inherited, initial=initialLetterWordSpacing, converter=convertSpacing
 // UAs must treat 'word-wrap' as an alternate name for the 'overflow-wrap' property. So using the same handlers.
@@ skipping 22 matching lines @@
 -webkit-padding-start direction_aware
 -webkit-padding-before direction_aware
 -webkit-padding-after direction_aware
 -webkit-logical-width direction_aware
 -webkit-logical-height direction_aware
 -webkit-min-logical-width direction_aware
 -webkit-min-logical-height direction_aware
 -webkit-max-logical-width direction_aware
 -webkit-max-logical-height direction_aware
 
-// Properties that we ignore in the StyleBuilder. Note that unprefixed animation
-// and transition properties are here due to the way they have been unprefixed
+// Properties that we ignore in the StyleBuilder.
 // FIXME: We should see if any of these should actually be unreachable
 
 all builder_skip
-animation-delay runtime_flag=CSSAnimationUnprefixed, builder_skip
-animation-direction runtime_flag=CSSAnimationUnprefixed, builder_skip
-animation-duration runtime_flag=CSSAnimationUnprefixed, builder_skip
-animation-fill-mode runtime_flag=CSSAnimationUnprefixed, builder_skip
-animation-iteration-count runtime_flag=CSSAnimationUnprefixed, builder_skip
-animation-name runtime_flag=CSSAnimationUnprefixed, builder_skip
-animation-play-state runtime_flag=CSSAnimationUnprefixed, builder_skip
-animation-timing-function runtime_flag=CSSAnimationUnprefixed, builder_skip
 orientation builder_skip
 page builder_skip
 src builder_skip
-transition-delay builder_skip
-transition-duration builder_skip
-transition-property builder_skip
-transition-timing-function builder_skip
 unicode-range builder_skip
 -webkit-font-size-delta builder_skip
 -webkit-text-decorations-in-effect inherited, builder_skip
 
 // Shorthands
 
-animation runtime_flag=CSSAnimationUnprefixed, longhands=animation-name;animation-duration;animation-timing-function;animation-delay;animation-iteration-count;animation-direction;animation-fill-mode;animation-play-state
 background longhands=background-image;background-position-x;background-position-y;background-size;background-repeat-x;background-repeat-y;background-attachment;background-origin;background-clip;background-color
 background-position longhands=background-position-x;background-position-y
 background-repeat longhands=background-repeat-x;background-repeat-y
 border longhands=border-top-color;border-top-style;border-top-width;border-right-color;border-right-style;border-right-width;border-bottom-color;border-bottom-style;border-bottom-width;border-left-color;border-left-style;border-left-width
 border-bottom longhands=border-bottom-width;border-bottom-style;border-bottom-color
 border-color longhands=border-top-color;border-right-color;border-bottom-color;border-left-color
 border-image longhands=border-image-source;border-image-slice;border-image-width;border-image-outset;border-image-repeat
 border-left longhands=border-left-width;border-left-style;border-left-color
 border-radius longhands=border-top-left-radius;border-top-right-radius;border-bottom-right-radius;border-bottom-left-radius
 border-right longhands=border-right-width;border-right-style;border-right-color
 border-spacing longhands=-webkit-border-horizontal-spacing;-webkit-border-vertical-spacing
 border-style longhands=border-top-style;border-right-style;border-bottom-style;border-left-style
 border-top longhands=border-top-width;border-top-style;border-top-color
 border-width longhands=border-top-width;border-right-width;border-bottom-width;border-left-width
 flex longhands=flex-grow;flex-shrink;flex-basis
 flex-flow longhands=flex-direction;flex-wrap
 list-style longhands=list-style-type;list-style-position;list-style-image
 margin longhands=margin-top;margin-right;margin-bottom;margin-left
 outline longhands=outline-color;outline-style;outline-width
 overflow longhands=overflow-x;overflow-y
 padding longhands=padding-top;padding-right;padding-bottom;padding-left
-transition longhands=transition-property;transition-duration;transition-timing-function;transition-delay
--webkit-animation longhands=-webkit-animation-name;-webkit-animation-duration;-webkit-animation-timing-function;-webkit-animation-delay;-webkit-animation-iteration-count;-webkit-animation-direction;-webkit-animation-fill-mode;-webkit-animation-play-state
+animation longhands=animation-name;animation-duration;animation-timing-function;animation-delay;animation-iteration-count;animation-direction;animation-fill-mode;animation-play-state
 -webkit-border-after longhands=-webkit-border-after-width;-webkit-border-after-style;-webkit-border-after-color
 -webkit-border-before longhands=-webkit-border-before-width;-webkit-border-before-style;-webkit-border-before-color
 -webkit-border-end longhands=-webkit-border-end-width;-webkit-border-end-style;-webkit-border-end-color
 // "-webkit-border-radius: 1px 2px" behaves as "border-radius: 1px / 2px"
 -webkit-border-radius longhands=border-top-left-radius;border-top-right-radius;border-bottom-right-radius;border-bottom-left-radius
 -webkit-border-start longhands=-webkit-border-start-width;-webkit-border-start-style;-webkit-border-start-color
 -webkit-mask longhands=-webkit-mask-image;-webkit-mask-position-x;-webkit-mask-position-y;-webkit-mask-size;-webkit-mask-repeat-x;-webkit-mask-repeat-y;-webkit-mask-origin;-webkit-mask-clip
 -webkit-mask-box-image longhands=-webkit-mask-box-image-source;-webkit-mask-box-image-slice;-webkit-mask-box-image-width;-webkit-mask-box-image-outset;-webkit-mask-box-image-repeat
 -webkit-mask-position longhands=-webkit-mask-position-x;-webkit-mask-position-y
 -webkit-mask-repeat longhands=-webkit-mask-repeat-x;-webkit-mask-repeat-y
 -webkit-text-emphasis longhands=-webkit-text-emphasis-style;-webkit-text-emphasis-color
 -webkit-text-stroke longhands=-webkit-text-stroke-width;-webkit-text-stroke-color
 -webkit-transform-origin longhands=-webkit-transform-origin-x;-webkit-transform-origin-y;-webkit-transform-origin-z
--webkit-transition longhands=-webkit-transition-property;-webkit-transition-duration;-webkit-transition-timing-function;-webkit-transition-delay
+transition longhands=transition-property;transition-duration;transition-timing-function;transition-delay
 
 // Aliases; these map to the same CSSPropertyID
 
 -epub-caption-side alias_for=caption-side
 -epub-text-emphasis alias_for=-webkit-text-emphasis
 -epub-text-emphasis-color alias_for=-webkit-text-emphasis-color
 -epub-text-emphasis-style alias_for=-webkit-text-emphasis-style
 -epub-text-orientation alias_for=-webkit-text-orientation
 -epub-word-break alias_for=word-break
 -webkit-align-content alias_for=align-content
 -webkit-align-items alias_for=align-items
 -webkit-align-self alias_for=align-self
 -webkit-border-bottom-left-radius alias_for=border-bottom-left-radius
 -webkit-border-bottom-right-radius alias_for=border-bottom-right-radius
 -webkit-border-top-left-radius alias_for=border-top-left-radius
 -webkit-border-top-right-radius alias_for=border-top-right-radius
 -webkit-box-sizing alias_for=box-sizing
 -webkit-flex alias_for=flex
 -webkit-flex-basis alias_for=flex-basis
 -webkit-flex-direction alias_for=flex-direction
 -webkit-flex-flow alias_for=flex-flow
 -webkit-flex-grow alias_for=flex-grow
 -webkit-flex-shrink alias_for=flex-shrink
 -webkit-flex-wrap alias_for=flex-wrap
 -webkit-justify-content alias_for=justify-content
 -webkit-opacity alias_for=opacity
 -webkit-order alias_for=order