CSS Transitions Module Level 1 CR Test Suite

Animatable properties (44 tests)

Test Refs Flags Info
+ 7 Animatable properties
transitions-animatable-properties-01 Script CSS Transitions: Animatable CSS properties
  • Check that all animatable CSS properties are animatable and then accepted by the 'transition-property' property
+ 7.1 Properties from CSS
properties-value-001 DOM/JSScript Intermediate Property Values
  • Test checks that value ranges between start and end while transitioning
properties-value-002 DOM/JSScript Intermediate Property Values of missing value types
  • Test checks that expected value types that haven't been specified are transitionable
properties-value-003 DOM/JSScript Intermediate Property Values of unspecified properties
  • Test checks that properties are transitionable that haven't been specified
transition-property-006 Interact transition-property - background-position
  • Test checks that the 'background-position' property is animatable.
transition-property-007 Interact transition-property - border-bottom-color
  • Test checks that the 'border-bottom-color' property animatable.
transition-property-008 Interact transition-property - border-bottom-width
  • Test checks that the 'border-bottom-width' property animatable.
transition-property-009 Interact transition-property - border-left-color
  • Test checks that the 'border-left-color' property is animatable.
transition-property-010 Interact transition-property - border-left-width
  • Test checks that the 'border-left-width' property is animatable.
transition-property-011 Interact transition-property - border-right-color
  • Test checks that the 'border-right-color' property is animatable.
transition-property-012 Interact transition-property - border-right-width
  • Test checks that the 'border-right-width' property is animatable.
transition-property-013 Interact transition-property - border-top-color
  • Test checks that the 'border-top-color' property is animatable.
transition-property-014 Interact transition-property - border-top-width
  • Test checks that the 'border-top-width' property is animatable.
transition-property-015 Interact transition-property - border-spacing
  • Test checks that the 'border-spacing' property is animatable.
transition-property-016 Interact transition-property - bottom
  • Test checks that the 'bottom' property is animatable.
transition-property-017 Interact transition-property - clip
  • Test checks that the 'clip' property is animatable.
transition-property-018 Interact transition-property - color
  • Test checks that the 'color' property is animatable.
transition-property-019 Interact transition-property - font-size
  • Test checks that the 'font-size' property is animatable.
transition-property-020 Interact transition-property - font-weight
  • Test checks that the 'font-weight' property is animatable.
transition-property-021 Interact transition-property - left
  • Test checks that the 'left' property is animatable.
transition-property-022 AhemInteract transition-property - letter-spacing
  • Test checks that the 'letter-spacing' property is animatable.
transition-property-023 Interact transition-property - line-height
  • Test checks that the 'line-height' property is animatable.
transition-property-024 Interact transition-property - margin-bottom
  • Test checks that the 'margin-bottom' property is animatable.
transition-property-025 Interact transition-property - margin-left
  • Test checks that the 'margin-left' property is animatable.
transition-property-026 Interact transition-property - margin-right
  • Test checks that the 'margin-right' property is animatable.
transition-property-027 Interact transition-property - max-height
  • Test checks that the 'max-height' property is animatable.
transition-property-028 Interact transition-property - max-width
  • Test checks that the 'max-width' property is animatable.
transition-property-029 Interact transition-property - min-height
  • Test checks that the 'min-height' property is animatable.
transition-property-030 Interact transition-property - min-width
  • Test checks that the 'min-width' property is animatable.
transition-property-031 Interact transition-property - opacity
  • Test checks that the 'opacity' property is animatable.
transition-property-032 Interact transition-property - outline-color
  • Test checks that the 'outline-color' property is animatable.
transition-property-033 Interact transition-property - outline-width
  • Test checks that the 'outline-width' property is animatable.
transition-property-034 Interact transition-property - padding-bottom
  • Test checks that the 'padding-bottom' property is animatable.
transition-property-035 Interact transition-property - padding-left
  • Test checks that the 'padding-left' property is animatable.
transition-property-036 Interact transition-property - padding-right
  • Test checks that the 'padding-right' property is animatable.
transition-property-037 Interact transition-property - padding-top
  • Test checks that the 'padding-top' property is animatable.
transition-property-038 Interact transition-property - right
  • Test checks that the 'right' property is animatable.
transition-property-039 Interact transition-property - text-indent
  • Test checks that the 'text-indent' property is animatable.
transition-property-040 Interact transition-property - text-shadow
  • Test checks that the 'text-shadow' property is animatable.
transition-property-041 Interact transition-property - top
  • Test checks that the 'top' property is animatable.
transition-property-042 Interact transition-property - vertical-align
  • Test checks that the 'vertical-align' property is animatable.
transition-property-043 Interact transition-property - visibility
  • Test checks that the 'visibility' property is animatable.
transition-property-044 AhemInteract transition-property - word-spacing
  • Test checks that the 'word-spacing' property is animatable.
transition-property-045 AhemInteract transition-property - z-index
  • Test checks that the 'z-index' property is animatable.
+ 7.2 Properties from SVG