Changeset 269812 in webkit


Ignore:
Timestamp:
Nov 14, 2020 12:52:49 AM (3 years ago)
Author:
graouts@webkit.org
Message:

Add support for discrete animations of many CSS properties
​https://bugs.webkit.org/show_bug.cgi?id=218902

Reviewed by Antti Koivisto.

LayoutTests/imported/w3c:

By virtue of animation a host of new properties, we run an extra 551 tests and pass 518 of them.

  • web-platform-tests/css/css-logical/animations/float-interpolation-expected.txt:
  • web-platform-tests/css/css-position/animations/position-interpolation-expected.txt:
  • web-platform-tests/css/css-transitions/properties-value-003-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-001-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-002-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-001-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-002-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-001-expected.txt:
  • web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-002-expected.txt:

Source/WebCore:

Add support for discrete animation of the following properties:

-webkit-backface-visibility, -webkit-box-decoration-break, -webkit-hyphens, -webkit-initial-letter,
-webkit-print-color-adjust, -webkit-ruby-position, -webkit-text-emphasis-color, -webkit-text-emphasis-position,
border-bottom-style, border-collapse, border-left-style, border-right-style, border-top-style, box-sizing,
caption-side, clear, column-fill, column-rule-style, column-rule-style, cursor, empty-cells, flex-direction,
flex-wrap, float, grid-auto-columns, grid-auto-flow, grid-auto-rows, grid-column-end, grid-column-start,
grid-row-end, grid-row-start, image-orientation, isolation, justify-content, justify-items, justify-self,
list-style-position, list-style-type, mix-blend-mode, object-fit, outline-style, overflow-wrap, overflow-x,
overflow-y, page-break-after, page-break-before, page-break-inside, paint-order, pointer-events, position,
resize, table-layout, text-align, text-decoration-color, text-decoration-line, text-decoration-style,
text-overflow, text-transform, touch-action, transform-box, transform-style, white-space, word-break.

  • Sources.txt:
  • WebCore.xcodeproj/project.pbxproj:
  • animation/CSSPropertyAnimation.cpp:

(WebCore::CSSPropertyAnimationWrapperMap::CSSPropertyAnimationWrapperMap):

  • rendering/style/GridPosition.cpp:

(WebCore::operator<<):

  • rendering/style/GridPosition.h:
  • rendering/style/GridTrackSize.cpp: Added.

(WebCore::operator<<):

  • rendering/style/GridTrackSize.h:
