Changeset 273635 in webkit


Ignore:
Timestamp:
Feb 28, 2021 3:59:49 AM (17 months ago)
Author:
graouts@webkit.org
Message:

Blending of border-image-width should be discrete between "auto" values and other types
​https://bugs.webkit.org/show_bug.cgi?id=222516

Reviewed by Dean Jackson.

LayoutTests/imported/w3c:

Pass an extra 22 WPT interpolation tests for border-image-width. We also get 3 new FAIL results
in css/css-transitions/properties-value-auto-001.html but that test seems incorrect in assuming
there can be a transition for "clip" between "auto" and a non-auto value, at least Chrome and
Firefox both fail the newly-failed tests.

Incidentally, we also get 50 new PASS results from css-grid tests.

  • web-platform-tests/css/css-backgrounds/animations/border-image-width-interpolation-expected.txt:
  • web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016-expected.txt:
  • web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007-expected.txt:
  • web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012-expected.txt:
  • web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014-expected.txt:
  • web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016-expected.txt:
  • web-platform-tests/css/css-transitions/properties-value-auto-001-expected.txt:

Source/WebCore:

The LengthBoxPropertyWrapper::canInterpolate() method checks whether the provided lengths are 0 to see if
they can be blended since 0 lengths can be blended with anything. However, currently Length::isZero() returns
true for "auto" values, which is incorrect, so we change the behavior of isZero() to not work when the type
is LengthType::Auto.

Incidentally, this makes a few css-grid tests progress as well.

  • platform/Length.h:

(WebCore::Length::isZero const):