Location:
trunk
Files:
1 added
17 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/imported/w3c/ChangeLog

    r269785 r269812  
     12020-11-13  Antoine Quint  <graouts@webkit.org>
     2
     3        Add support for discrete animations of many CSS properties
     4        https://bugs.webkit.org/show_bug.cgi?id=218902
     5
     6        Reviewed by Antti Koivisto.
     7
     8        By virtue of animation a host of new properties, we run an extra 551 tests and pass 518 of them.
     9
     10        * web-platform-tests/css/css-logical/animations/float-interpolation-expected.txt:
     11        * web-platform-tests/css/css-position/animations/position-interpolation-expected.txt:
     12        * web-platform-tests/css/css-transitions/properties-value-003-expected.txt:
     13        * web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-001-expected.txt:
     14        * web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-002-expected.txt:
     15        * web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-001-expected.txt:
     16        * web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-002-expected.txt:
     17        * web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-001-expected.txt:
     18        * web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-002-expected.txt:
     19
    1202020-11-12  Darin Adler  <darin@apple.com>
    221

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-logical/animations/float-interpolation-expected.txt

    r267650 r269812  
    11
    2 PASS CSS Transitions: property <float> from [left] to [right] at (-0.3) should be [right]
    3 PASS CSS Transitions: property <float> from [left] to [right] at (0) should be [right]
    4 PASS CSS Transitions: property <float> from [left] to [right] at (0.3) should be [right]
     2FAIL CSS Transitions: property <float> from [left] to [right] at (-0.3) should be [right] assert_equals: expected "right " but got "left "
     3FAIL CSS Transitions: property <float> from [left] to [right] at (0) should be [right] assert_equals: expected "right " but got "left "
     4FAIL CSS Transitions: property <float> from [left] to [right] at (0.3) should be [right] assert_equals: expected "right " but got "left "
    55PASS CSS Transitions: property <float> from [left] to [right] at (0.5) should be [right]
    66PASS CSS Transitions: property <float> from [left] to [right] at (0.6) should be [right]
    77PASS CSS Transitions: property <float> from [left] to [right] at (1) should be [right]
    88PASS CSS Transitions: property <float> from [left] to [right] at (1.5) should be [right]
    9 PASS CSS Transitions with transition: all: property <float> from [left] to [right] at (-0.3) should be [right]
    10 PASS CSS Transitions with transition: all: property <float> from [left] to [right] at (0) should be [right]
    11 PASS CSS Transitions with transition: all: property <float> from [left] to [right] at (0.3) should be [right]
     9FAIL CSS Transitions with transition: all: property <float> from [left] to [right] at (-0.3) should be [right] assert_equals: expected "right " but got "left "
     10FAIL CSS Transitions with transition: all: property <float> from [left] to [right] at (0) should be [right] assert_equals: expected "right " but got "left "
     11FAIL CSS Transitions with transition: all: property <float> from [left] to [right] at (0.3) should be [right] assert_equals: expected "right " but got "left "
    1212PASS CSS Transitions with transition: all: property <float> from [left] to [right] at (0.5) should be [right]
    1313PASS CSS Transitions with transition: all: property <float> from [left] to [right] at (0.6) should be [right]
    1414PASS CSS Transitions with transition: all: property <float> from [left] to [right] at (1) should be [right]
    1515PASS CSS Transitions with transition: all: property <float> from [left] to [right] at (1.5) should be [right]
    16 FAIL CSS Animations: property <float> from [left] to [right] at (-0.3) should be [left] assert_equals: expected "left " but got "none "
    17 FAIL CSS Animations: property <float> from [left] to [right] at (0) should be [left] assert_equals: expected "left " but got "none "
    18 FAIL CSS Animations: property <float> from [left] to [right] at (0.3) should be [left] assert_equals: expected "left " but got "none "
    19 FAIL CSS Animations: property <float> from [left] to [right] at (0.5) should be [right] assert_equals: expected "right " but got "none "
    20 FAIL CSS Animations: property <float> from [left] to [right] at (0.6) should be [right] assert_equals: expected "right " but got "none "
    21 FAIL CSS Animations: property <float> from [left] to [right] at (1) should be [right] assert_equals: expected "right " but got "none "
    22 FAIL CSS Animations: property <float> from [left] to [right] at (1.5) should be [right] assert_equals: expected "right " but got "none "
    23 FAIL Web Animations: property <float> from [left] to [right] at (-0.3) should be [left] assert_equals: expected "left " but got "none "
    24 FAIL Web Animations: property <float> from [left] to [right] at (0) should be [left] assert_equals: expected "left " but got "none "
    25 FAIL Web Animations: property <float> from [left] to [right] at (0.3) should be [left] assert_equals: expected "left " but got "none "
    26 FAIL Web Animations: property <float> from [left] to [right] at (0.5) should be [right] assert_equals: expected "right " but got "none "
    27 FAIL Web Animations: property <float> from [left] to [right] at (0.6) should be [right] assert_equals: expected "right " but got "none "
    28 FAIL Web Animations: property <float> from [left] to [right] at (1) should be [right] assert_equals: expected "right " but got "none "
    29 FAIL Web Animations: property <float> from [left] to [right] at (1.5) should be [right] assert_equals: expected "right " but got "none "
     16PASS CSS Animations: property <float> from [left] to [right] at (-0.3) should be [left]
     17PASS CSS Animations: property <float> from [left] to [right] at (0) should be [left]
     18PASS CSS Animations: property <float> from [left] to [right] at (0.3) should be [left]
     19PASS CSS Animations: property <float> from [left] to [right] at (0.5) should be [right]
     20PASS CSS Animations: property <float> from [left] to [right] at (0.6) should be [right]
     21PASS CSS Animations: property <float> from [left] to [right] at (1) should be [right]
     22PASS CSS Animations: property <float> from [left] to [right] at (1.5) should be [right]
     23PASS Web Animations: property <float> from [left] to [right] at (-0.3) should be [left]
     24PASS Web Animations: property <float> from [left] to [right] at (0) should be [left]
     25PASS Web Animations: property <float> from [left] to [right] at (0.3) should be [left]
     26PASS Web Animations: property <float> from [left] to [right] at (0.5) should be [right]
     27PASS Web Animations: property <float> from [left] to [right] at (0.6) should be [right]
     28PASS Web Animations: property <float> from [left] to [right] at (1) should be [right]
     29PASS Web Animations: property <float> from [left] to [right] at (1.5) should be [right]
    3030

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-position/animations/position-interpolation-expected.txt

    r267650 r269812  
    11
    2 PASS CSS Transitions: property <position> from [absolute] to [static] at (-0.3) should be [static]
    3 PASS CSS Transitions: property <position> from [absolute] to [static] at (0) should be [static]
    4 PASS CSS Transitions: property <position> from [absolute] to [static] at (0.3) should be [static]
     2FAIL CSS Transitions: property <position> from [absolute] to [static] at (-0.3) should be [static] assert_equals: expected "static " but got "absolute "
     3FAIL CSS Transitions: property <position> from [absolute] to [static] at (0) should be [static] assert_equals: expected "static " but got "absolute "
     4FAIL CSS Transitions: property <position> from [absolute] to [static] at (0.3) should be [static] assert_equals: expected "static " but got "absolute "
    55PASS CSS Transitions: property <position> from [absolute] to [static] at (0.5) should be [static]
    66PASS CSS Transitions: property <position> from [absolute] to [static] at (0.6) should be [static]
    77PASS CSS Transitions: property <position> from [absolute] to [static] at (1) should be [static]
    88PASS CSS Transitions: property <position> from [absolute] to [static] at (1.5) should be [static]
    9 PASS CSS Transitions with transition: all: property <position> from [absolute] to [static] at (-0.3) should be [static]
    10 PASS CSS Transitions with transition: all: property <position> from [absolute] to [static] at (0) should be [static]
    11 PASS CSS Transitions with transition: all: property <position> from [absolute] to [static] at (0.3) should be [static]
     9FAIL CSS Transitions with transition: all: property <position> from [absolute] to [static] at (-0.3) should be [static] assert_equals: expected "static " but got "absolute "
     10FAIL CSS Transitions with transition: all: property <position> from [absolute] to [static] at (0) should be [static] assert_equals: expected "static " but got "absolute "
     11FAIL CSS Transitions with transition: all: property <position> from [absolute] to [static] at (0.3) should be [static] assert_equals: expected "static " but got "absolute "
    1212PASS CSS Transitions with transition: all: property <position> from [absolute] to [static] at (0.5) should be [static]
    1313PASS CSS Transitions with transition: all: property <position> from [absolute] to [static] at (0.6) should be [static]
    1414PASS CSS Transitions with transition: all: property <position> from [absolute] to [static] at (1) should be [static]
    1515PASS CSS Transitions with transition: all: property <position> from [absolute] to [static] at (1.5) should be [static]
    16 FAIL CSS Animations: property <position> from [absolute] to [static] at (-0.3) should be [absolute] assert_equals: expected "absolute " but got "static "
    17 FAIL CSS Animations: property <position> from [absolute] to [static] at (0) should be [absolute] assert_equals: expected "absolute " but got "static "
    18 FAIL CSS Animations: property <position> from [absolute] to [static] at (0.3) should be [absolute] assert_equals: expected "absolute " but got "static "
     16PASS CSS Animations: property <position> from [absolute] to [static] at (-0.3) should be [absolute]
     17PASS CSS Animations: property <position> from [absolute] to [static] at (0) should be [absolute]
     18PASS CSS Animations: property <position> from [absolute] to [static] at (0.3) should be [absolute]
    1919PASS CSS Animations: property <position> from [absolute] to [static] at (0.5) should be [static]
    2020PASS CSS Animations: property <position> from [absolute] to [static] at (0.6) should be [static]
    2121PASS CSS Animations: property <position> from [absolute] to [static] at (1) should be [static]
    2222PASS CSS Animations: property <position> from [absolute] to [static] at (1.5) should be [static]
    23 FAIL Web Animations: property <position> from [absolute] to [static] at (-0.3) should be [absolute] assert_equals: expected "absolute " but got "static "
    24 FAIL Web Animations: property <position> from [absolute] to [static] at (0) should be [absolute] assert_equals: expected "absolute " but got "static "
    25 FAIL Web Animations: property <position> from [absolute] to [static] at (0.3) should be [absolute] assert_equals: expected "absolute " but got "static "
     23PASS Web Animations: property <position> from [absolute] to [static] at (-0.3) should be [absolute]
     24PASS Web Animations: property <position> from [absolute] to [static] at (0) should be [absolute]
     25PASS Web Animations: property <position> from [absolute] to [static] at (0.3) should be [absolute]
    2626PASS Web Animations: property <position> from [absolute] to [static] at (0.5) should be [static]
    2727PASS Web Animations: property <position> from [absolute] to [static] at (0.6) should be [static]
    … …  
    3131PASS CSS Animations: property <position> from neutral to [absolute] at (0) should be [static]
    3232PASS CSS Animations: property <position> from neutral to [absolute] at (0.25) should be [static]
    33 FAIL CSS Animations: property <position> from neutral to [absolute] at (0.5) should be [absolute] assert_equals: expected "absolute " but got "static "
    34 FAIL CSS Animations: property <position> from neutral to [absolute] at (0.75) should be [absolute] assert_equals: expected "absolute " but got "static "
    35 FAIL CSS Animations: property <position> from neutral to [absolute] at (1) should be [absolute] assert_equals: expected "absolute " but got "static "
    36 FAIL CSS Animations: property <position> from neutral to [absolute] at (2) should be [absolute] assert_equals: expected "absolute " but got "static "
     33PASS CSS Animations: property <position> from neutral to [absolute] at (0.5) should be [absolute]
     34PASS CSS Animations: property <position> from neutral to [absolute] at (0.75) should be [absolute]
     35PASS CSS Animations: property <position> from neutral to [absolute] at (1) should be [absolute]
     36PASS CSS Animations: property <position> from neutral to [absolute] at (2) should be [absolute]
    3737

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-transitions/properties-value-003-expected.txt

    r267650 r269812  
    4848FAIL marker-offset length(in) / values assert_not_equals: initial and target values may not match got disallowed value ""
    4949FAIL marker-offset length(in) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "marker-offset:2s" but got ""
    50 FAIL text-decoration-color color(rgba) / values assert_not_equals: must not be target value after start got disallowed value "rgba(10, 10, 10, 0.4)"
    51 FAIL text-decoration-color color(rgba) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "text-decoration-color:2s" but got ""
     50FAIL text-decoration-color color(rgba) / values assert_not_equals: may not be target value while transitioning on .transition got disallowed value "rgba(10, 10, 10, 0.4)"
     51PASS text-decoration-color color(rgba) / events
    5252PASS column-count integer(integer) / values
    5353PASS column-count integer(integer) / events
    … …  
    186186FAIL display display(block to inline-block) / values assert_not_equals: must not be target value after start got disallowed value "inline-block"
    187187FAIL display display(block to inline-block) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "display:2s" but got ""
    188 FAIL position position(static to absolute) / values assert_not_equals: must not be target value after start got disallowed value "absolute"
    189 FAIL position position(static to absolute) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "position:2s" but got ""
    190 FAIL position position(relative to absolute) / values assert_not_equals: must not be target value after start got disallowed value "absolute"
    191 FAIL position position(relative to absolute) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "position:2s" but got ""
    192 FAIL position position(absolute to fixed) / values assert_not_equals: must not be target value after start got disallowed value "fixed"
    193 FAIL position position(absolute to fixed) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "position:2s" but got ""
     188PASS position position(static to absolute) / values
     189PASS position position(static to absolute) / events
     190PASS position position(relative to absolute) / values
     191PASS position position(relative to absolute) / events
     192PASS position position(absolute to fixed) / values
     193PASS position position(absolute to fixed) / events
    194194Text sample
    195195

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-001-expected.txt

    r269624 r269812  
    2727FAIL border-bottom-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    2828FAIL border-bottom-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     29PASS border-bottom-style (type: discrete) has testAccumulation function
     30PASS border-bottom-style: "solid" onto "dotted"
     31PASS border-bottom-style: "dotted" onto "solid"
    2932PASS border-bottom-width (type: length) has testAccumulation function
    3033FAIL border-bottom-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    3134FAIL border-bottom-width: length of rem assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
     35PASS border-collapse (type: discrete) has testAccumulation function
     36PASS border-collapse: "separate" onto "collapse"
     37PASS border-collapse: "collapse" onto "separate"
    3238PASS border-image-source (type: discrete) has testAccumulation function
    3339PASS border-image-source: "url("http://localhost/test-2")" onto "url("http://localhost/test-1")"
    … …  
    4046FAIL border-left-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    4147FAIL border-left-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     48PASS border-left-style (type: discrete) has testAccumulation function
     49PASS border-left-style: "solid" onto "dotted"
     50PASS border-left-style: "dotted" onto "solid"
    4251PASS border-left-width (type: length) has testAccumulation function
    4352FAIL border-left-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    5059FAIL border-right-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    5160FAIL border-right-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     61PASS border-right-style (type: discrete) has testAccumulation function
     62PASS border-right-style: "solid" onto "dotted"
     63PASS border-right-style: "dotted" onto "solid"
    5264PASS border-right-width (type: length) has testAccumulation function
    5365FAIL border-right-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    6375FAIL border-top-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    6476FAIL border-top-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     77PASS border-top-style (type: discrete) has testAccumulation function
     78PASS border-top-style: "solid" onto "dotted"
     79PASS border-top-style: "dotted" onto "solid"
    6580PASS border-top-width (type: length) has testAccumulation function
    6681FAIL border-top-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    6883PASS box-shadow (type: boxShadowList) has testAccumulation function
    6984FAIL box-shadow: shadow assert_equals: The value should be rgb(240, 240, 240) 20px 20px 20px 20px at 0ms expected "rgb(240, 240, 240) 20px 20px 20px 20px" but got "rgb(120, 120, 120) 10px 10px 10px 10px"
     85PASS box-sizing (type: discrete) has testAccumulation function
     86PASS box-sizing: "border-box" onto "content-box"
     87PASS box-sizing: "content-box" onto "border-box"
     88PASS caption-side (type: discrete) has testAccumulation function
     89PASS caption-side: "bottom" onto "top"
     90PASS caption-side: "top" onto "bottom"
    7091PASS caret-color (type: color) has testAccumulation function
    7192FAIL caret-color supports animating as color of rgb() with overflowed  from and to values assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
    … …  
    7596FAIL caret-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    7697FAIL caret-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     98PASS clear (type: discrete) has testAccumulation function
     99PASS clear: "right" onto "left"
     100PASS clear: "left" onto "right"
    77101PASS clip (type: rect) has testAccumulation function
    78102FAIL clip: rect assert_equals: The value should be rect(110px, 110px, 110px, 110px) at 0ms expected "rect(110px, 110px, 110px, 110px)" but got "rect(10px, 10px, 10px, 10px)"
    … …  
    107131FAIL column-rule-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    108132FAIL column-rule-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     133PASS column-fill (type: discrete) has testAccumulation function
     134PASS column-fill: "balance" onto "auto"
     135PASS column-fill: "auto" onto "balance"
     136PASS column-rule-style (type: discrete) has testAccumulation function
     137PASS column-rule-style: "dotted" onto "none"
     138PASS column-rule-style: "none" onto "dotted"
    109139PASS column-rule-width (type: length) has testAccumulation function
    110140FAIL column-rule-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    116146PASS column-width: "1px" onto "auto"
    117147FAIL column-width: "auto" onto "1px" assert_equals: The value should be auto at 0ms expected "auto" but got "0px"
     148PASS cursor (type: discrete) has testAccumulation function
     149PASS cursor: "wait" onto "pointer"
     150PASS cursor: "pointer" onto "wait"
     151PASS empty-cells (type: discrete) has testAccumulation function
     152PASS empty-cells: "hide" onto "show"
     153PASS empty-cells: "show" onto "hide"
    118154PASS fill-opacity (type: opacity) has testAccumulation function
    119155FAIL fill-opacity: [0, 1] number assert_equals: The value should be 0.6 at 0ms expected "0.6" but got "0.30000001192092896"
    … …  
    137173PASS flex-basis: "10px" onto "auto"
    138174PASS flex-basis: "auto" onto "10px"
     175PASS flex-direction (type: discrete) has testAccumulation function
     176PASS flex-direction: "row-reverse" onto "row"
     177PASS flex-direction: "row" onto "row-reverse"
    139178PASS flex-grow (type: positiveNumber) has testAccumulation function
    140179FAIL flex-grow: positive number assert_equals: The value should be 2.2 at 0ms expected "2.2" but got "1.100000023841858"
    141180PASS flex-shrink (type: positiveNumber) has testAccumulation function
    142181FAIL flex-shrink: positive number assert_equals: The value should be 2.2 at 0ms expected "2.2" but got "1.100000023841858"
     182PASS flex-wrap (type: discrete) has testAccumulation function
     183PASS flex-wrap: "wrap" onto "nowrap"
     184PASS flex-wrap: "nowrap" onto "wrap"
    143185PASS flood-color (type: color) has testAccumulation function
    144186FAIL flood-color supports animating as color of rgb() with overflowed  from and to values assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
    … …  
    156198PASS font-style: "oblique" onto "italic"
    157199PASS font-style: "italic" onto "oblique"
     200PASS float (type: discrete) has testAccumulation function
     201PASS float: "right" onto "left"
     202PASS float: "left" onto "right"
    158203PASS font-variation-settings (type: fontVariationSettings) has testAccumulation function
    159204FAIL font-variation-settings with composite type accumulate assert_equals: The value should be "wght" 2.2 at 250ms expected "\"wght\" 2.2" but got "\"wght\" 1.2"
    … …  
    163208PASS font-variation-settings: "normal" onto ""wdth" 5"
    164209PASS font-variation-settings: ""wdth" 5" onto "normal"
     210PASS grid-auto-columns (type: discrete) has testAccumulation function
     211PASS grid-auto-columns: "5px" onto "1px"
     212PASS grid-auto-columns: "1px" onto "5px"
     213PASS grid-auto-flow (type: discrete) has testAccumulation function
     214PASS grid-auto-flow: "column" onto "row"
     215PASS grid-auto-flow: "row" onto "column"
     216PASS grid-auto-rows (type: discrete) has testAccumulation function
     217PASS grid-auto-rows: "5px" onto "1px"
     218PASS grid-auto-rows: "1px" onto "5px"
     219PASS grid-column-end (type: discrete) has testAccumulation function
     220PASS grid-column-end: "5" onto "1"
     221PASS grid-column-end: "1" onto "5"
     222PASS grid-column-start (type: discrete) has testAccumulation function
     223PASS grid-column-start: "5" onto "1"
     224PASS grid-column-start: "1" onto "5"
     225PASS grid-row-end (type: discrete) has testAccumulation function
     226PASS grid-row-end: "5" onto "1"
     227PASS grid-row-end: "1" onto "5"
     228PASS grid-row-start (type: discrete) has testAccumulation function
     229PASS grid-row-start: "5" onto "1"
     230PASS grid-row-start: "1" onto "5"
     231PASS image-orientation (type: discrete) has testAccumulation function
     232PASS image-orientation: "from-image" onto "none"
     233PASS image-orientation: "none" onto "from-image"
    165234

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/accumulation-per-property-002-expected.txt

    r268726 r269812  
    11
    22PASS Setup
     3PASS isolation (type: discrete) has testAccumulation function
     4PASS isolation: "isolate" onto "auto"
     5PASS isolation: "auto" onto "isolate"
     6PASS justify-content (type: discrete) has testAccumulation function
     7PASS justify-content: "end" onto "start"
     8PASS justify-content: "start" onto "end"
     9PASS justify-items (type: discrete) has testAccumulation function
     10PASS justify-items: "end" onto "start"
     11PASS justify-items: "start" onto "end"
     12PASS justify-self (type: discrete) has testAccumulation function
     13PASS justify-self: "end" onto "start"
     14PASS justify-self: "start" onto "end"
    315PASS letter-spacing (type: length) has testAccumulation function
    416FAIL letter-spacing: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    1426PASS list-style-image: "url("http://localhost/test-2")" onto "url("http://localhost/test-1")"
    1527PASS list-style-image: "url("http://localhost/test-1")" onto "url("http://localhost/test-2")"
     28PASS list-style-position (type: discrete) has testAccumulation function
     29PASS list-style-position: "outside" onto "inside"
     30PASS list-style-position: "inside" onto "outside"
     31PASS list-style-type (type: discrete) has testAccumulation function
     32PASS list-style-type: "square" onto "circle"
     33PASS list-style-type: "circle" onto "square"
     34PASS mix-blend-mode (type: discrete) has testAccumulation function
     35PASS mix-blend-mode: "screen" onto "multiply"
     36PASS mix-blend-mode: "multiply" onto "screen"
     37PASS object-fit (type: discrete) has testAccumulation function
     38PASS object-fit: "contain" onto "fill"
     39PASS object-fit: "fill" onto "contain"
    1640PASS order (type: integer) has testAccumulation function
    1741FAIL order: integer assert_equals: The value should be -3 at 0ms expected "-3" but got "-2"
    … …  
    2650FAIL outline-offset: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    2751FAIL outline-offset: length of rem assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
     52PASS outline-style (type: discrete) has testAccumulation function
     53PASS outline-style: "dotted" onto "none"
     54PASS outline-style: "none" onto "dotted"
    2855PASS outline-width (type: length) has testAccumulation function
    2956FAIL outline-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    3057FAIL outline-width: length of rem assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
     58PASS overflow-wrap (type: discrete) has testAccumulation function
     59PASS overflow-wrap: "break-word" onto "normal"
     60PASS overflow-wrap: "normal" onto "break-word"
     61PASS overflow-x (type: discrete) has testAccumulation function
     62PASS overflow-x: "hidden" onto "visible"
     63PASS overflow-x: "visible" onto "hidden"
     64PASS overflow-y (type: discrete) has testAccumulation function
     65PASS overflow-y: "hidden" onto "visible"
     66PASS overflow-y: "visible" onto "hidden"
     67PASS page-break-after (type: discrete) has testAccumulation function
     68PASS page-break-after: "auto" onto "always"
     69FAIL page-break-after: "always" onto "auto" assert_equals: The value should be always at 0ms expected "always" but got "auto"
     70PASS page-break-before (type: discrete) has testAccumulation function
     71PASS page-break-before: "auto" onto "always"
     72FAIL page-break-before: "always" onto "auto" assert_equals: The value should be always at 0ms expected "always" but got "auto"
     73PASS page-break-inside (type: discrete) has testAccumulation function
     74FAIL page-break-inside: "avoid" onto "auto" assert_equals: The value should be avoid at 0ms expected "avoid" but got "auto"
     75PASS page-break-inside: "auto" onto "avoid"
     76PASS paint-order (type: discrete) has testAccumulation function
     77PASS paint-order: "stroke" onto "fill"
     78PASS paint-order: "fill" onto "stroke"
    3179PASS perspective (type: length) has testAccumulation function
    3280FAIL perspective: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    3381FAIL perspective: length of rem assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
     82PASS pointer-events (type: discrete) has testAccumulation function
     83PASS pointer-events: "none" onto "fill"
     84PASS pointer-events: "fill" onto "none"
     85PASS position (type: discrete) has testAccumulation function
     86PASS position: "fixed" onto "absolute"
     87PASS position: "absolute" onto "fixed"
     88PASS resize (type: discrete) has testAccumulation function
     89PASS resize: "horizontal" onto "both"
     90PASS resize: "both" onto "horizontal"
    3491PASS shape-outside (type: discrete) has testAccumulation function
    3592PASS shape-outside: "url("http://localhost/test-2")" onto "url("http://localhost/test-1")"
    … …  
    55112FAIL stroke-opacity: [0, 1] number assert_equals: The value should be 0.6 at 0ms expected "0.6" but got "0.30000001192092896"
    56113FAIL stroke-opacity: [0, 1] number (clamped) assert_equals: The value should be 1 at 0ms expected "1" but got "0.30000001192092896"
     114PASS table-layout (type: discrete) has testAccumulation function
     115PASS table-layout: "fixed" onto "auto"
     116PASS table-layout: "auto" onto "fixed"
     117PASS text-align (type: discrete) has testAccumulation function
     118PASS text-align: "end" onto "start"
     119PASS text-align: "start" onto "end"
     120PASS text-decoration-color (type: color) has testAccumulation function
     121FAIL text-decoration-color supports animating as color of rgb() with overflowed  from and to values assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
     122FAIL text-decoration-color supports animating as color of #RGB assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
     123FAIL text-decoration-color supports animating as color of hsl() assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
     124FAIL text-decoration-color supports animating as color of #RGBa assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     125FAIL text-decoration-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     126FAIL text-decoration-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     127PASS text-decoration-line (type: discrete) has testAccumulation function
     128PASS text-decoration-line: "overline" onto "underline"
     129PASS text-decoration-line: "underline" onto "overline"
     130PASS text-decoration-style (type: discrete) has testAccumulation function
     131PASS text-decoration-style: "dotted" onto "solid"
     132PASS text-decoration-style: "solid" onto "dotted"
     133PASS text-overflow (type: discrete) has testAccumulation function
     134PASS text-overflow: "ellipsis" onto "clip"
     135PASS text-overflow: "clip" onto "ellipsis"
    57136PASS text-shadow (type: textShadowList) has testAccumulation function
    58137FAIL text-shadow: shadow assert_equals: The value should be rgb(240, 240, 240) 20px 20px 20px at 0ms expected "rgb(240, 240, 240) 20px 20px 20px" but got "rgb(120, 120, 120) 10px 10px 10px"
     138PASS text-transform (type: discrete) has testAccumulation function
     139PASS text-transform: "uppercase" onto "capitalize"
     140PASS text-transform: "capitalize" onto "uppercase"
     141PASS touch-action (type: discrete) has testAccumulation function
     142PASS touch-action: "none" onto "auto"
     143PASS touch-action: "auto" onto "none"
    59144PASS transform (type: transformList) has testAccumulation function
    60145FAIL transform: translate assert_approx_equals: expected matrix(1, 0, 0, 1, -100, 0) but got matrix(1, 0, 0, 1, -200, 0): The value should be matrix(1, 0, 0, 1, -100, 0) at 0ms but got matrix(1, 0, 0, 1, -200, 0) expected -100 +/- 0.0001 but got -200
    … …  
    76161FAIL transform: non-invertible matrices in mismatched transform lists (non-invertible onto invertible) assert_approx_equals: expected matrix(1, 1, 1, 1, 100, 100) but got matrix(1, 1, 1, 1, 150, 50): The value should be matrix(1, 1, 1, 1, 100, 100) at 0ms but got matrix(1, 1, 1, 1, 150, 50) expected 100 +/- 0.0001 but got 150
    77162PASS transform: non-invertible matrices in mismatched transform lists (invertible onto non-invertible)
     163PASS transform-box (type: discrete) has testAccumulation function
     164PASS transform-box: "border-box" onto "fill-box"
     165PASS transform-box: "fill-box" onto "border-box"
     166PASS transform-style (type: discrete) has testAccumulation function
     167PASS transform-style: "preserve-3d" onto "flat"
     168PASS transform-style: "flat" onto "preserve-3d"
    78169PASS rotate (type: rotateList) has testAccumulation function
    79170FAIL rotate without rotation axes assert_equals: The value should be -45deg at 0ms expected "-45deg" but got "-90deg"
    … …  
    90181PASS visibility: onto "visible"
    91182PASS visibility: onto "hidden"
     183PASS white-space (type: discrete) has testAccumulation function
     184PASS white-space: "nowrap" onto "pre"
     185PASS white-space: "pre" onto "nowrap"
     186PASS word-break (type: discrete) has testAccumulation function
     187PASS word-break: "break-all" onto "keep-all"
     188PASS word-break: "keep-all" onto "break-all"
    92189PASS word-spacing (type: lengthPercentageOrCalc) has testAccumulation function
    93190FAIL word-spacing: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-001-expected.txt

    r269624 r269812  
    2727FAIL border-bottom-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    2828FAIL border-bottom-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     29PASS border-bottom-style (type: discrete) has testAddition function
     30PASS border-bottom-style: "solid" onto "dotted"
     31PASS border-bottom-style: "dotted" onto "solid"
    2932PASS border-bottom-width (type: length) has testAddition function
    3033FAIL border-bottom-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    3134FAIL border-bottom-width: length of rem assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
     35PASS border-collapse (type: discrete) has testAddition function
     36PASS border-collapse: "separate" onto "collapse"
     37PASS border-collapse: "collapse" onto "separate"
    3238PASS border-image-source (type: discrete) has testAddition function
    3339PASS border-image-source: "url("http://localhost/test-2")" onto "url("http://localhost/test-1")"
    … …  
    4046FAIL border-left-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    4147FAIL border-left-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     48PASS border-left-style (type: discrete) has testAddition function
     49PASS border-left-style: "solid" onto "dotted"
     50PASS border-left-style: "dotted" onto "solid"
    4251PASS border-left-width (type: length) has testAddition function
    4352FAIL border-left-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    5059FAIL border-right-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    5160FAIL border-right-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     61PASS border-right-style (type: discrete) has testAddition function
     62PASS border-right-style: "solid" onto "dotted"
     63PASS border-right-style: "dotted" onto "solid"
    5264PASS border-right-width (type: length) has testAddition function
    5365FAIL border-right-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    6375FAIL border-top-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    6476FAIL border-top-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     77PASS border-top-style (type: discrete) has testAddition function
     78PASS border-top-style: "solid" onto "dotted"
     79PASS border-top-style: "dotted" onto "solid"
    6580PASS border-top-width (type: length) has testAddition function
    6681FAIL border-top-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    6883PASS box-shadow (type: boxShadowList) has testAddition function
    6984FAIL box-shadow: shadow assert_equals: The value should be rgb(0, 0, 0) 0px 0px 0px 0px, rgb(120, 120, 120) 10px 10px 10px 0px at 0ms expected "rgb(0, 0, 0) 0px 0px 0px 0px, rgb(120, 120, 120) 10px 10px 10px 0px" but got "rgb(120, 120, 120) 10px 10px 10px 0px"
     85PASS box-sizing (type: discrete) has testAddition function
     86PASS box-sizing: "border-box" onto "content-box"
     87PASS box-sizing: "content-box" onto "border-box"
     88PASS caption-side (type: discrete) has testAddition function
     89PASS caption-side: "bottom" onto "top"
     90PASS caption-side: "top" onto "bottom"
    7091PASS caret-color (type: color) has testAddition function
    7192FAIL caret-color supports animating as color of rgb() with overflowed  from and to values assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
    … …  
    7596FAIL caret-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    7697FAIL caret-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     98PASS clear (type: discrete) has testAddition function
     99PASS clear: "right" onto "left"
     100PASS clear: "left" onto "right"
    77101PASS clip (type: rect) has testAddition function
    78102FAIL clip: rect assert_equals: The value should be rect(110px, 110px, 110px, 110px) at 0ms expected "rect(110px, 110px, 110px, 110px)" but got "rect(10px, 10px, 10px, 10px)"
    … …  
    107131FAIL column-rule-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
    108132FAIL column-rule-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     133PASS column-fill (type: discrete) has testAddition function
     134PASS column-fill: "balance" onto "auto"
     135PASS column-fill: "auto" onto "balance"
     136PASS column-rule-style (type: discrete) has testAddition function
     137PASS column-rule-style: "dotted" onto "none"
     138PASS column-rule-style: "none" onto "dotted"
    109139PASS column-rule-width (type: length) has testAddition function
    110140FAIL column-rule-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    116146PASS column-width: "1px" onto "auto"
    117147FAIL column-width: "auto" onto "1px" assert_equals: The value should be auto at 0ms expected "auto" but got "0px"
     148PASS cursor (type: discrete) has testAddition function
     149PASS cursor: "wait" onto "pointer"
     150PASS cursor: "pointer" onto "wait"
     151PASS empty-cells (type: discrete) has testAddition function
     152PASS empty-cells: "hide" onto "show"
     153PASS empty-cells: "show" onto "hide"
    118154PASS fill-opacity (type: opacity) has testAddition function
    119155FAIL fill-opacity: [0, 1] number assert_equals: The value should be 0.6 at 0ms expected "0.6" but got "0.30000001192092896"
    … …  
    137173PASS flex-basis: "10px" onto "auto"
    138174PASS flex-basis: "auto" onto "10px"
     175PASS flex-direction (type: discrete) has testAddition function
     176PASS flex-direction: "row-reverse" onto "row"
     177PASS flex-direction: "row" onto "row-reverse"
    139178PASS flex-grow (type: positiveNumber) has testAddition function
    140179FAIL flex-grow: positive number assert_equals: The value should be 2.2 at 0ms expected "2.2" but got "1.100000023841858"
    141180PASS flex-shrink (type: positiveNumber) has testAddition function
    142181FAIL flex-shrink: positive number assert_equals: The value should be 2.2 at 0ms expected "2.2" but got "1.100000023841858"
     182PASS flex-wrap (type: discrete) has testAddition function
     183PASS flex-wrap: "wrap" onto "nowrap"
     184PASS flex-wrap: "nowrap" onto "wrap"
    143185PASS flood-color (type: color) has testAddition function
    144186FAIL flood-color supports animating as color of rgb() with overflowed  from and to values assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
    … …  
    156198PASS font-style: "oblique" onto "italic"
    157199PASS font-style: "italic" onto "oblique"
     200PASS float (type: discrete) has testAddition function
     201PASS float: "right" onto "left"
     202PASS float: "left" onto "right"
    158203PASS font-variation-settings (type: fontVariationSettings) has testAddition function
    159204FAIL font-variation-settings with composite type add assert_equals: The value should be "wght" 2.2 at 250ms expected "\"wght\" 2.2" but got "\"wght\" 1.2"
    … …  
    163208PASS font-variation-settings: "normal" onto ""wdth" 5"
    164209PASS font-variation-settings: ""wdth" 5" onto "normal"
     210PASS grid-auto-columns (type: discrete) has testAddition function
     211PASS grid-auto-columns: "5px" onto "1px"
     212PASS grid-auto-columns: "1px" onto "5px"
     213PASS grid-auto-flow (type: discrete) has testAddition function
     214PASS grid-auto-flow: "column" onto "row"
     215PASS grid-auto-flow: "row" onto "column"
     216PASS grid-auto-rows (type: discrete) has testAddition function
     217PASS grid-auto-rows: "5px" onto "1px"
     218PASS grid-auto-rows: "1px" onto "5px"
     219PASS grid-column-end (type: discrete) has testAddition function
     220PASS grid-column-end: "5" onto "1"
     221PASS grid-column-end: "1" onto "5"
     222PASS grid-column-start (type: discrete) has testAddition function
     223PASS grid-column-start: "5" onto "1"
     224PASS grid-column-start: "1" onto "5"
     225PASS grid-row-end (type: discrete) has testAddition function
     226PASS grid-row-end: "5" onto "1"
     227PASS grid-row-end: "1" onto "5"
     228PASS grid-row-start (type: discrete) has testAddition function
     229PASS grid-row-start: "5" onto "1"
     230PASS grid-row-start: "1" onto "5"
     231PASS image-orientation (type: discrete) has testAddition function
     232PASS image-orientation: "from-image" onto "none"
     233PASS image-orientation: "none" onto "from-image"
    165234

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/addition-per-property-002-expected.txt

    r268726 r269812  
    11
    22PASS Setup
     3PASS isolation (type: discrete) has testAddition function
     4PASS isolation: "isolate" onto "auto"
     5PASS isolation: "auto" onto "isolate"
     6PASS justify-content (type: discrete) has testAddition function
     7PASS justify-content: "end" onto "start"
     8PASS justify-content: "start" onto "end"
     9PASS justify-items (type: discrete) has testAddition function
     10PASS justify-items: "end" onto "start"
     11PASS justify-items: "start" onto "end"
     12PASS justify-self (type: discrete) has testAddition function
     13PASS justify-self: "end" onto "start"
     14PASS justify-self: "start" onto "end"
    315PASS letter-spacing (type: length) has testAddition function
    416FAIL letter-spacing: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    … …  
    1426PASS list-style-image: "url("http://localhost/test-2")" onto "url("http://localhost/test-1")"
    1527PASS list-style-image: "url("http://localhost/test-1")" onto "url("http://localhost/test-2")"
     28PASS list-style-position (type: discrete) has testAddition function
     29PASS list-style-position: "outside" onto "inside"
     30PASS list-style-position: "inside" onto "outside"
     31PASS list-style-type (type: discrete) has testAddition function
     32PASS list-style-type: "square" onto "circle"
     33PASS list-style-type: "circle" onto "square"
     34PASS mix-blend-mode (type: discrete) has testAddition function
     35PASS mix-blend-mode: "screen" onto "multiply"
     36PASS mix-blend-mode: "multiply" onto "screen"
     37PASS object-fit (type: discrete) has testAddition function
     38PASS object-fit: "contain" onto "fill"
     39PASS object-fit: "fill" onto "contain"
    1640PASS order (type: integer) has testAddition function
    1741FAIL order: integer assert_equals: The value should be -3 at 0ms expected "-3" but got "-2"
    … …  
    2650FAIL outline-offset: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    2751FAIL outline-offset: length of rem assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
     52PASS outline-style (type: discrete) has testAddition function
     53PASS outline-style: "dotted" onto "none"
     54PASS outline-style: "none" onto "dotted"
    2855PASS outline-width (type: length) has testAddition function
    2956FAIL outline-width: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    3057FAIL outline-width: length of rem assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
     58PASS overflow-wrap (type: discrete) has testAddition function
     59PASS overflow-wrap: "break-word" onto "normal"
     60PASS overflow-wrap: "normal" onto "break-word"
     61PASS overflow-x (type: discrete) has testAddition function
     62PASS overflow-x: "hidden" onto "visible"
     63PASS overflow-x: "visible" onto "hidden"
     64PASS overflow-y (type: discrete) has testAddition function
     65PASS overflow-y: "hidden" onto "visible"
     66PASS overflow-y: "visible" onto "hidden"
     67PASS page-break-after (type: discrete) has testAddition function
     68PASS page-break-after: "auto" onto "always"
     69FAIL page-break-after: "always" onto "auto" assert_equals: The value should be always at 0ms expected "always" but got "auto"
     70PASS page-break-before (type: discrete) has testAddition function
     71PASS page-break-before: "auto" onto "always"
     72FAIL page-break-before: "always" onto "auto" assert_equals: The value should be always at 0ms expected "always" but got "auto"
     73PASS page-break-inside (type: discrete) has testAddition function
     74FAIL page-break-inside: "avoid" onto "auto" assert_equals: The value should be avoid at 0ms expected "avoid" but got "auto"
     75PASS page-break-inside: "auto" onto "avoid"
     76PASS paint-order (type: discrete) has testAddition function
     77PASS paint-order: "stroke" onto "fill"
     78PASS paint-order: "fill" onto "stroke"
    3179PASS perspective (type: length) has testAddition function
    3280FAIL perspective: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
    3381FAIL perspective: length of rem assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"
     82PASS pointer-events (type: discrete) has testAddition function
     83PASS pointer-events: "none" onto "fill"
     84PASS pointer-events: "fill" onto "none"
     85PASS position (type: discrete) has testAddition function
     86PASS position: "fixed" onto "absolute"
     87PASS position: "absolute" onto "fixed"
     88PASS resize (type: discrete) has testAddition function
     89PASS resize: "horizontal" onto "both"
     90PASS resize: "both" onto "horizontal"
    3491PASS shape-outside (type: discrete) has testAddition function
    3592PASS shape-outside: "url("http://localhost/test-2")" onto "url("http://localhost/test-1")"
    … …  
    55112FAIL stroke-opacity: [0, 1] number assert_equals: The value should be 0.6 at 0ms expected "0.6" but got "0.30000001192092896"
    56113FAIL stroke-opacity: [0, 1] number (clamped) assert_equals: The value should be 1 at 0ms expected "1" but got "0.30000001192092896"
     114PASS table-layout (type: discrete) has testAddition function
     115PASS table-layout: "fixed" onto "auto"
     116PASS table-layout: "auto" onto "fixed"
     117PASS text-align (type: discrete) has testAddition function
     118PASS text-align: "end" onto "start"
     119PASS text-align: "start" onto "end"
     120PASS text-decoration-color (type: color) has testAddition function
     121FAIL text-decoration-color supports animating as color of rgb() with overflowed  from and to values assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
     122FAIL text-decoration-color supports animating as color of #RGB assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
     123FAIL text-decoration-color supports animating as color of hsl() assert_equals: The value should be rgb(255, 128, 128) at 0ms expected "rgb(255, 128, 128)" but got "rgb(255, 0, 0)"
     124FAIL text-decoration-color supports animating as color of #RGBa assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     125FAIL text-decoration-color supports animating as color of rgba() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     126FAIL text-decoration-color supports animating as color of hsla() assert_equals: The value should be rgb(230, 128, 128) at 0ms expected "rgb(230, 128, 128)" but got "rgba(255, 0, 0, 0.4)"
     127PASS text-decoration-line (type: discrete) has testAddition function
     128PASS text-decoration-line: "overline" onto "underline"
     129PASS text-decoration-line: "underline" onto "overline"
     130PASS text-decoration-style (type: discrete) has testAddition function
     131PASS text-decoration-style: "dotted" onto "solid"
     132PASS text-decoration-style: "solid" onto "dotted"
     133PASS text-overflow (type: discrete) has testAddition function
     134PASS text-overflow: "ellipsis" onto "clip"
     135PASS text-overflow: "clip" onto "ellipsis"
    57136PASS text-shadow (type: textShadowList) has testAddition function
    58137FAIL text-shadow: shadow assert_equals: The value should be rgb(0, 0, 0) 0px 0px 0px, rgb(120, 120, 120) 10px 10px 10px at 0ms expected "rgb(0, 0, 0) 0px 0px 0px, rgb(120, 120, 120) 10px 10px 10px" but got "rgb(120, 120, 120) 10px 10px 10px"
     138PASS text-transform (type: discrete) has testAddition function
     139PASS text-transform: "uppercase" onto "capitalize"
     140PASS text-transform: "capitalize" onto "uppercase"
     141PASS touch-action (type: discrete) has testAddition function
     142PASS touch-action: "none" onto "auto"
     143PASS touch-action: "auto" onto "none"
    59144PASS transform (type: transformList) has testAddition function
    60145FAIL transform: translate assert_approx_equals: expected matrix(1, 0, 0, 1, -100, 0) but got matrix(1, 0, 0, 1, -200, 0): The value should be matrix(1, 0, 0, 1, -100, 0) at 0ms but got matrix(1, 0, 0, 1, -200, 0) expected -100 +/- 0.0001 but got -200
    … …  
    71156FAIL transform: non-invertible matrices in matched transform lists assert_approx_equals: expected matrix(0, -1, 1, 0, 250, 0) but got matrix(0, -1, 1, 0, 200, 0): The value should be matrix(0, -1, 1, 0, 250, 0) at 0ms but got matrix(0, -1, 1, 0, 200, 0) expected 250 +/- 0.0001 but got 200
    72157FAIL transform: non-invertible matrices in mismatched transform lists assert_approx_equals: expected matrix(-2, 0, 0, -2, 250, 0) but got matrix(-2, 0, 0, -2, 200, 0): The value should be matrix(-2, 0, 0, -2, 250, 0) at 0ms but got matrix(-2, 0, 0, -2, 200, 0) expected 250 +/- 0.0001 but got 200
     158PASS transform-box (type: discrete) has testAddition function
     159PASS transform-box: "border-box" onto "fill-box"
     160PASS transform-box: "fill-box" onto "border-box"
     161PASS transform-style (type: discrete) has testAddition function
     162PASS transform-style: "preserve-3d" onto "flat"
     163PASS transform-style: "flat" onto "preserve-3d"
    73164PASS rotate (type: rotateList) has testAddition function
    74165FAIL rotate without rotation axes assert_equals: The value should be -45deg at 0ms expected "-45deg" but got "-90deg"
    … …  
    86177PASS visibility: onto "visible"
    87178PASS visibility: onto "hidden"
     179PASS white-space (type: discrete) has testAddition function
     180PASS white-space: "nowrap" onto "pre"
     181PASS white-space: "pre" onto "nowrap"
     182PASS word-break (type: discrete) has testAddition function
     183PASS word-break: "break-all" onto "keep-all"
     184PASS word-break: "keep-all" onto "break-all"
    88185PASS word-spacing (type: lengthPercentageOrCalc) has testAddition function
    89186FAIL word-spacing: length assert_equals: The value should be 20px at 0ms expected "20px" but got "10px"

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-001-expected.txt

    r269624 r269812  
    3131PASS border-bottom-color supports animating as color of rgba()
    3232PASS border-bottom-color supports animating as color of hsla()
     33PASS border-bottom-style (type: discrete) has testInterpolation function
     34PASS border-bottom-style uses discrete animation when animating between "dotted" and "solid" with linear easing
     35PASS border-bottom-style uses discrete animation when animating between "dotted" and "solid" with effect easing
     36PASS border-bottom-style uses discrete animation when animating between "dotted" and "solid" with keyframe easing
    3337PASS border-bottom-width (type: length) has testInterpolation function
    3438PASS border-bottom-width supports animating as a length
    3539PASS border-bottom-width supports animating as a length of rem
     40PASS border-collapse (type: discrete) has testInterpolation function
     41PASS border-collapse uses discrete animation when animating between "collapse" and "separate" with linear easing
     42PASS border-collapse uses discrete animation when animating between "collapse" and "separate" with effect easing
     43PASS border-collapse uses discrete animation when animating between "collapse" and "separate" with keyframe easing
    3644PASS border-image-source (type: discrete) has testInterpolation function
    3745FAIL border-image-source uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easing assert_equals: The value should be url("http://localhost/test-1") at 499ms expected "url(\"http://localhost/test-1\")" but got "url(\"http://localhost/test-2\")"
    … …  
    4553PASS border-left-color supports animating as color of rgba()
    4654PASS border-left-color supports animating as color of hsla()
     55PASS border-left-style (type: discrete) has testInterpolation function
     56PASS border-left-style uses discrete animation when animating between "dotted" and "solid" with linear easing
     57PASS border-left-style uses discrete animation when animating between "dotted" and "solid" with effect easing
     58PASS border-left-style uses discrete animation when animating between "dotted" and "solid" with keyframe easing
    4759PASS border-left-width (type: length) has testInterpolation function
    4860PASS border-left-width supports animating as a length
    … …  
    5567PASS border-right-color supports animating as color of rgba()
    5668PASS border-right-color supports animating as color of hsla()
     69PASS border-right-style (type: discrete) has testInterpolation function
     70PASS border-right-style uses discrete animation when animating between "dotted" and "solid" with linear easing
     71PASS border-right-style uses discrete animation when animating between "dotted" and "solid" with effect easing
     72PASS border-right-style uses discrete animation when animating between "dotted" and "solid" with keyframe easing
    5773PASS border-right-width (type: length) has testInterpolation function
    5874PASS border-right-width supports animating as a length
    … …  
    6884PASS border-top-color supports animating as color of rgba()
    6985PASS border-top-color supports animating as color of hsla()
     86PASS border-top-style (type: discrete) has testInterpolation function
     87PASS border-top-style uses discrete animation when animating between "dotted" and "solid" with linear easing
     88PASS border-top-style uses discrete animation when animating between "dotted" and "solid" with effect easing
     89PASS border-top-style uses discrete animation when animating between "dotted" and "solid" with keyframe easing
    7090PASS border-top-width (type: length) has testInterpolation function
    7191PASS border-top-width supports animating as a length
    … …  
    7999PASS box-shadow: mismatched list length (from longer to shorter)
    80100PASS box-shadow: with currentcolor
     101PASS box-sizing (type: discrete) has testInterpolation function
     102PASS box-sizing uses discrete animation when animating between "content-box" and "border-box" with linear easing
     103PASS box-sizing uses discrete animation when animating between "content-box" and "border-box" with effect easing
     104PASS box-sizing uses discrete animation when animating between "content-box" and "border-box" with keyframe easing
     105PASS caption-side (type: discrete) has testInterpolation function
     106PASS caption-side uses discrete animation when animating between "top" and "bottom" with linear easing
     107PASS caption-side uses discrete animation when animating between "top" and "bottom" with effect easing
     108PASS caption-side uses discrete animation when animating between "top" and "bottom" with keyframe easing
    81109PASS caret-color (type: color) has testInterpolation function
    82110PASS caret-color supports animating as color of rgb()
    … …  
    86114PASS caret-color supports animating as color of rgba()
    87115PASS caret-color supports animating as color of hsla()
     116PASS clear (type: discrete) has testInterpolation function
     117PASS clear uses discrete animation when animating between "left" and "right" with linear easing
     118PASS clear uses discrete animation when animating between "left" and "right" with effect easing
     119PASS clear uses discrete animation when animating between "left" and "right" with keyframe easing
    88120PASS clip (type: rect) has testInterpolation function
    89121FAIL clip supports animating as a rect assert_equals: The value should be rect(30px, 30px, 30px, 30px) at 500ms expected "rect(30px, 30px, 30px, 30px)" but got "auto"
    … …  
    122154PASS column-rule-color supports animating as color of rgba()
    123155PASS column-rule-color supports animating as color of hsla()
     156PASS column-fill (type: discrete) has testInterpolation function
     157PASS column-fill uses discrete animation when animating between "auto" and "balance" with linear easing
     158PASS column-fill uses discrete animation when animating between "auto" and "balance" with effect easing
     159PASS column-fill uses discrete animation when animating between "auto" and "balance" with keyframe easing
     160PASS column-rule-style (type: discrete) has testInterpolation function
     161PASS column-rule-style uses discrete animation when animating between "none" and "dotted" with linear easing
     162PASS column-rule-style uses discrete animation when animating between "none" and "dotted" with effect easing
     163PASS column-rule-style uses discrete animation when animating between "none" and "dotted" with keyframe easing
    124164PASS column-rule-width (type: length) has testInterpolation function
    125165PASS column-rule-width supports animating as a length
    … …  
    132172FAIL column-width uses discrete animation when animating between "auto" and "1px" with effect easing assert_equals: The value should be auto at 0ms expected "auto" but got "0px"
    133173FAIL column-width uses discrete animation when animating between "auto" and "1px" with keyframe easing assert_equals: The value should be auto at 0ms expected "auto" but got "0px"
     174PASS cursor (type: discrete) has testInterpolation function
     175PASS cursor uses discrete animation when animating between "pointer" and "wait" with linear easing
     176PASS cursor uses discrete animation when animating between "pointer" and "wait" with effect easing
     177PASS cursor uses discrete animation when animating between "pointer" and "wait" with keyframe easing
     178PASS empty-cells (type: discrete) has testInterpolation function
     179PASS empty-cells uses discrete animation when animating between "show" and "hide" with linear easing
     180PASS empty-cells uses discrete animation when animating between "show" and "hide" with effect easing
     181PASS empty-cells uses discrete animation when animating between "show" and "hide" with keyframe easing
    134182PASS fill-opacity (type: opacity) has testInterpolation function
    135183FAIL fill-opacity supports animating as a [0, 1] number assert_equals: The value should be 0.55 at 500ms expected "0.55" but got "0.550000011920929"
    … …  
    159207PASS flex-basis uses discrete animation when animating between "auto" and "10px" with effect easing
    160208PASS flex-basis uses discrete animation when animating between "auto" and "10px" with keyframe easing
     209PASS flex-direction (type: discrete) has testInterpolation function
     210PASS flex-direction uses discrete animation when animating between "row" and "row-reverse" with linear easing
     211PASS flex-direction uses discrete animation when animating between "row" and "row-reverse" with effect easing
     212PASS flex-direction uses discrete animation when animating between "row" and "row-reverse" with keyframe easing
    161213PASS flex-grow (type: positiveNumber) has testInterpolation function
    162214FAIL flex-grow supports animating as a positive number assert_equals: The value should be 1.3 at 500ms expected "1.3" but got "1.2999999523162842"
    163215PASS flex-shrink (type: positiveNumber) has testInterpolation function
    164216FAIL flex-shrink supports animating as a positive number assert_equals: The value should be 1.3 at 500ms expected "1.3" but got "1.2999999523162842"
     217PASS flex-wrap (type: discrete) has testInterpolation function
     218PASS flex-wrap uses discrete animation when animating between "nowrap" and "wrap" with linear easing
     219PASS flex-wrap uses discrete animation when animating between "nowrap" and "wrap" with effect easing
     220PASS flex-wrap uses discrete animation when animating between "nowrap" and "wrap" with keyframe easing
    165221PASS flood-color (type: color) has testInterpolation function
    166222PASS flood-color supports animating as color of rgb()
    … …  
    178234PASS font-style uses discrete animation when animating between "italic" and "oblique" with effect easing
    179235PASS font-style uses discrete animation when animating between "italic" and "oblique" with keyframe easing
     236PASS float (type: discrete) has testInterpolation function
     237PASS float uses discrete animation when animating between "left" and "right" with linear easing
     238PASS float uses discrete animation when animating between "left" and "right" with effect easing
     239PASS float uses discrete animation when animating between "left" and "right" with keyframe easing
    180240PASS font-variation-settings (type: fontVariationSettings) has testInterpolation function
    181241PASS font-variation-settings supports animation as float
    … …  
    189249FAIL font-variation-settings uses discrete animation when animating between ""wdth" 5" and "normal" with effect easing assert_equals: The value should be "wdth" 5 at 0ms expected "\"wdth\" 5" but got "normal"
    190250FAIL font-variation-settings uses discrete animation when animating between ""wdth" 5" and "normal" with keyframe easing assert_equals: The value should be "wdth" 5 at 0ms expected "\"wdth\" 5" but got "normal"
     251PASS grid-auto-columns (type: discrete) has testInterpolation function
     252PASS grid-auto-columns uses discrete animation when animating between "1px" and "5px" with linear easing
     253PASS grid-auto-columns uses discrete animation when animating between "1px" and "5px" with effect easing
     254PASS grid-auto-columns uses discrete animation when animating between "1px" and "5px" with keyframe easing
     255PASS grid-auto-flow (type: discrete) has testInterpolation function
     256PASS grid-auto-flow uses discrete animation when animating between "row" and "column" with linear easing
     257PASS grid-auto-flow uses discrete animation when animating between "row" and "column" with effect easing
     258PASS grid-auto-flow uses discrete animation when animating between "row" and "column" with keyframe easing
     259PASS grid-auto-rows (type: discrete) has testInterpolation function
     260PASS grid-auto-rows uses discrete animation when animating between "1px" and "5px" with linear easing
     261PASS grid-auto-rows uses discrete animation when animating between "1px" and "5px" with effect easing
     262PASS grid-auto-rows uses discrete animation when animating between "1px" and "5px" with keyframe easing
     263PASS grid-column-end (type: discrete) has testInterpolation function
     264PASS grid-column-end uses discrete animation when animating between "1" and "5" with linear easing
     265PASS grid-column-end uses discrete animation when animating between "1" and "5" with effect easing
     266PASS grid-column-end uses discrete animation when animating between "1" and "5" with keyframe easing
     267PASS grid-column-start (type: discrete) has testInterpolation function
     268PASS grid-column-start uses discrete animation when animating between "1" and "5" with linear easing
     269PASS grid-column-start uses discrete animation when animating between "1" and "5" with effect easing
     270PASS grid-column-start uses discrete animation when animating between "1" and "5" with keyframe easing
     271PASS grid-row-end (type: discrete) has testInterpolation function
     272PASS grid-row-end uses discrete animation when animating between "1" and "5" with linear easing
     273PASS grid-row-end uses discrete animation when animating between "1" and "5" with effect easing
     274PASS grid-row-end uses discrete animation when animating between "1" and "5" with keyframe easing
     275PASS grid-row-start (type: discrete) has testInterpolation function
     276PASS grid-row-start uses discrete animation when animating between "1" and "5" with linear easing
     277PASS grid-row-start uses discrete animation when animating between "1" and "5" with effect easing
     278PASS grid-row-start uses discrete animation when animating between "1" and "5" with keyframe easing
     279PASS image-orientation (type: discrete) has testInterpolation function
     280PASS image-orientation uses discrete animation when animating between "none" and "from-image" with linear easing
     281PASS image-orientation uses discrete animation when animating between "none" and "from-image" with effect easing
     282PASS image-orientation uses discrete animation when animating between "none" and "from-image" with keyframe easing
    191283

  • trunk/LayoutTests/imported/w3c/web-platform-tests/web-animations/animation-model/animation-types/interpolation-per-property-002-expected.txt

    r268726 r269812  
    11
    22PASS Setup
     3PASS isolation (type: discrete) has testInterpolation function
     4PASS isolation uses discrete animation when animating between "auto" and "isolate" with linear easing
     5PASS isolation uses discrete animation when animating between "auto" and "isolate" with effect easing
     6PASS isolation uses discrete animation when animating between "auto" and "isolate" with keyframe easing
     7PASS justify-content (type: discrete) has testInterpolation function
     8PASS justify-content uses discrete animation when animating between "start" and "end" with linear easing
     9PASS justify-content uses discrete animation when animating between "start" and "end" with effect easing
     10PASS justify-content uses discrete animation when animating between "start" and "end" with keyframe easing
     11PASS justify-items (type: discrete) has testInterpolation function
     12PASS justify-items uses discrete animation when animating between "start" and "end" with linear easing
     13PASS justify-items uses discrete animation when animating between "start" and "end" with effect easing
     14PASS justify-items uses discrete animation when animating between "start" and "end" with keyframe easing
     15PASS justify-self (type: discrete) has testInterpolation function
     16PASS justify-self uses discrete animation when animating between "start" and "end" with linear easing
     17PASS justify-self uses discrete animation when animating between "start" and "end" with effect easing
     18PASS justify-self uses discrete animation when animating between "start" and "end" with keyframe easing
    319PASS letter-spacing (type: length) has testInterpolation function
    420PASS letter-spacing supports animating as a length
    … …  
    1531FAIL list-style-image uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with effect easing assert_equals: The value should be url("http://localhost/test-1") at 940ms expected "url(\"http://localhost/test-1\")" but got "url(\"http://localhost/test-2\")"
    1632FAIL list-style-image uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with keyframe easing assert_equals: The value should be url("http://localhost/test-1") at 940ms expected "url(\"http://localhost/test-1\")" but got "url(\"http://localhost/test-2\")"
     33PASS list-style-position (type: discrete) has testInterpolation function
     34PASS list-style-position uses discrete animation when animating between "inside" and "outside" with linear easing
     35PASS list-style-position uses discrete animation when animating between "inside" and "outside" with effect easing
     36PASS list-style-position uses discrete animation when animating between "inside" and "outside" with keyframe easing
     37PASS list-style-type (type: discrete) has testInterpolation function
     38PASS list-style-type uses discrete animation when animating between "circle" and "square" with linear easing
     39PASS list-style-type uses discrete animation when animating between "circle" and "square" with effect easing
     40PASS list-style-type uses discrete animation when animating between "circle" and "square" with keyframe easing
     41PASS mix-blend-mode (type: discrete) has testInterpolation function
     42PASS mix-blend-mode uses discrete animation when animating between "multiply" and "screen" with linear easing
     43PASS mix-blend-mode uses discrete animation when animating between "multiply" and "screen" with effect easing
     44PASS mix-blend-mode uses discrete animation when animating between "multiply" and "screen" with keyframe easing
     45PASS object-fit (type: discrete) has testInterpolation function
     46PASS object-fit uses discrete animation when animating between "fill" and "contain" with linear easing
     47PASS object-fit uses discrete animation when animating between "fill" and "contain" with effect easing
     48PASS object-fit uses discrete animation when animating between "fill" and "contain" with keyframe easing
    1749PASS order (type: integer) has testInterpolation function
    1850PASS order supports animating as an integer
    … …  
    2759PASS outline-offset supports animating as a length
    2860PASS outline-offset supports animating as a length of rem
     61PASS outline-style (type: discrete) has testInterpolation function
     62PASS outline-style uses discrete animation when animating between "none" and "dotted" with linear easing
     63PASS outline-style uses discrete animation when animating between "none" and "dotted" with effect easing
     64PASS outline-style uses discrete animation when animating between "none" and "dotted" with keyframe easing
    2965PASS outline-width (type: length) has testInterpolation function
    3066PASS outline-width supports animating as a length
    3167PASS outline-width supports animating as a length of rem
     68PASS overflow-wrap (type: discrete) has testInterpolation function
     69PASS overflow-wrap uses discrete animation when animating between "normal" and "break-word" with linear easing
     70PASS overflow-wrap uses discrete animation when animating between "normal" and "break-word" with effect easing
     71PASS overflow-wrap uses discrete animation when animating between "normal" and "break-word" with keyframe easing
     72PASS overflow-x (type: discrete) has testInterpolation function
     73PASS overflow-x uses discrete animation when animating between "visible" and "hidden" with linear easing
     74PASS overflow-x uses discrete animation when animating between "visible" and "hidden" with effect easing
     75PASS overflow-x uses discrete animation when animating between "visible" and "hidden" with keyframe easing
     76PASS overflow-y (type: discrete) has testInterpolation function
     77PASS overflow-y uses discrete animation when animating between "visible" and "hidden" with linear easing
     78PASS overflow-y uses discrete animation when animating between "visible" and "hidden" with effect easing
     79PASS overflow-y uses discrete animation when animating between "visible" and "hidden" with keyframe easing
     80PASS page-break-after (type: discrete) has testInterpolation function
     81FAIL page-break-after uses discrete animation when animating between "always" and "auto" with linear easing assert_equals: The value should be always at 0ms expected "always" but got "auto"
     82FAIL page-break-after uses discrete animation when animating between "always" and "auto" with effect easing assert_equals: The value should be always at 0ms expected "always" but got "auto"
     83FAIL page-break-after uses discrete animation when animating between "always" and "auto" with keyframe easing assert_equals: The value should be always at 0ms expected "always" but got "auto"
     84PASS page-break-before (type: discrete) has testInterpolation function
     85FAIL page-break-before uses discrete animation when animating between "always" and "auto" with linear easing assert_equals: The value should be always at 0ms expected "always" but got "auto"
     86FAIL page-break-before uses discrete animation when animating between "always" and "auto" with effect easing assert_equals: The value should be always at 0ms expected "always" but got "auto"
     87FAIL page-break-before uses discrete animation when animating between "always" and "auto" with keyframe easing assert_equals: The value should be always at 0ms expected "always" but got "auto"
     88PASS page-break-inside (type: discrete) has testInterpolation function
     89FAIL page-break-inside uses discrete animation when animating between "auto" and "avoid" with linear easing assert_equals: The value should be avoid at 500ms expected "avoid" but got "auto"
     90FAIL page-break-inside uses discrete animation when animating between "auto" and "avoid" with effect easing assert_equals: The value should be avoid at 960ms expected "avoid" but got "auto"
     91FAIL page-break-inside uses discrete animation when animating between "auto" and "avoid" with keyframe easing assert_equals: The value should be avoid at 960ms expected "avoid" but got "auto"
     92PASS paint-order (type: discrete) has testInterpolation function
     93PASS paint-order uses discrete animation when animating between "fill" and "stroke" with linear easing
     94PASS paint-order uses discrete animation when animating between "fill" and "stroke" with effect easing
     95PASS paint-order uses discrete animation when animating between "fill" and "stroke" with keyframe easing
    3296PASS perspective (type: length) has testInterpolation function
    3397PASS perspective supports animating as a length
    3498PASS perspective supports animating as a length of rem
     99PASS pointer-events (type: discrete) has testInterpolation function
     100PASS pointer-events uses discrete animation when animating between "fill" and "none" with linear easing
     101PASS pointer-events uses discrete animation when animating between "fill" and "none" with effect easing
     102PASS pointer-events uses discrete animation when animating between "fill" and "none" with keyframe easing
     103PASS position (type: discrete) has testInterpolation function
     104PASS position uses discrete animation when animating between "absolute" and "fixed" with linear easing
     105PASS position uses discrete animation when animating between "absolute" and "fixed" with effect easing
     106PASS position uses discrete animation when animating between "absolute" and "fixed" with keyframe easing
     107PASS resize (type: discrete) has testInterpolation function
     108PASS resize uses discrete animation when animating between "both" and "horizontal" with linear easing
     109PASS resize uses discrete animation when animating between "both" and "horizontal" with effect easing
     110PASS resize uses discrete animation when animating between "both" and "horizontal" with keyframe easing
    35111PASS shape-outside (type: discrete) has testInterpolation function
    36112FAIL shape-outside uses discrete animation when animating between "url("http://localhost/test-1")" and "url("http://localhost/test-2")" with linear easing assert_equals: The value should be url("http://localhost/test-1") at 0ms expected "url(\"http://localhost/test-1\")" but got "url(\"http://localhost/test-2\")"
    … …  
    59135PASS stroke-opacity (type: opacity) has testInterpolation function
    60136FAIL stroke-opacity supports animating as a [0, 1] number assert_equals: The value should be 0.55 at 500ms expected "0.55" but got "0.550000011920929"
     137PASS table-layout (type: discrete) has testInterpolation function
     138PASS table-layout uses discrete animation when animating between "auto" and "fixed" with linear easing
     139PASS table-layout uses discrete animation when animating between "auto" and "fixed" with effect easing
     140PASS table-layout uses discrete animation when animating between "auto" and "fixed" with keyframe easing
     141PASS text-align (type: discrete) has testInterpolation function
     142PASS text-align uses discrete animation when animating between "start" and "end" with linear easing
     143PASS text-align uses discrete animation when animating between "start" and "end" with effect easing
     144PASS text-align uses discrete animation when animating between "start" and "end" with keyframe easing
     145PASS text-decoration-color (type: color) has testInterpolation function
     146FAIL text-decoration-color supports animating as color of rgb() assert_equals: The value should be rgb(128, 0, 128) at 500ms expected "rgb(128, 0, 128)" but got "rgb(0, 0, 255)"
     147FAIL text-decoration-color supports animating as color of #RGB assert_equals: The value should be rgb(128, 0, 128) at 500ms expected "rgb(128, 0, 128)" but got "rgb(0, 0, 255)"
     148FAIL text-decoration-color supports animating as color of hsl() assert_equals: The value should be rgb(128, 0, 128) at 500ms expected "rgb(128, 0, 128)" but got "rgb(0, 0, 255)"
     149FAIL text-decoration-color supports animating as color of #RGBa assert_equals: The value should be rgba(85, 0, 170, 0.6) at 500ms expected "rgba(85, 0, 170, 0.6)" but got "rgba(0, 0, 255, 0.8)"
     150FAIL text-decoration-color supports animating as color of rgba() assert_equals: The value should be rgba(85, 0, 170, 0.6) at 500ms expected "rgba(85, 0, 170, 0.6)" but got "rgba(0, 0, 255, 0.8)"
     151FAIL text-decoration-color supports animating as color of hsla() assert_equals: The value should be rgba(85, 0, 170, 0.6) at 500ms expected "rgba(85, 0, 170, 0.6)" but got "rgba(0, 0, 255, 0.8)"
     152PASS text-decoration-line (type: discrete) has testInterpolation function
     153PASS text-decoration-line uses discrete animation when animating between "underline" and "overline" with linear easing
     154PASS text-decoration-line uses discrete animation when animating between "underline" and "overline" with effect easing
     155PASS text-decoration-line uses discrete animation when animating between "underline" and "overline" with keyframe easing
     156PASS text-decoration-style (type: discrete) has testInterpolation function
     157PASS text-decoration-style uses discrete animation when animating between "solid" and "dotted" with linear easing
     158PASS text-decoration-style uses discrete animation when animating between "solid" and "dotted" with effect easing
     159PASS text-decoration-style uses discrete animation when animating between "solid" and "dotted" with keyframe easing
     160PASS text-overflow (type: discrete) has testInterpolation function
     161PASS text-overflow uses discrete animation when animating between "clip" and "ellipsis" with linear easing
     162PASS text-overflow uses discrete animation when animating between "clip" and "ellipsis" with effect easing
     163PASS text-overflow uses discrete animation when animating between "clip" and "ellipsis" with keyframe easing
    61164PASS text-shadow (type: textShadowList) has testInterpolation function
    62165PASS text-shadow: from none to other
    … …  
    67170PASS text-shadow: mismatched list length (from shorter to longer)
    68171PASS text-shadow: with currentcolor
     172PASS text-transform (type: discrete) has testInterpolation function
     173PASS text-transform uses discrete animation when animating between "capitalize" and "uppercase" with linear easing
     174PASS text-transform uses discrete animation when animating between "capitalize" and "uppercase" with effect easing
     175PASS text-transform uses discrete animation when animating between "capitalize" and "uppercase" with keyframe easing
     176PASS touch-action (type: discrete) has testInterpolation function
     177PASS touch-action uses discrete animation when animating between "auto" and "none" with linear easing
     178PASS touch-action uses discrete animation when animating between "auto" and "none" with effect easing
     179PASS touch-action uses discrete animation when animating between "auto" and "none" with keyframe easing
    69180PASS transform (type: transformList) has testInterpolation function
    70181PASS transform: translate
    … …  
    86197FAIL transform: non-invertible matrices in mismatched transform lists assert_approx_equals: expected matrix(-2, 0, 0, -2, 250, 0) but got matrix(0.457235, 1.576158, -1.117609, -0.657221, 112.65025, 49.9): The value should be matrix(-2, 0, 0, -2, 250, 0) at 499ms but got matrix(0.457235, 1.576158, -1.117609, -0.657221, 112.65025, 49.9) expected -2 +/- 0.0001 but got 0.457235
    87198PASS transform: perspective
     199PASS transform-box (type: discrete) has testInterpolation function
     200PASS transform-box uses discrete animation when animating between "fill-box" and "border-box" with linear easing
     201PASS transform-box uses discrete animation when animating between "fill-box" and "border-box" with effect easing
     202PASS transform-box uses discrete animation when animating between "fill-box" and "border-box" with keyframe easing
     203PASS transform-style (type: discrete) has testInterpolation function
     204PASS transform-style uses discrete animation when animating between "flat" and "preserve-3d" with linear easing
     205PASS transform-style uses discrete animation when animating between "flat" and "preserve-3d" with effect easing
     206PASS transform-style uses discrete animation when animating between "flat" and "preserve-3d" with keyframe easing
    88207PASS rotate (type: rotateList) has testInterpolation function
    89208PASS rotate without rotation axes
    … …  
    105224FAIL visibility uses visibility animation when animating from "hidden" to "collapse" assert_equals: The value should be hidden at 0ms expected "hidden" but got "collapse"
    106225PASS visibility uses visibility animation when animating from "visible" to "hidden" with easeInOutBack easing
     226PASS white-space (type: discrete) has testInterpolation function
     227PASS white-space uses discrete animation when animating between "pre" and "nowrap" with linear easing
     228PASS white-space uses discrete animation when animating between "pre" and "nowrap" with effect easing
     229PASS white-space uses discrete animation when animating between "pre" and "nowrap" with keyframe easing
     230PASS word-break (type: discrete) has testInterpolation function
     231PASS word-break uses discrete animation when animating between "keep-all" and "break-all" with linear easing
     232PASS word-break uses discrete animation when animating between "keep-all" and "break-all" with effect easing
     233PASS word-break uses discrete animation when animating between "keep-all" and "break-all" with keyframe easing
    107234PASS word-spacing (type: lengthPercentageOrCalc) has testInterpolation function
    108235PASS word-spacing supports animating as a length

  • trunk/Source/WebCore/ChangeLog

    r269810 r269812  
     12020-11-13  Antoine Quint  <graouts@webkit.org>
     2
     3        Add support for discrete animations of many CSS properties
     4        https://bugs.webkit.org/show_bug.cgi?id=218902
     5
     6        Reviewed by Antti Koivisto.
     7
     8        Add support for discrete animation of the following properties:
     9
     10        -webkit-backface-visibility, -webkit-box-decoration-break, -webkit-hyphens, -webkit-initial-letter,
     11        -webkit-print-color-adjust, -webkit-ruby-position, -webkit-text-emphasis-color, -webkit-text-emphasis-position,
     12        border-bottom-style, border-collapse, border-left-style, border-right-style, border-top-style, box-sizing,
     13        caption-side, clear, column-fill, column-rule-style, column-rule-style, cursor, empty-cells, flex-direction,
     14        flex-wrap, float, grid-auto-columns, grid-auto-flow, grid-auto-rows, grid-column-end, grid-column-start,
     15        grid-row-end, grid-row-start, image-orientation, isolation, justify-content, justify-items, justify-self,
     16        list-style-position, list-style-type, mix-blend-mode, object-fit, outline-style, overflow-wrap, overflow-x,
     17        overflow-y, page-break-after, page-break-before, page-break-inside, paint-order, pointer-events, position,
     18        resize, table-layout, text-align, text-decoration-color, text-decoration-line, text-decoration-style,
     19        text-overflow, text-transform, touch-action, transform-box, transform-style, white-space, word-break.
     20
     21        * Sources.txt:
     22        * WebCore.xcodeproj/project.pbxproj:
     23        * animation/CSSPropertyAnimation.cpp:
     24        (WebCore::CSSPropertyAnimationWrapperMap::CSSPropertyAnimationWrapperMap):
     25        * rendering/style/GridPosition.cpp:
     26        (WebCore::operator<<):
     27        * rendering/style/GridPosition.h:
     28        * rendering/style/GridTrackSize.cpp: Added.
     29        (WebCore::operator<<):
     30        * rendering/style/GridTrackSize.h:
     31
    1322020-11-13  Sihui Liu  <sihui_liu@apple.com>
    233

  • trunk/Source/WebCore/Sources.txt

    r269785 r269812  
    22932293rendering/style/GridPosition.cpp
    22942294rendering/style/GridPositionsResolver.cpp
     2295rendering/style/GridTrackSize.cpp
    22952296rendering/style/KeyframeList.cpp
    22962297rendering/style/NinePieceImage.cpp

  • trunk/Source/WebCore/WebCore.xcodeproj/project.pbxproj

    r269785 r269812  
    99649964                71F05F7E2512440C0071E693 /* CSSPropertyAnimation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = CSSPropertyAnimation.h; sourceTree = "<group>"; };
    99659965                71F05F7F2512440D0071E693 /* CSSPropertyAnimation.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = CSSPropertyAnimation.cpp; sourceTree = "<group>"; };
     9966                71F6EE41255EDF9C00FC4C5B /* GridTrackSize.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = GridTrackSize.cpp; sourceTree = "<group>"; };
    99669967                71F936F71DD4F99B00922CC7 /* tracks-support.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; path = "tracks-support.js"; sourceTree = "<group>"; };
    99679968                71FF851822A3F81F005D5959 /* NavigatorMaxTouchPoints.idl */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = NavigatorMaxTouchPoints.idl; sourceTree = "<group>"; };
    … …  
    2684826849                                CDF7483C18FEBCEC0006ECC0 /* GridPositionsResolver.cpp */,
    2684926850                                CDF7483D18FEBCEC0006ECC0 /* GridPositionsResolver.h */,
     26851                                71F6EE41255EDF9C00FC4C5B /* GridTrackSize.cpp */,
    2685026852                                A12A104E166444DC008FA311 /* GridTrackSize.h */,
    2685126853                                BC5EBA0E0E823E4700B25965 /* KeyframeList.cpp */,

  • trunk/Source/WebCore/animation/CSSPropertyAnimation.cpp

    r269624 r269812  
    19011901        new PropertyWrapper<int>(CSSPropertyOrder, &RenderStyle::order, &RenderStyle::setOrder),
    19021902
     1903        // FIXME: The following properties are currently not animatable but should be:
     1904        // background-attachment, background-blend-mode,background-clip, background-origin,
     1905        // background-repeat, border-image-repeat, clip-rule, color-interpolation,
     1906        // color-interpolation-filters, counter-increment, counter-reset, dominant-baseline,
     1907        // fill-rule, font-family, font-feature-settings, font-kerning, font-language-override,
     1908        // font-synthesis, font-variant-alternates, font-variant-caps, font-variant-east-asian,
     1909        // font-variant-ligatures, font-variant-numeric, font-variant-position, grid-template-areas,
     1910        // ime-mode, marker-end, marker-mid, marker-start, mask, mask-clip, mask-composite, mask-image,
     1911        // mask-mode, mask-origin, mask-repeat, mask-type, offset-distance, perspective-origin, quotes,
     1912        // ruby-align, scroll-behavior, shape-rendering, stroke-linecap, stroke-linejoin, text-align-last,
     1913        // text-anchor, text-emphasis-style, text-rendering, vector-effect
    19031914        new DiscretePropertyWrapper<const StyleContentAlignmentData&>(CSSPropertyAlignContent, &RenderStyle::alignContent, &RenderStyle::setAlignContent),
    19041915        new DiscretePropertyWrapper<const StyleSelfAlignmentData&>(CSSPropertyAlignItems, &RenderStyle::alignItems, &RenderStyle::setAlignItems),
    19051916        new DiscretePropertyWrapper<const StyleSelfAlignmentData&>(CSSPropertyAlignSelf, &RenderStyle::alignSelf, &RenderStyle::setAlignSelf),
     1917        new DiscretePropertyWrapper<BackfaceVisibility>(CSSPropertyWebkitBackfaceVisibility, &RenderStyle::backfaceVisibility, &RenderStyle::setBackfaceVisibility),
     1918        new DiscretePropertyWrapper<BorderStyle>(CSSPropertyBorderBottomStyle, &RenderStyle::borderBottomStyle, &RenderStyle::setBorderBottomStyle),
     1919        new DiscretePropertyWrapper<BorderCollapse>(CSSPropertyBorderCollapse, &RenderStyle::borderCollapse, &RenderStyle::setBorderCollapse),
     1920        new DiscretePropertyWrapper<BorderStyle>(CSSPropertyBorderLeftStyle, &RenderStyle::borderLeftStyle, &RenderStyle::setBorderLeftStyle),
     1921        new DiscretePropertyWrapper<BorderStyle>(CSSPropertyBorderRightStyle, &RenderStyle::borderRightStyle, &RenderStyle::setBorderRightStyle),
     1922        new DiscretePropertyWrapper<BorderStyle>(CSSPropertyBorderTopStyle, &RenderStyle::borderTopStyle, &RenderStyle::setBorderTopStyle),
     1923        new DiscretePropertyWrapper<BoxSizing>(CSSPropertyBoxSizing, &RenderStyle::boxSizing, &RenderStyle::setBoxSizing),
     1924        new DiscretePropertyWrapper<CaptionSide>(CSSPropertyCaptionSide, &RenderStyle::captionSide, &RenderStyle::setCaptionSide),
     1925        new DiscretePropertyWrapper<Clear>(CSSPropertyClear, &RenderStyle::clear, &RenderStyle::setClear),
     1926        new DiscretePropertyWrapper<PrintColorAdjust>(CSSPropertyWebkitPrintColorAdjust, &RenderStyle::printColorAdjust, &RenderStyle::setPrintColorAdjust),
     1927        new DiscretePropertyWrapper<ColumnFill>(CSSPropertyColumnFill, &RenderStyle::columnFill, &RenderStyle::setColumnFill),
     1928        new DiscretePropertyWrapper<BorderStyle>(CSSPropertyColumnRuleStyle, &RenderStyle::columnRuleStyle, &RenderStyle::setColumnRuleStyle),
     1929        new DiscretePropertyWrapper<BorderStyle>(CSSPropertyColumnRuleStyle, &RenderStyle::columnRuleStyle, &RenderStyle::setColumnRuleStyle),
     1930        new DiscretePropertyWrapper<CursorType>(CSSPropertyCursor, &RenderStyle::cursor, &RenderStyle::setCursor),
     1931        new DiscretePropertyWrapper<EmptyCell>(CSSPropertyEmptyCells, &RenderStyle::emptyCells, &RenderStyle::setEmptyCells),
     1932        new DiscretePropertyWrapper<FlexDirection>(CSSPropertyFlexDirection, &RenderStyle::flexDirection, &RenderStyle::setFlexDirection),
     1933        new DiscretePropertyWrapper<FlexWrap>(CSSPropertyFlexWrap, &RenderStyle::flexWrap, &RenderStyle::setFlexWrap),
     1934        new DiscretePropertyWrapper<Float>(CSSPropertyFloat, &RenderStyle::floating, &RenderStyle::setFloating),
     1935        new DiscretePropertyWrapper<const Vector<GridTrackSize>&>(CSSPropertyGridAutoColumns, &RenderStyle::gridAutoColumns, &RenderStyle::setGridAutoColumns),
     1936        new DiscretePropertyWrapper<GridAutoFlow>(CSSPropertyGridAutoFlow, &RenderStyle::gridAutoFlow, &RenderStyle::setGridAutoFlow),
     1937        new DiscretePropertyWrapper<const Vector<GridTrackSize>&>(CSSPropertyGridAutoRows, &RenderStyle::gridAutoRows, &RenderStyle::setGridAutoRows),
     1938        new DiscretePropertyWrapper<const GridPosition&>(CSSPropertyGridColumnEnd, &RenderStyle::gridItemColumnEnd, &RenderStyle::setGridItemColumnEnd),
     1939        new DiscretePropertyWrapper<const GridPosition&>(CSSPropertyGridColumnStart, &RenderStyle::gridItemColumnStart, &RenderStyle::setGridItemColumnStart),
     1940        new DiscretePropertyWrapper<const GridPosition&>(CSSPropertyGridRowEnd, &RenderStyle::gridItemRowEnd, &RenderStyle::setGridItemRowEnd),
     1941        new DiscretePropertyWrapper<const GridPosition&>(CSSPropertyGridRowStart, &RenderStyle::gridItemRowStart, &RenderStyle::setGridItemRowStart),
     1942        new DiscretePropertyWrapper<Hyphens>(CSSPropertyWebkitHyphens, &RenderStyle::hyphens, &RenderStyle::setHyphens),
     1943        new DiscretePropertyWrapper<ImageOrientation>(CSSPropertyImageOrientation, &RenderStyle::imageOrientation, &RenderStyle::setImageOrientation),
     1944        new DiscretePropertyWrapper<const IntSize&>(CSSPropertyWebkitInitialLetter, &RenderStyle::initialLetter, &RenderStyle::setInitialLetter),
     1945        new DiscretePropertyWrapper<const StyleContentAlignmentData&>(CSSPropertyJustifyContent, &RenderStyle::justifyContent, &RenderStyle::setJustifyContent),
     1946        new DiscretePropertyWrapper<const StyleSelfAlignmentData&>(CSSPropertyJustifyItems, &RenderStyle::justifyItems, &RenderStyle::setJustifyItems),
     1947        new DiscretePropertyWrapper<const StyleSelfAlignmentData&>(CSSPropertyJustifySelf, &RenderStyle::justifySelf, &RenderStyle::setJustifySelf),
     1948        new DiscretePropertyWrapper<ListStylePosition>(CSSPropertyListStylePosition, &RenderStyle::listStylePosition, &RenderStyle::setListStylePosition),
     1949        new DiscretePropertyWrapper<ListStyleType>(CSSPropertyListStyleType, &RenderStyle::listStyleType, &RenderStyle::setListStyleType),
     1950        new DiscretePropertyWrapper<ObjectFit>(CSSPropertyObjectFit, &RenderStyle::objectFit, &RenderStyle::setObjectFit),
     1951        new DiscretePropertyWrapper<BorderStyle>(CSSPropertyOutlineStyle, &RenderStyle::outlineStyle, &RenderStyle::setOutlineStyle),
     1952        new DiscretePropertyWrapper<OverflowWrap>(CSSPropertyOverflowWrap, &RenderStyle::overflowWrap, &RenderStyle::setOverflowWrap),
     1953        new DiscretePropertyWrapper<Overflow>(CSSPropertyOverflowX, &RenderStyle::overflowX, &RenderStyle::setOverflowX),
     1954        new DiscretePropertyWrapper<Overflow>(CSSPropertyOverflowY, &RenderStyle::overflowY, &RenderStyle::setOverflowY),
     1955        new DiscretePropertyWrapper<BreakBetween>(CSSPropertyPageBreakAfter, &RenderStyle::breakAfter, &RenderStyle::setBreakAfter),
     1956        new DiscretePropertyWrapper<BreakBetween>(CSSPropertyPageBreakBefore, &RenderStyle::breakBefore, &RenderStyle::setBreakBefore),
     1957        new DiscretePropertyWrapper<BreakInside>(CSSPropertyPageBreakInside, &RenderStyle::breakInside, &RenderStyle::setBreakInside),
     1958        new DiscretePropertyWrapper<PaintOrder>(CSSPropertyPaintOrder, &RenderStyle::paintOrder, &RenderStyle::setPaintOrder),
     1959        new DiscretePropertyWrapper<PointerEvents>(CSSPropertyPointerEvents, &RenderStyle::pointerEvents, &RenderStyle::setPointerEvents),
     1960        new DiscretePropertyWrapper<PositionType>(CSSPropertyPosition, &RenderStyle::position, &RenderStyle::setPosition),
     1961        new DiscretePropertyWrapper<Resize>(CSSPropertyResize, &RenderStyle::resize, &RenderStyle::setResize),
     1962        new DiscretePropertyWrapper<RubyPosition>(CSSPropertyWebkitRubyPosition, &RenderStyle::rubyPosition, &RenderStyle::setRubyPosition),
     1963        new DiscretePropertyWrapper<TableLayoutType>(CSSPropertyTableLayout, &RenderStyle::tableLayout, &RenderStyle::setTableLayout),
     1964        new DiscretePropertyWrapper<TextAlignMode>(CSSPropertyTextAlign, &RenderStyle::textAlign, &RenderStyle::setTextAlign),
     1965        new DiscretePropertyWrapper<const Color&>(CSSPropertyTextDecorationColor, &RenderStyle::textDecorationColor, &RenderStyle::setTextDecorationColor),
     1966        new DiscretePropertyWrapper<OptionSet<TextDecoration>>(CSSPropertyTextDecorationLine, &RenderStyle::textDecoration, &RenderStyle::setTextDecoration),
     1967        new DiscretePropertyWrapper<TextDecorationStyle>(CSSPropertyTextDecorationStyle, &RenderStyle::textDecorationStyle, &RenderStyle::setTextDecorationStyle),
     1968        new DiscretePropertyWrapper<const Color&>(CSSPropertyWebkitTextEmphasisColor, &RenderStyle::textEmphasisColor, &RenderStyle::setTextEmphasisColor),
     1969        new DiscretePropertyWrapper<OptionSet<TextEmphasisPosition>>(CSSPropertyWebkitTextEmphasisPosition, &RenderStyle::textEmphasisPosition, &RenderStyle::setTextEmphasisPosition),
     1970        new DiscretePropertyWrapper<TextOverflow>(CSSPropertyTextOverflow, &RenderStyle::textOverflow, &RenderStyle::setTextOverflow),
     1971        new DiscretePropertyWrapper<OptionSet<TouchAction>>(CSSPropertyTouchAction, &RenderStyle::touchActions, &RenderStyle::setTouchActions),
     1972        new DiscretePropertyWrapper<TextTransform>(CSSPropertyTextTransform, &RenderStyle::textTransform, &RenderStyle::setTextTransform),
     1973        new DiscretePropertyWrapper<TransformBox>(CSSPropertyTransformBox, &RenderStyle::transformBox, &RenderStyle::setTransformBox),
     1974        new DiscretePropertyWrapper<TransformStyle3D>(CSSPropertyTransformStyle, &RenderStyle::transformStyle3D, &RenderStyle::setTransformStyle3D),
     1975        new DiscretePropertyWrapper<WhiteSpace>(CSSPropertyWhiteSpace, &RenderStyle::whiteSpace, &RenderStyle::setWhiteSpace),
     1976        new DiscretePropertyWrapper<WordBreak>(CSSPropertyWordBreak, &RenderStyle::wordBreak, &RenderStyle::setWordBreak),
     1977
     1978#if ENABLE(CSS_BOX_DECORATION_BREAK)
     1979        new DiscretePropertyWrapper<BoxDecorationBreak>(CSSPropertyWebkitBoxDecorationBreak, &RenderStyle::boxDecorationBreak, &RenderStyle::setBoxDecorationBreak),
     1980#endif
     1981#if ENABLE(CSS_COMPOSITING)
     1982        new DiscretePropertyWrapper<Isolation>(CSSPropertyIsolation, &RenderStyle::isolation, &RenderStyle::setIsolation),
     1983        new DiscretePropertyWrapper<BlendMode>(CSSPropertyMixBlendMode, &RenderStyle::blendMode, &RenderStyle::setBlendMode),
     1984#endif
    19061985    };
    19071986    const unsigned animatableLonghandPropertiesCount = WTF_ARRAY_LENGTH(animatableLonghandPropertyWrappers);

  • trunk/Source/WebCore/rendering/style/GridPosition.cpp

    r239461 r269812  
    104104}
    105105
     106TextStream& operator<<(TextStream& ts, const GridPosition& o)
     107{
     108    switch (o.type()) {
     109    case AutoPosition:
     110        return ts << "auto";
     111    case ExplicitPosition:
     112        return ts << o.namedGridLine() << " " << o.integerPosition();
     113    case SpanPosition:
     114        return ts << "span" << " " << o.namedGridLine() << " " << o.integerPosition();
     115    case NamedGridAreaPosition:
     116        return ts << o.namedGridLine();
     117    }
     118    return ts;
     119}
     120
    106121} // namespace WebCore

  • trunk/Source/WebCore/rendering/style/GridPosition.h

    r239427 r269812  
    9595};
    9696
     97WTF::TextStream& operator<<(WTF::TextStream&, const GridPosition&);
     98
    9799} // namespace WebCore

  • trunk/Source/WebCore/rendering/style/GridTrackSize.h

    r225776 r269812  
    144144};
    145145
     146WTF::TextStream& operator<<(WTF::TextStream&, const GridTrackSize&);
     147
    146148} // namespace WebCore
Note: See TracChangeset for help on using the changeset viewer.