Location:
trunk
Files:
10 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/imported/w3c/ChangeLog

    r273625 r273635  
     12021-02-28  Antoine Quint  <graouts@webkit.org>
     2
     3        Blending of border-image-width should be discrete between "auto" values and other types
     4        https://bugs.webkit.org/show_bug.cgi?id=222516
     5
     6        Reviewed by Dean Jackson.
     7
     8        Pass an extra 22 WPT interpolation tests for border-image-width. We also get 3 new FAIL results
     9        in css/css-transitions/properties-value-auto-001.html but that test seems incorrect in assuming
     10        there can be a transition for "clip" between "auto" and a non-auto value, at least Chrome and
     11        Firefox both fail the newly-failed tests.
     12
     13        Incidentally, we also get 50 new PASS results from css-grid tests.
     14
     15        * web-platform-tests/css/css-backgrounds/animations/border-image-width-interpolation-expected.txt:
     16        * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016-expected.txt:
     17        * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007-expected.txt:
     18        * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012-expected.txt:
     19        * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014-expected.txt:
     20        * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016-expected.txt:
     21        * web-platform-tests/css/css-transitions/properties-value-auto-001-expected.txt:
     22
    1232021-02-27  Antoine Quint  <graouts@webkit.org>
    224

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/border-image-width-interpolation-expected.txt

    r273623 r273635  
    320320PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1) should be [110px auto auto 120]
    321321PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto auto 120] at (1.5) should be [160px auto auto 170]
    322 FAIL CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "0px auto auto 20 "
    323 FAIL CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "10px auto auto 20 "
    324 FAIL CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "40px auto auto 20 "
    325 FAIL CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "60px auto 120 "
    326 FAIL CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "70px auto 120 "
     322PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [110px auto 120 auto]
     323PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [110px auto 120 auto]
     324PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [110px auto 120 auto]
     325PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
     326PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
    327327PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
    328 FAIL CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "160px auto 120 "
    329 FAIL CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "0px auto auto 20 "
    330 FAIL CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "10px auto auto 20 "
    331 FAIL CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "40px auto auto 20 "
    332 FAIL CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "60px auto 120 "
    333 FAIL CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "70px auto 120 "
     328PASS CSS Transitions: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
     329PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [110px auto 120 auto]
     330PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [110px auto 120 auto]
     331PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [110px auto 120 auto]
     332PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
     333PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
    334334PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
    335 FAIL CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "160px auto 120 "
    336 FAIL CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [10px auto auto 20] assert_equals: expected "10px auto auto 20 " but got "0px auto auto 20 "
     335PASS CSS Transitions with transition: all: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
     336PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [10px auto auto 20]
    337337PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [10px auto auto 20]
    338 FAIL CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [10px auto auto 20] assert_equals: expected "10px auto auto 20 " but got "40px auto auto 20 "
    339 FAIL CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "60px auto 120 "
    340 FAIL CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "70px auto 120 "
     338PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [10px auto auto 20]
     339PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
     340PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
    341341PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
    342 FAIL CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "160px auto 120 "
    343 FAIL Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [10px auto auto 20] assert_equals: expected "10px auto auto 20 " but got "0px auto auto 20 "
     342PASS CSS Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
     343PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (-0.3) should be [10px auto auto 20]
    344344PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0) should be [10px auto auto 20]
    345 FAIL Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [10px auto auto 20] assert_equals: expected "10px auto auto 20 " but got "40px auto auto 20 "
    346 FAIL Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "60px auto 120 "
    347 FAIL Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "70px auto 120 "
     345PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.3) should be [10px auto auto 20]
     346PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.5) should be [110px auto 120 auto]
     347PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (0.6) should be [110px auto 120 auto]
    348348PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1) should be [110px auto 120 auto]
    349 FAIL Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto] assert_equals: expected "110px auto 120 " but got "160px auto 120 "
     349PASS Web Animations: property <border-image-width> from [10px auto auto 20] to [110px auto 120 auto] at (1.5) should be [110px auto 120 auto]
    350350PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (-0.3) should be [20]
    351351PASS CSS Transitions: property <border-image-width> from [10px] to [20] at (0) should be [20]

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016-expected.txt

    r267650 r273635  
    11
    2 FAIL .grid 1 assert_equals:
    3 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    4 height expected 0 but got -50
     2PASS .grid 1
    53PASS .grid 2
    64PASS .grid 3
    … …  
    1210PASS .grid 9
    1311PASS .grid 10
    14 FAIL .grid 11 assert_equals:
    15 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    16 height expected 0 but got -50
     12PASS .grid 11
    1713PASS .grid 12
    1814PASS .grid 13
    … …  
    2420PASS .grid 19
    2521PASS .grid 20
    26 FAIL .grid 21 assert_equals:
    27 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    28 height expected 0 but got -50
     22PASS .grid 21
    2923PASS .grid 22
    3024PASS .grid 23
    … …  
    3630PASS .grid 29
    3731PASS .grid 30
    38 FAIL .grid 31 assert_equals:
    39 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    40 height expected 0 but got -50
     32PASS .grid 31
    4133PASS .grid 32
    4234PASS .grid 33
    … …  
    4840PASS .grid 39
    4941PASS .grid 40
    50 FAIL .grid 41 assert_equals:
    51 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    52 height expected 0 but got -50
     42PASS .grid 41
    5343PASS .grid 42
    5444PASS .grid 43
    … …  
    6050PASS .grid 49
    6151PASS .grid 50
    62 FAIL .grid 51 assert_equals:
    63 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    64 height expected 0 but got -50
     52PASS .grid 51
    6553PASS .grid 52
    6654PASS .grid 53
    … …  
    7260PASS .grid 59
    7361PASS .grid 60
    74 FAIL .grid 61 assert_equals:
    75 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    76 height expected 0 but got -50
     62PASS .grid 61
    7763PASS .grid 62
    7864PASS .grid 63
    … …  
    8470PASS .grid 69
    8571PASS .grid 70
    86 FAIL .grid 71 assert_equals:
    87 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    88 height expected 0 but got -50
     72PASS .grid 71
    8973PASS .grid 72
    9074PASS .grid 73
    … …  
    9680PASS .grid 79
    9781PASS .grid 80
    98 FAIL .grid 81 assert_equals:
    99 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    100 height expected 0 but got -50
     82PASS .grid 81
    10183PASS .grid 82
    10284PASS .grid 83
    … …  
    10890PASS .grid 89
    10991PASS .grid 90
    110 FAIL .grid 91 assert_equals:
    111 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="0" data-offset-x="530" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="0" data-offset-x="530" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    112 height expected 0 but got -50
     92PASS .grid 91
    11393PASS .grid 92
    11494PASS .grid 93

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007-expected.txt

    r267650 r273635  
    11
    2 FAIL .grid 1 assert_equals:
    3 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: auto 35px auto 25px;">XX</div></div></div>
    4 width expected 0 but got -55
    5 FAIL .grid 2 assert_equals:
    6 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; inset: auto 35px auto 25px;">XX</div></div></div>
    7 width expected 0 but got -55
    8 FAIL .grid 3 assert_equals:
    9 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; inset: auto 35px auto 25px;">XX</div></div></div>
    10 width expected 0 but got -55
    11 FAIL .grid 4 assert_equals:
    12 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; inset: auto 35px auto 25px;">XX</div></div></div>
    13 width expected 0 but got -55
    14 FAIL .grid 5 assert_equals:
    15 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; inset: auto 35px auto 25px;">XX</div></div></div>
    16 width expected 0 but got -55
    17 FAIL .grid 6 assert_equals:
    18 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; inset: auto 35px auto 25px;">XX</div></div></div>
    19 width expected 0 but got -55
    20 FAIL .grid 7 assert_equals:
    21 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; inset: auto 35px auto 25px;">XX</div></div></div>
    22 width expected 0 but got -55
    23 FAIL .grid 8 assert_equals:
    24 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; inset: auto 35px auto 25px;">XX</div></div></div>
    25 width expected 0 but got -55
    26 FAIL .grid 9 assert_equals:
    27 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; inset: auto 35px auto 25px;">XX</div></div></div>
    28 width expected 0 but got -55
    29 FAIL .grid 10 assert_equals:
    30 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; inset: auto 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; inset: auto 35px auto 25px;">XX</div></div></div>
    31 width expected 0 but got -55
     2PASS .grid 1
     3PASS .grid 2
     4PASS .grid 3
     5PASS .grid 4
     6PASS .grid 5
     7PASS .grid 6
     8PASS .grid 7
     9PASS .grid 8
     10PASS .grid 9
     11PASS .grid 10
    3212PASS .grid 11
    3313PASS .grid 12

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012-expected.txt

    r267650 r273635  
    11
    2 FAIL .grid 1 assert_equals:
    3 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px auto 25px;">XX</div></div></div>
    4 width expected 0 but got -55
    5 FAIL .grid 2 assert_equals:
    6 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; inset: 30px 35px auto 25px;">XX</div></div></div>
    7 width expected 0 but got -55
    8 FAIL .grid 3 assert_equals:
    9 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; inset: 30px 35px auto 25px;">XX</div></div></div>
    10 width expected 0 but got -55
    11 FAIL .grid 4 assert_equals:
    12 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; inset: 30px 35px auto 25px;">XX</div></div></div>
    13 width expected 0 but got -55
    14 FAIL .grid 5 assert_equals:
    15 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; inset: 30px 35px auto 25px;">XX</div></div></div>
    16 width expected 0 but got -55
    17 FAIL .grid 6 assert_equals:
    18 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; inset: 30px 35px auto 25px;">XX</div></div></div>
    19 width expected 0 but got -55
    20 FAIL .grid 7 assert_equals:
    21 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; inset: 30px 35px auto 25px;">XX</div></div></div>
    22 width expected 0 but got -55
    23 FAIL .grid 8 assert_equals:
    24 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; inset: 30px 35px auto 25px;">XX</div></div></div>
    25 width expected 0 but got -55
    26 FAIL .grid 9 assert_equals:
    27 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; inset: 30px 35px auto 25px;">XX</div></div></div>
    28 width expected 0 but got -55
    29 FAIL .grid 10 assert_equals:
    30 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; inset: 30px 35px auto 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; inset: 30px 35px auto 25px;">XX</div></div></div>
    31 width expected 0 but got -55
     2PASS .grid 1
     3PASS .grid 2
     4PASS .grid 3
     5PASS .grid 4
     6PASS .grid 5
     7PASS .grid 6
     8PASS .grid 7
     9PASS .grid 8
     10PASS .grid 9
     11PASS .grid 10
    3212PASS .grid 11
    3313PASS .grid 12

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014-expected.txt

    r267650 r273635  
    11
    2 FAIL .grid 1 assert_equals:
    3 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="-45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="-45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: auto 35px 40px 25px;">XX</div></div></div>
    4 width expected 0 but got -55
    5 FAIL .grid 2 assert_equals:
    6 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="105" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="105" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; inset: auto 35px 40px 25px;">XX</div></div></div>
    7 width expected 0 but got -55
    8 FAIL .grid 3 assert_equals:
    9 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; inset: auto 35px 40px 25px;">XX</div></div></div>
    10 width expected 0 but got -55
    11 FAIL .grid 4 assert_equals:
    12 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; inset: auto 35px 40px 25px;">XX</div></div></div>
    13 width expected 0 but got -55
    14 FAIL .grid 5 assert_equals:
    15 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="105" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="105" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; inset: auto 35px 40px 25px;">XX</div></div></div>
    16 width expected 0 but got -55
    17 FAIL .grid 6 assert_equals:
    18 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; inset: auto 35px 40px 25px;">XX</div></div></div>
    19 width expected 0 but got -55
    20 FAIL .grid 7 assert_equals:
    21 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; inset: auto 35px 40px 25px;">XX</div></div></div>
    22 width expected 0 but got -55
    23 FAIL .grid 8 assert_equals:
    24 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; inset: auto 35px 40px 25px;">XX</div></div></div>
    25 width expected 0 but got -55
    26 FAIL .grid 9 assert_equals:
    27 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; inset: auto 35px 40px 25px;">XX</div></div></div>
    28 width expected 0 but got -55
    29 FAIL .grid 10 assert_equals:
    30 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; inset: auto 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; inset: auto 35px 40px 25px;">XX</div></div></div>
    31 width expected 0 but got -55
     2PASS .grid 1
     3PASS .grid 2
     4PASS .grid 3
     5PASS .grid 4
     6PASS .grid 5
     7PASS .grid 6
     8PASS .grid 7
     9PASS .grid 8
     10PASS .grid 9
     11PASS .grid 10
    3212PASS .grid 11
    3313PASS .grid 12

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016-expected.txt

    r267650 r273635  
    11
    2 FAIL .grid 1 assert_equals:
    3 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; inset: 30px 35px 40px 25px;">XX</div></div></div>
    4 width expected 0 but got -55
    5 FAIL .grid 2 assert_equals:
    6 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="100" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="100" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; inset: 30px 35px 40px 25px;">XX</div></div></div>
    7 width expected 0 but got -55
    8 FAIL .grid 3 assert_equals:
    9 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="200" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="200" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; inset: 30px 35px 40px 25px;">XX</div></div></div>
    10 width expected 0 but got -55
    11 FAIL .grid 4 assert_equals:
    12 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="360" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="360" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; inset: 30px 35px 40px 25px;">XX</div></div></div>
    13 width expected 0 but got -55
    14 FAIL .grid 5 assert_equals:
    15 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="80" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="80" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; inset: 30px 35px 40px 25px;">XX</div></div></div>
    16 width expected 0 but got -55
    17 FAIL .grid 6 assert_equals:
    18 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="180" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="180" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; inset: 30px 35px 40px 25px;">XX</div></div></div>
    19 width expected 0 but got -55
    20 FAIL .grid 7 assert_equals:
    21 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="340" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="340" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; inset: 30px 35px 40px 25px;">XX</div></div></div>
    22 width expected 0 but got -55
    23 FAIL .grid 8 assert_equals:
    24 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="30" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="30" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; inset: 30px 35px 40px 25px;">XX</div></div></div>
    25 width expected 0 but got -55
    26 FAIL .grid 9 assert_equals:
    27 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="190" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="190" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; inset: 30px 35px 40px 25px;">XX</div></div></div>
    28 width expected 0 but got -55
    29 FAIL .grid 10 assert_equals:
    30 <div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="90" data-offset-x="25" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; inset: 30px 35px 40px 25px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="90" data-offset-x="25" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; inset: 30px 35px 40px 25px;">XX</div></div></div>
    31 width expected 0 but got -55
     2PASS .grid 1
     3PASS .grid 2
     4PASS .grid 3
     5PASS .grid 4
     6PASS .grid 5
     7PASS .grid 6
     8PASS .grid 7
     9PASS .grid 8
     10PASS .grid 9
     11PASS .grid 10
    3212PASS .grid 11
    3313PASS .grid 12

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

    r267650 r273635  
    2525FAIL width auto(from) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "width:2s" but got ""
    2626FAIL clip auto(to) / values assert_not_equals: must not be target value after start got disallowed value "auto"
    27 PASS clip auto(to) / events
    28 PASS clip auto(from) / values
    29 PASS clip auto(from) / events
     27FAIL clip auto(to) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "clip:2s" but got ""
     28FAIL clip auto(from) / values assert_not_equals: must not be target value after start got disallowed value "rect(15px, 15px, 5px, 5px)"
     29FAIL clip auto(from) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "clip:2s" but got ""
    3030FAIL marker-offset auto(to) / values assert_not_equals: initial and target values may not match got disallowed value ""
    3131FAIL marker-offset auto(to) / events assert_equals: Expected TransitionEnd events triggered on .transition expected "marker-offset:2s" but got ""

  • trunk/Source/WebCore/ChangeLog

    r273627 r273635  
     12021-02-28  Antoine Quint  <graouts@webkit.org>
     2
     3        Blending of border-image-width should be discrete between "auto" values and other types
     4        https://bugs.webkit.org/show_bug.cgi?id=222516
     5
     6        Reviewed by Dean Jackson.
     7
     8        The LengthBoxPropertyWrapper::canInterpolate() method checks whether the provided lengths are 0 to see if
     9        they can be blended since 0 lengths can be blended with anything. However, currently Length::isZero() returns
     10        true for "auto" values, which is incorrect, so we change the behavior of isZero() to not work when the type
     11        is LengthType::Auto.
     12
     13        Incidentally, this makes a few css-grid tests progress as well.
     14
     15        * platform/Length.h:
     16        (WebCore::Length::isZero const):
     17
    1182021-02-27  Sam Weinig  <weinig@apple.com>
    219

  • trunk/Source/WebCore/platform/Length.h

    r273603 r273635  
    376376{
    377377    ASSERT(!isUndefined());
    378     if (isCalculated())
     378    if (isCalculated() || isAuto())
    379379        return false;
    380380    return m_isFloat ? !m_floatValue : !m_intValue;
Note: See TracChangeset for help on using the changeset viewer.