mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision b'8a99353217938b6f1da31a9a108da3d501cee58b'
This commit is contained in:
WPT Sync Bot
parent
62ec0f1ec7
commit
92be0baf34
211 changed files with 5373 additions and 2272 deletions
|
|
@ -7,7 +7,7 @@
|
|||
expected: FAIL
|
||||
|
||||
[Opening a blob URL in a new window immediately before revoking it works.]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[Opening a blob URL in a noopener about:blank window immediately before revoking it works.]
|
||||
expected: TIMEOUT
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,3 @@
|
|||
[hit-test-floats-001.html]
|
||||
[hit-test-floats-001]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
[block-in-inline-hittest-float-002.html]
|
||||
[block-in-inline-hittest-float-002]
|
||||
expected: FAIL
|
||||
|
|
@ -40,3 +40,15 @@
|
|||
|
||||
[Property animation-delay-start value 'exit 1%, cover 2%, contain 100%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-delay-end value 'initial']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-delay-end value '-500ms']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-delay-end value 'calc(2 * 3s)']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-delay-end value '20s, 10s']
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -37,3 +37,15 @@
|
|||
|
||||
[e.style['animation-delay-start'\] = "enter 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-delay-end'\] = "-5ms" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-delay-end'\] = "0s" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-delay-end'\] = "10s" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-delay-end'\] = "20s, 10s" should set the property value]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -0,0 +1,36 @@
|
|||
[animation-range-end-computed.html]
|
||||
[Property animation-range-end value 'initial']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'auto']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'cover 0%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'COVER 0%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'cover 100%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'cover 120%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'cover 42%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'cover -42%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'contain 42%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'exit 42%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'exit calc(41% + 1%)']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-end value 'exit 1%, cover 2%, contain 100%']
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
[animation-range-end-valid.html]
|
||||
[e.style['animation-range-end'\] = "auto" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "cover 0%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "cover 100%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "cover 120%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "cover 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "cover -42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "contain 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "exit 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "exit 1%, cover 2%, contain 100%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-end'\] = "enter 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
[animation-range-shorthand.html]
|
||||
[e.style['animation-range'\] = "cover" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "contain" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "exit" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter, exit" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 0% enter 100%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "exit 0% exit 100%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "cover 0% cover 100%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "contain 0% contain 100%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "cover 50%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "contain 50%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 50%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "exit 50%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 50% exit 50%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "cover 50% enter 50%, contain 50% exit 50%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "cover" should set animation-range-end]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "cover" should set animation-range-start]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "cover" should not set unrelated longhands]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "contain" should set animation-range-end]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "contain" should set animation-range-start]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "contain" should not set unrelated longhands]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 10% exit 20%" should set animation-range-end]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 10% exit 20%" should set animation-range-start]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 10% exit 20%" should not set unrelated longhands]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter, exit" should set animation-range-end]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter, exit" should set animation-range-start]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter, exit" should not set unrelated longhands]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 0%, exit" should set animation-range-end]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 0%, exit" should set animation-range-start]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range'\] = "enter 0%, exit" should not set unrelated longhands]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
[animation-range-start-computed.html]
|
||||
[Property animation-range-start value 'initial']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'auto']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'cover 0%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'COVER 0%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'cover 100%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'cover 120%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'cover 42%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'cover -42%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'contain 42%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'exit 42%']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'exit calc(41% + 1%)']
|
||||
expected: FAIL
|
||||
|
||||
[Property animation-range-start value 'exit 1%, cover 2%, contain 100%']
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
[animation-range-start-valid.html]
|
||||
[e.style['animation-range-start'\] = "auto" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "cover 0%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "cover 100%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "cover 120%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "cover 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "cover -42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "contain 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "exit 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "exit 1%, cover 2%, contain 100%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['animation-range-start'\] = "enter 42%" should set the property value]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[opacity-animation-ending-correctly-001.html]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
[hittest-before-pseudo.html]
|
||||
[Hit-testing text within a pseudo-element flex-item should return the flexbox as the hittest result.]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[font-shorthand-subproperties-reset.html]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -149,9 +149,6 @@
|
|||
[Matching font-style: 'normal' should prefer 'normal' over 'oblique 0deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique 0deg' should prefer 'oblique 0deg' over 'oblique 5deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique -20deg' should prefer 'oblique -20deg' over 'oblique -60deg -40deg']
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -206,9 +203,6 @@
|
|||
[Matching font-style: 'oblique 10deg' should prefer 'oblique 5deg' over 'oblique 15deg 20deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-weight: '500' should prefer '500' over '450 460']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-weight: '399' should prefer '400' over '450 460']
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -239,15 +233,9 @@
|
|||
[Matching font-style: 'oblique -21deg' should prefer 'italic' over 'oblique 0deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique 20deg' should prefer 'oblique 0deg' over 'oblique -50deg -20deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique 10deg' should prefer 'oblique 40deg 50deg' over 'italic']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique -20deg' should prefer 'italic' over 'oblique 0deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'normal' should prefer 'oblique 20deg 30deg' over 'oblique -50deg -20deg']
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -275,9 +263,6 @@
|
|||
[Matching font-weight: '400' should prefer '351 398' over '501 550']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-weight: '430' should prefer '450 460' over '500']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-weight: '430' should prefer '400 425' over '350 399']
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -302,8 +287,26 @@
|
|||
[Matching font-style: 'oblique 21deg' should prefer 'italic' over 'oblique 0deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique -10deg' should prefer 'oblique -50deg -40deg' over 'italic']
|
||||
[Matching font-stretch: '110%' should prefer '105%' over '100%']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique -20deg' should prefer 'oblique -60deg -40deg' over 'oblique -10deg']
|
||||
[Matching font-stretch: '90%' should prefer '90% 100%' over '50% 80%']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'italic' should prefer 'oblique 40deg 50deg' over 'oblique 5deg 10deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'italic' should prefer 'oblique 0deg' over 'oblique -60deg -30deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique 20deg' should prefer 'oblique 30deg 60deg' over 'oblique 40deg 50deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique 20deg' should prefer 'oblique 40deg 50deg' over 'oblique 10deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique 10deg' should prefer 'oblique 10deg' over 'oblique 5deg']
|
||||
expected: FAIL
|
||||
|
||||
[Matching font-style: 'oblique 10deg' should prefer 'oblique 15deg 20deg' over 'oblique 30deg 60deg']
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -1,2 +0,0 @@
|
|||
[transform-root-bg-002.html]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -1,3 +1,6 @@
|
|||
[transform-scale-hittest.html]
|
||||
[Hit test intersecting scaled box]
|
||||
expected: FAIL
|
||||
|
||||
[Hit test within unscaled box]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -325,3 +325,153 @@
|
|||
|
||||
[padding-bottom length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[color color(rgba) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-size percentage(%) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-weight font-weight(keyword) / values]
|
||||
expected: FAIL
|
||||
|
||||
[font-weight font-weight(numeric) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height number(integer) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height number(decimal) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[line-height percentage(%) / values]
|
||||
expected: FAIL
|
||||
|
||||
[letter-spacing length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[letter-spacing length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[letter-spacing length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[letter-spacing length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[letter-spacing length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[letter-spacing length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[letter-spacing length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[letter-spacing length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[word-spacing percentage(%) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-indent percentage(%) / values]
|
||||
expected: FAIL
|
||||
|
||||
[text-shadow shadow(shadow) / values]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -56,129 +56,6 @@
|
|||
[background-position length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[background-color color(rgba) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-color color(rgba) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-color color(rgba) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-color color(rgba) / events]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-color color(rgba) / events]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -329,156 +206,6 @@
|
|||
[margin-right length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-right length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-right length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-top length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-top length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-top length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-top length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-top length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-top length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-top length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[margin-top length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[height percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[width percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-height percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[min-width percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[color color(rgba) / events]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -628,153 +355,3 @@
|
|||
|
||||
[text-shadow shadow(shadow) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-height percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[max-width percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[top percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[right percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[bottom percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left length(pt) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left length(pc) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left length(em) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left length(ex) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left length(mm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left length(cm) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left length(in) / events]
|
||||
expected: FAIL
|
||||
|
||||
[left percentage(%) / events]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -52,126 +52,3 @@
|
|||
|
||||
[background-position length(px) / events]
|
||||
expected: FAIL
|
||||
|
||||
[background-color color(rgba) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-width length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-width length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-width length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(em) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(ex) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(mm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(cm) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-width length(in) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-top-color color(rgba) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-right-color color(rgba) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-bottom-color color(rgba) / values]
|
||||
expected: FAIL
|
||||
|
||||
[border-left-color color(rgba) / values]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(pt) / values]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(pc) / values]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(px) / values]
|
||||
expected: FAIL
|
||||
|
||||
[padding-bottom length(em) / values]
|
||||
expected: FAIL
|
||||
|
|
|
|||
2
tests/wpt/metadata/css/css-values/ch-unit-018.html.ini
Normal file
2
tests/wpt/metadata/css/css-values/ch-unit-018.html.ini
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
[ch-unit-018.html]
|
||||
expected: FAIL
|
||||
2
tests/wpt/metadata/css/css-values/ic-unit-015.html.ini
Normal file
2
tests/wpt/metadata/css/css-values/ic-unit-015.html.ini
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
[ic-unit-015.html]
|
||||
expected: FAIL
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
[elementFromPoint-float-in-relative.html]
|
||||
[elementFromPoint-float-in-relative]
|
||||
expected: FAIL
|
||||
|
|
@ -13,3 +13,12 @@
|
|||
|
||||
[<li>Outside 3</li>]
|
||||
expected: FAIL
|
||||
|
||||
[<li>Inside 3</li>]
|
||||
expected: FAIL
|
||||
|
||||
[<li>Image Inside 1</li>]
|
||||
expected: FAIL
|
||||
|
||||
[<li>Image Inside 2</li>]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
[elementFromPoint-visibility-hidden-resizer.html]
|
||||
[elementFromPoint on resizer area of an element with visibility:hidden]
|
||||
expected: FAIL
|
||||
|
|
@ -17,3 +17,6 @@
|
|||
|
||||
[test some point of the element: bottom right corner]
|
||||
expected: FAIL
|
||||
|
||||
[test some point of the element: top left corner]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
[elementsFromPoint-invalid-cases.html]
|
||||
[The root element is the last element returned for otherwise empty queries within the viewport]
|
||||
expected: FAIL
|
||||
|
|
@ -76,9 +76,3 @@
|
|||
|
||||
[Input: "Content-Length: ". Expected: 42.]
|
||||
expected: FAIL
|
||||
|
||||
[Input: "Content-Length: 42,42". Expected: 42.]
|
||||
expected: FAIL
|
||||
|
||||
[Input: "Content-Length: 42\\r\\nContent-Length: 42,42". Expected: 42.]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -146,6 +146,3 @@
|
|||
|
||||
[list-style-image sec-fetch-site - HTTPS downgrade-upgrade]
|
||||
expected: FAIL
|
||||
|
||||
[border-image sec-fetch-site - HTTPS downgrade (header not sent)]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -7,6 +7,3 @@
|
|||
|
||||
[X-Content-Type-Options%3A%20nosniff%0C]
|
||||
expected: FAIL
|
||||
|
||||
[X-Content-Type-Options%3A%20%2Cnosniff]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -1,12 +1,13 @@
|
|||
[failure-check-sequence.https.html]
|
||||
expected: TIMEOUT
|
||||
[CSP check precedes COEP check - CSP header first]
|
||||
expected: FAIL
|
||||
expected: NOTRUN
|
||||
|
||||
[COEP check precedes X-Frame-Options check]
|
||||
expected: FAIL
|
||||
expected: NOTRUN
|
||||
|
||||
[CSP check precedes COEP check - COEP header first]
|
||||
expected: FAIL
|
||||
expected: NOTRUN
|
||||
|
||||
[CSP check precedes X-Frame-Options check]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
[navigate-to-unparseable-url.html]
|
||||
expected: TIMEOUT
|
||||
[location.href setter throws a SyntaxError DOMException for unparseable URLs]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[<a> tag navigate fails for unparseable URLs]
|
||||
expected: FAIL
|
||||
expected: NOTRUN
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
[navigation-unload-same-origin.window.html]
|
||||
[Same-origin navigation started from unload handler must be ignored]
|
||||
expected: FAIL
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
[a-click.html]
|
||||
[aElement.click() before the load event must NOT replace]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
[traverse_the_history_4.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
[traverse_the_history_5.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
[creating_browsing_context_test_01.html]
|
||||
[first argument: absolute url]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
[imagesmoothing.html]
|
||||
[Test that imageSmoothingEnabled = false (nearest-neighbor interpolation) works with fillRect and createPattern().]
|
||||
expected: FAIL
|
||||
|
||||
[Test that imageSmoothingEnabled = false (nearest-neighbor interpolation) works with stroke() and createPattern().]
|
||||
expected: FAIL
|
||||
|
|
@ -1,7 +1,6 @@
|
|||
[update-the-rendering.html]
|
||||
expected: TIMEOUT
|
||||
["Flush autofocus candidates" should be happen after the first animation frame callbacks, and before a resize event in the next iteration of window event loop.]
|
||||
expected: TIMEOUT
|
||||
|
||||
["Flush autofocus candidates" should be happen before a scroll event and animation frame callbacks]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
[iframe_sandbox_popups_escaping-1.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
[iframe_sandbox_popups_nonescaping-1.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
||||
expected: FAIL
|
||||
expected: NOTRUN
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
[iframe_sandbox_popups_nonescaping-3.html]
|
||||
expected: TIMEOUT
|
||||
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
||||
expected: NOTRUN
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -175,3 +175,6 @@
|
|||
|
||||
[application/x-www-form-urlencoded: backslash in value (normal form)]
|
||||
expected: FAIL
|
||||
|
||||
[application/x-www-form-urlencoded: single quote in name (normal form)]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
[select-event.html]
|
||||
[input type password: setRangeText() event queue]
|
||||
expected: FAIL
|
||||
|
|
@ -1,6 +1,5 @@
|
|||
[htmlanchorelement_noopener.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[Check that targeting of rel=noopener with a given name ignores an existing window with that name]
|
||||
expected: NOTRUN
|
||||
|
||||
|
|
@ -14,4 +13,4 @@
|
|||
expected: FAIL
|
||||
|
||||
[Check that rel=noopener with target=_self does a normal load]
|
||||
expected: NOTRUN
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -3,3 +3,6 @@
|
|||
expected: TIMEOUT
|
||||
[The incumbent settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
|
||||
expected: TIMEOUT
|
||||
|
||||
[The entry settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
[promise-job-entry-different-function-realm.html]
|
||||
expected: TIMEOUT
|
||||
[Fulfillment handler on fulfilled promise]
|
||||
expected: FAIL
|
||||
|
||||
[Rejection handler on pending-then-rejected promise]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[Thenable resolution]
|
||||
expected: FAIL
|
||||
|
|
@ -12,4 +13,4 @@
|
|||
expected: FAIL
|
||||
|
||||
[Fulfillment handler on pending-then-fulfilled promise]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
|
|
|||
|
|
@ -1,10 +1,9 @@
|
|||
[promise-job-entry.html]
|
||||
expected: TIMEOUT
|
||||
[Fulfillment handler on fulfilled promise]
|
||||
expected: FAIL
|
||||
|
||||
[Rejection handler on pending-then-rejected promise]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[Sanity check: this all works as expected with no promises involved]
|
||||
expected: FAIL
|
||||
|
|
@ -16,4 +15,4 @@
|
|||
expected: FAIL
|
||||
|
||||
[Fulfillment handler on pending-then-fulfilled promise]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
[promise-rejection-events.dedicatedworker.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[microtask nesting: attaching a handler inside a combination of mutationObserverMicrotask + promise microtasks, all inside a postMessageTask]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -17,7 +16,7 @@
|
|||
expected: FAIL
|
||||
|
||||
[delayed handling: delaying handling rejected promise created from createImageBitmap will cause both events to fire]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[unhandledrejection: from createImageBitmap which is UA triggered]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
[promise-rejection-events.html]
|
||||
expected: TIMEOUT
|
||||
[delayed handling: delaying handling rejected promise created from createImageBitmap will cause both events to fire]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[unhandledrejection: from createImageBitmap which is UA triggered]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -10,16 +10,16 @@
|
|||
expected: FAIL
|
||||
|
||||
[content-type 3 : text/plain;charset=gbk,text/html]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[content-type 4 : text/plain;charset=gbk,text/html;charset=windows-1254]
|
||||
expected: NOTRUN
|
||||
expected: FAIL
|
||||
|
||||
[content-type 5 : text/plain;charset=gbk,text/plain]
|
||||
expected: NOTRUN
|
||||
expected: FAIL
|
||||
|
||||
[content-type 6 : text/plain;charset=gbk,text/plain;charset=windows-1252]
|
||||
expected: NOTRUN
|
||||
expected: TIMEOUT
|
||||
|
||||
[content-type 7 : text/html;charset=gbk,text/html;x=",text/plain]
|
||||
expected: NOTRUN
|
||||
|
|
|
|||
|
|
@ -0,0 +1,15 @@
|
|||
[interim-response-times.h2.html]
|
||||
[Fetch from same-origin with early hints, without Timing-Allow-Origin should expose interim response times]
|
||||
expected: FAIL
|
||||
|
||||
[Fetch from cross-origin with early hints, with Timing-Allow-Origin should expose interim response times]
|
||||
expected: FAIL
|
||||
|
||||
[Fetch from cross-origin with early hints, without Timing-Allow-Origin should not expose interim response times]
|
||||
expected: FAIL
|
||||
|
||||
[Fetch from same-origin without early hints, without Timing-Allow-Origin should not expose interim response times]
|
||||
expected: FAIL
|
||||
|
||||
[Fetch from cross-origin without early hints, with Timing-Allow-Origin should not expose interim response times]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
[interim-response-times.html]
|
||||
[Fetch from same-origin with early hints, without Timing-Allow-Origin should expose interim response times]
|
||||
expected: FAIL
|
||||
|
||||
[Fetch from cross-origin with early hints, with Timing-Allow-Origin should expose interim response times]
|
||||
expected: FAIL
|
||||
|
||||
[Fetch from cross-origin with early hints, without Timing-Allow-Origin should not expose interim response times]
|
||||
expected: FAIL
|
||||
|
||||
[Fetch from same-origin without early hints, without Timing-Allow-Origin should not expose interim response times]
|
||||
expected: FAIL
|
||||
|
||||
[Fetch from cross-origin without early hints, with Timing-Allow-Origin should not expose interim response times]
|
||||
expected: FAIL
|
||||
|
|
@ -20,3 +20,6 @@
|
|||
|
||||
[setSinkId() should fail with InvalidStateError when calling from adetached document]
|
||||
expected: NOTRUN
|
||||
|
||||
[pending setSinkId() should be rejected with InvalidStateError whenAudioContext is closed]
|
||||
expected: NOTRUN
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
[localstorage-about-blank-3P-iframe-opens-3P-window.partitioned.tentative.html]
|
||||
expected: TIMEOUT
|
||||
[StorageKey: test 3P about:blank window opened from a 3P iframe]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
[sharedworker-in-worker.html]
|
||||
expected: ERROR
|
||||
[Base URL in workers: new SharedWorker()]
|
||||
expected: FAIL
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
[stylesheet_media_queries.html]
|
||||
[Media queries within stylesheets]
|
||||
expected: FAIL
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
[scrollBy.html]
|
||||
[Ensure that the window.scrollBy function affects scroll position as expected]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
// META: title=BFCache support test for page with open IndexedDB transaction
|
||||
// META: script=/common/dispatcher/dispatcher.js
|
||||
// META: script=/common/utils.js
|
||||
// META: script=/html/browsers/browsing-the-web/back-forward-cache/resources/rc-helper.js
|
||||
// META: script=/html/browsers/browsing-the-web/remote-context-helper/resources/remote-context-helper.js
|
||||
|
||||
'use strict';
|
||||
|
||||
promise_test(async t => {
|
||||
const rcHelper = new RemoteContextHelper();
|
||||
|
||||
// Open a window with noopener so that BFCache will work.
|
||||
const rc1 = await rcHelper.addWindow(
|
||||
/*config=*/ null, /*options=*/ {features: 'noopener'});
|
||||
|
||||
await rc1.executeScript(() => {
|
||||
// Create an IndexedDB database and the object store named `store` as the
|
||||
// test scope for the transaction later on.
|
||||
const db = indexedDB.open(/*name=*/ 'test_idb', /*version=*/ 1);
|
||||
db.onupgradeneeded = () => {
|
||||
db.result.createObjectStore('store');
|
||||
};
|
||||
addEventListener('pagehide', () => {
|
||||
let transaction = db.result.transaction(['store'], 'readwrite');
|
||||
let store = transaction.objectStore('store');
|
||||
store.put("key", "value");
|
||||
|
||||
// Queue a request to close the connection, while keeping the transaction
|
||||
// open, so that the BFCache eligibility will be determined solely by the
|
||||
// pending transaction.
|
||||
db.result.close();
|
||||
});
|
||||
});
|
||||
|
||||
await assertBFCache(rc1, /*shouldRestoreFromBFCache=*/ true);
|
||||
});
|
||||
|
|
@ -246,7 +246,7 @@ function getTestVectors() {
|
|||
var failing = [];
|
||||
keyLengths.forEach(function(keyLength) {
|
||||
// First, make some tests for bad tag lengths
|
||||
[24, 48, 72, 95, 129, 256].forEach(function(badTagLength) {
|
||||
[24, 48, 72, 95, 129].forEach(function(badTagLength) {
|
||||
failing.push({
|
||||
name: "AES-GCM " + keyLength.toString() + "-bit key, illegal tag length " + badTagLength.toString() + "-bits",
|
||||
keyBuffer: keyBytes[keyLength],
|
||||
|
|
|
|||
|
|
@ -160,6 +160,7 @@ function assert_goodCryptoKey(key, algorithm, extractable, usages, kind) {
|
|||
assert_in_array(usage, correctUsages, "Has " + usage + " usage");
|
||||
});
|
||||
assert_equals(key.usages.length, usageCount, "usages property is correct");
|
||||
assert_equals(key[Symbol.toStringTag], 'CryptoKey', "has the expected Symbol.toStringTag");
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -41,11 +41,16 @@ function navigateTo(origin, url) {
|
|||
return origin + "/cookies/resources/navigate.html?location=" + encodeURIComponent(url);
|
||||
}
|
||||
|
||||
// Returns whether a cookie with name `name` with value `value` is in the cookie
|
||||
// string (presumably obtained via document.cookie).
|
||||
function cookieStringHasCookie(name, value, cookieString) {
|
||||
return new RegExp(`(?:^|; )${name}=${value}(?:$|;)`).test(cookieString);
|
||||
}
|
||||
|
||||
// Asserts that `document.cookie` contains or does not contain (according to
|
||||
// the value of |present|) a cookie named |name| with a value of |value|.
|
||||
function assert_dom_cookie(name, value, present) {
|
||||
var re = new RegExp("(?:^|; )" + name + "=" + value + "(?:$|;)");
|
||||
assert_equals(re.test(document.cookie), present, "`" + name + "=" + value + "` in `document.cookie`");
|
||||
assert_equals(cookieStringHasCookie(name, value, document.cookie), present, "`" + name + "=" + value + "` in `document.cookie`");
|
||||
}
|
||||
|
||||
function assert_cookie(origin, obj, name, value, present) {
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-start">
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-end">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("animation-delay-start", "initial", "0s");
|
||||
test_computed_value("animation-delay-start", "-500ms", "-0.5s");
|
||||
test_computed_value("animation-delay-start", "calc(2 * 3s)", "6s");
|
||||
test_computed_value("animation-delay-start", "20s, 10s");
|
||||
test_computed_value("animation-delay-end", "initial", "0s");
|
||||
test_computed_value("animation-delay-end", "-500ms", "-0.5s");
|
||||
test_computed_value("animation-delay-end", "calc(2 * 3s)", "6s");
|
||||
test_computed_value("animation-delay-end", "20s, 10s");
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-start">
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-end">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
<script>
|
||||
test_invalid_value("animation-delay-start", "infinite");
|
||||
test_invalid_value("animation-delay-start", "0");
|
||||
test_invalid_value("animation-delay-start", "1s 2s");
|
||||
test_invalid_value("animation-delay-start", "1s / 2s");
|
||||
test_invalid_value("animation-delay-start", "100px");
|
||||
test_invalid_value("animation-delay-start", "100%");
|
||||
test_invalid_value("animation-delay-end", "infinite");
|
||||
test_invalid_value("animation-delay-end", "0");
|
||||
test_invalid_value("animation-delay-end", "1s 2s");
|
||||
test_invalid_value("animation-delay-end", "1s / 2s");
|
||||
test_invalid_value("animation-delay-end", "100px");
|
||||
test_invalid_value("animation-delay-end", "100%");
|
||||
|
||||
test_invalid_value("animation-delay-start", "peek 50%");
|
||||
test_invalid_value("animation-delay-start", "50% contain");
|
||||
test_invalid_value("animation-delay-start", "50% cover");
|
||||
test_invalid_value("animation-delay-start", "50% entry");
|
||||
test_invalid_value("animation-delay-start", "50% enter");
|
||||
test_invalid_value("animation-delay-start", "50% exit");
|
||||
test_invalid_value("animation-delay-start", "contain contain");
|
||||
test_invalid_value("animation-delay-start", "auto");
|
||||
test_invalid_value("animation-delay-start", "none");
|
||||
test_invalid_value("animation-delay-start", "cover 50% enter 50%");
|
||||
test_invalid_value("animation-delay-start", "cover 100px");
|
||||
test_invalid_value("animation-delay-start", "cover");
|
||||
test_invalid_value("animation-delay-start", "contain");
|
||||
test_invalid_value("animation-delay-start", "enter");
|
||||
test_invalid_value("animation-delay-start", "exit");
|
||||
test_invalid_value("animation-delay-end", "peek 50%");
|
||||
test_invalid_value("animation-delay-end", "50% contain");
|
||||
test_invalid_value("animation-delay-end", "50% cover");
|
||||
test_invalid_value("animation-delay-end", "50% entry");
|
||||
test_invalid_value("animation-delay-end", "50% enter");
|
||||
test_invalid_value("animation-delay-end", "50% exit");
|
||||
test_invalid_value("animation-delay-end", "contain contain");
|
||||
test_invalid_value("animation-delay-end", "auto");
|
||||
test_invalid_value("animation-delay-end", "none");
|
||||
test_invalid_value("animation-delay-end", "cover 50% enter 50%");
|
||||
test_invalid_value("animation-delay-end", "cover 100px");
|
||||
test_invalid_value("animation-delay-end", "cover");
|
||||
test_invalid_value("animation-delay-end", "contain");
|
||||
test_invalid_value("animation-delay-end", "enter");
|
||||
test_invalid_value("animation-delay-end", "exit");
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,26 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-start">
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay-end">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
<script>
|
||||
test_valid_value("animation-delay-start", "-5ms");
|
||||
test_valid_value("animation-delay-start", "0s");
|
||||
test_valid_value("animation-delay-start", "10s");
|
||||
test_valid_value("animation-delay-start", "20s, 10s");
|
||||
|
||||
// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
|
||||
test_valid_value("animation-delay-start", "cover 0%");
|
||||
test_valid_value("animation-delay-start", "cover 100%");
|
||||
test_valid_value("animation-delay-start", "cover 120%");
|
||||
test_valid_value("animation-delay-start", "cover 42%");
|
||||
test_valid_value("animation-delay-start", "cover -42%");
|
||||
test_valid_value("animation-delay-start", "contain 42%");
|
||||
test_valid_value("animation-delay-start", "exit 42%");
|
||||
test_valid_value("animation-delay-start", "exit 1%, cover 2%, contain 100%");
|
||||
|
||||
// There's an open issue in the spec about "enter" vs "entry".
|
||||
//
|
||||
// https://drafts.csswg.org/scroll-animations-1/#valdef-animation-timeline-range-entry
|
||||
test_valid_value("animation-delay-start", "enter 42%");
|
||||
test_valid_value("animation-delay-end", "-5ms");
|
||||
test_valid_value("animation-delay-end", "0s");
|
||||
test_valid_value("animation-delay-end", "10s");
|
||||
test_valid_value("animation-delay-end", "20s, 10s");
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -5,10 +5,7 @@
|
|||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/shorthand-testcommon.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
test_valid_value("animation-delay", "1s");
|
||||
test_valid_value("animation-delay", "-1s");
|
||||
test_valid_value("animation-delay", "1s 2s");
|
||||
|
|
@ -17,27 +14,6 @@ test_valid_value("animation-delay", "1s 2s, 3s");
|
|||
test_valid_value("animation-delay", "1s, 2s 3s");
|
||||
test_valid_value("animation-delay", "1s, 2s, 3s");
|
||||
|
||||
test_valid_value("animation-delay", "cover");
|
||||
test_valid_value("animation-delay", "contain");
|
||||
test_valid_value("animation-delay", "enter");
|
||||
test_valid_value("animation-delay", "exit");
|
||||
test_valid_value("animation-delay", "enter, exit");
|
||||
|
||||
test_valid_value("animation-delay", "enter 0% enter 100%", "enter");
|
||||
test_valid_value("animation-delay", "exit 0% exit 100%", "exit");
|
||||
test_valid_value("animation-delay", "cover 0% cover 100%", "cover");
|
||||
test_valid_value("animation-delay", "contain 0% contain 100%", "contain");
|
||||
|
||||
test_valid_value("animation-delay", "cover 50%");
|
||||
test_valid_value("animation-delay", "contain 50%");
|
||||
test_valid_value("animation-delay", "enter 50%");
|
||||
test_valid_value("animation-delay", "exit 50%");
|
||||
|
||||
test_valid_value("animation-delay", "enter 50% 0s", "enter 50%");
|
||||
test_valid_value("animation-delay", "0s enter 50%");
|
||||
test_valid_value("animation-delay", "enter 50% exit 50%");
|
||||
test_valid_value("animation-delay", "cover 50% enter 50%, contain 50% exit 50%");
|
||||
|
||||
test_invalid_value("animation-delay", "1s 2s 3s");
|
||||
test_invalid_value("animation-delay", "0s, 1s 2s 3s");
|
||||
test_invalid_value("animation-delay", "1s / 2s");
|
||||
|
|
@ -61,21 +37,6 @@ test_shorthand_value('animation-delay', '1s', {
|
|||
'animation-delay-end': '0s',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'cover', {
|
||||
'animation-delay-start': 'cover 0%',
|
||||
'animation-delay-end': 'cover 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'contain', {
|
||||
'animation-delay-start': 'contain 0%',
|
||||
'animation-delay-end': 'contain 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'enter 10% exit 20%', {
|
||||
'animation-delay-start': 'enter 10%',
|
||||
'animation-delay-end': 'exit 20%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', '1s 2s, 3s 4s', {
|
||||
'animation-delay-start': '1s, 3s',
|
||||
'animation-delay-end': '2s, 4s',
|
||||
|
|
@ -85,19 +46,4 @@ test_shorthand_value('animation-delay', '1s 2s, 3s, 4s 5s', {
|
|||
'animation-delay-start': '1s, 3s, 4s',
|
||||
'animation-delay-end': '2s, 0s, 5s',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'enter, exit', {
|
||||
'animation-delay-start': 'enter 0%, exit 0%',
|
||||
'animation-delay-end': 'enter 100%, exit 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'enter 0%, exit', {
|
||||
'animation-delay-start': 'enter 0%, exit 0%',
|
||||
'animation-delay-end': '0s, exit 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'enter 0% 1s, 2s exit 50%', {
|
||||
'animation-delay-start': 'enter 0%, 2s',
|
||||
'animation-delay-end': '1s, exit 50%',
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -8,19 +8,4 @@ test_valid_value("animation-delay-start", "-5ms");
|
|||
test_valid_value("animation-delay-start", "0s");
|
||||
test_valid_value("animation-delay-start", "10s");
|
||||
test_valid_value("animation-delay-start", "20s, 10s");
|
||||
|
||||
// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
|
||||
test_valid_value("animation-delay-start", "cover 0%");
|
||||
test_valid_value("animation-delay-start", "cover 100%");
|
||||
test_valid_value("animation-delay-start", "cover 120%");
|
||||
test_valid_value("animation-delay-start", "cover 42%");
|
||||
test_valid_value("animation-delay-start", "cover -42%");
|
||||
test_valid_value("animation-delay-start", "contain 42%");
|
||||
test_valid_value("animation-delay-start", "exit 42%");
|
||||
test_valid_value("animation-delay-start", "exit 1%, cover 2%, contain 100%");
|
||||
|
||||
// There's an open issue in the spec about "enter" vs "entry".
|
||||
//
|
||||
// https://drafts.csswg.org/scroll-animations-1/#valdef-animation-timeline-range-entry
|
||||
test_valid_value("animation-delay-start", "enter 42%");
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("animation-range-end", "initial", "auto");
|
||||
test_computed_value("animation-range-end", "auto");
|
||||
test_computed_value("animation-range-end", "cover 0%");
|
||||
test_computed_value("animation-range-end", "COVER 0%", "cover 0%");
|
||||
test_computed_value("animation-range-end", "cover 100%");
|
||||
test_computed_value("animation-range-end", "cover 120%");
|
||||
test_computed_value("animation-range-end", "cover 42%");
|
||||
test_computed_value("animation-range-end", "cover -42%");
|
||||
test_computed_value("animation-range-end", "contain 42%");
|
||||
test_computed_value("animation-range-end", "exit 42%");
|
||||
test_computed_value("animation-range-end", "exit calc(41% + 1%)", "exit 42%");
|
||||
test_computed_value("animation-range-end", "exit 1%, cover 2%, contain 100%");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
<script>
|
||||
test_invalid_value("animation-range-end", "infinite");
|
||||
test_invalid_value("animation-range-end", "0");
|
||||
test_invalid_value("animation-range-end", "1s 2s");
|
||||
test_invalid_value("animation-range-end", "1s / 2s");
|
||||
test_invalid_value("animation-range-end", "100px");
|
||||
test_invalid_value("animation-range-end", "100%");
|
||||
|
||||
test_invalid_value("animation-range-end", "peek 50%");
|
||||
test_invalid_value("animation-range-end", "50% contain");
|
||||
test_invalid_value("animation-range-end", "50% cover");
|
||||
test_invalid_value("animation-range-end", "50% entry");
|
||||
test_invalid_value("animation-range-end", "50% enter");
|
||||
test_invalid_value("animation-range-end", "50% exit");
|
||||
test_invalid_value("animation-range-end", "contain contain");
|
||||
test_invalid_value("animation-range-end", "none");
|
||||
test_invalid_value("animation-range-end", "cover 50% enter 50%");
|
||||
test_invalid_value("animation-range-end", "cover 100px");
|
||||
test_invalid_value("animation-range-end", "cover");
|
||||
test_invalid_value("animation-range-end", "contain");
|
||||
test_invalid_value("animation-range-end", "enter");
|
||||
test_invalid_value("animation-range-end", "exit");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
<script>
|
||||
// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
|
||||
test_valid_value("animation-range-end", "auto");
|
||||
test_valid_value("animation-range-end", "cover 0%");
|
||||
test_valid_value("animation-range-end", "cover 100%");
|
||||
test_valid_value("animation-range-end", "cover 120%");
|
||||
test_valid_value("animation-range-end", "cover 42%");
|
||||
test_valid_value("animation-range-end", "cover -42%");
|
||||
test_valid_value("animation-range-end", "contain 42%");
|
||||
test_valid_value("animation-range-end", "exit 42%");
|
||||
test_valid_value("animation-range-end", "exit 1%, cover 2%, contain 100%");
|
||||
|
||||
// There's an open issue in the spec about "enter" vs "entry".
|
||||
//
|
||||
// https://drafts.csswg.org/scroll-animations-1/#valdef-animation-timeline-range-entry
|
||||
test_valid_value("animation-range-end", "enter 42%");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html>
|
||||
<title>animation-range shorthand</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/shorthand-testcommon.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
<script>
|
||||
test_valid_value("animation-range", "cover");
|
||||
test_valid_value("animation-range", "contain");
|
||||
test_valid_value("animation-range", "enter");
|
||||
test_valid_value("animation-range", "exit");
|
||||
test_valid_value("animation-range", "enter, exit");
|
||||
|
||||
test_valid_value("animation-range", "enter 0% enter 100%", "enter");
|
||||
test_valid_value("animation-range", "exit 0% exit 100%", "exit");
|
||||
test_valid_value("animation-range", "cover 0% cover 100%", "cover");
|
||||
test_valid_value("animation-range", "contain 0% contain 100%", "contain");
|
||||
|
||||
test_valid_value("animation-range", "cover 50%");
|
||||
test_valid_value("animation-range", "contain 50%");
|
||||
test_valid_value("animation-range", "enter 50%");
|
||||
test_valid_value("animation-range", "exit 50%");
|
||||
|
||||
test_valid_value("animation-range", "enter 50% exit 50%");
|
||||
test_valid_value("animation-range", "cover 50% enter 50%, contain 50% exit 50%");
|
||||
|
||||
test_invalid_value("animation-range", "enter 50% 0s", "enter 50%");
|
||||
test_invalid_value("animation-range", "0s enter 50%");
|
||||
test_invalid_value("animation-range", "1s");
|
||||
test_invalid_value("animation-range", "-1s");
|
||||
test_invalid_value("animation-range", "1s 2s");
|
||||
test_invalid_value("animation-range", "1s, 2s");
|
||||
test_invalid_value("animation-range", "1s 2s, 3s");
|
||||
test_invalid_value("animation-range", "1s, 2s 3s");
|
||||
test_invalid_value("animation-range", "1s, 2s, 3s");
|
||||
test_invalid_value("animation-range", "1s 2s 3s");
|
||||
test_invalid_value("animation-range", "0s, 1s 2s 3s");
|
||||
test_invalid_value("animation-range", "1s / 2s");
|
||||
test_invalid_value("animation-range", "1s, 2px");
|
||||
test_invalid_value("animation-range", "#ff0000");
|
||||
test_invalid_value("animation-range", "red");
|
||||
test_invalid_value("animation-range", "thing");
|
||||
test_invalid_value("animation-range", "thing 0%");
|
||||
test_invalid_value("animation-range", "thing 42%");
|
||||
test_invalid_value("animation-range", "thing 100%");
|
||||
test_invalid_value("animation-range", "thing 100px");
|
||||
test_invalid_value("animation-range", "100% thing");
|
||||
|
||||
test_shorthand_value('animation-range', 'cover', {
|
||||
'animation-range-start': 'cover 0%',
|
||||
'animation-range-end': 'cover 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-range', 'contain', {
|
||||
'animation-range-start': 'contain 0%',
|
||||
'animation-range-end': 'contain 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-range', 'enter 10% exit 20%', {
|
||||
'animation-range-start': 'enter 10%',
|
||||
'animation-range-end': 'exit 20%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-range', 'enter, exit', {
|
||||
'animation-range-start': 'enter 0%, exit 0%',
|
||||
'animation-range-end': 'enter 100%, exit 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-range', 'enter 0%, exit', {
|
||||
'animation-range-start': 'enter 0%, exit 0%',
|
||||
'animation-range-end': 'auto, exit 100%',
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("animation-range-start", "initial", "auto");
|
||||
test_computed_value("animation-range-start", "auto");
|
||||
test_computed_value("animation-range-start", "cover 0%");
|
||||
test_computed_value("animation-range-start", "COVER 0%", "cover 0%");
|
||||
test_computed_value("animation-range-start", "cover 100%");
|
||||
test_computed_value("animation-range-start", "cover 120%");
|
||||
test_computed_value("animation-range-start", "cover 42%");
|
||||
test_computed_value("animation-range-start", "cover -42%");
|
||||
test_computed_value("animation-range-start", "contain 42%");
|
||||
test_computed_value("animation-range-start", "exit 42%");
|
||||
test_computed_value("animation-range-start", "exit calc(41% + 1%)", "exit 42%");
|
||||
test_computed_value("animation-range-start", "exit 1%, cover 2%, contain 100%");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
<script>
|
||||
test_invalid_value("animation-range-start", "peek 50%");
|
||||
test_invalid_value("animation-range-start", "50% contain");
|
||||
test_invalid_value("animation-range-start", "50% cover");
|
||||
test_invalid_value("animation-range-start", "50% entry");
|
||||
test_invalid_value("animation-range-start", "50% enter");
|
||||
test_invalid_value("animation-range-start", "50% exit");
|
||||
test_invalid_value("animation-range-start", "contain contain");
|
||||
test_invalid_value("animation-range-start", "none");
|
||||
test_invalid_value("animation-range-start", "cover 50% enter 50%");
|
||||
test_invalid_value("animation-range-start", "cover 100px");
|
||||
test_invalid_value("animation-range-start", "cover");
|
||||
test_invalid_value("animation-range-start", "contain");
|
||||
test_invalid_value("animation-range-start", "enter");
|
||||
test_invalid_value("animation-range-start", "exit");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
<script>
|
||||
// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
|
||||
test_valid_value("animation-range-start", "auto");
|
||||
test_valid_value("animation-range-start", "cover 0%");
|
||||
test_valid_value("animation-range-start", "cover 100%");
|
||||
test_valid_value("animation-range-start", "cover 120%");
|
||||
test_valid_value("animation-range-start", "cover 42%");
|
||||
test_valid_value("animation-range-start", "cover -42%");
|
||||
test_valid_value("animation-range-start", "contain 42%");
|
||||
test_valid_value("animation-range-start", "exit 42%");
|
||||
test_valid_value("animation-range-start", "exit 1%, cover 2%, contain 100%");
|
||||
|
||||
// There's an open issue in the spec about "enter" vs "entry".
|
||||
//
|
||||
// https://drafts.csswg.org/scroll-animations-1/#valdef-animation-timeline-range-entry
|
||||
test_valid_value("animation-range-start", "enter 42%");
|
||||
</script>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block trim 001</title>
|
||||
<title>margin-trim: block-container-block-001</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<style>
|
||||
.container {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block;
|
||||
}
|
||||
.outer {
|
||||
|
|
@ -20,6 +20,7 @@
|
|||
.child {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 50px;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block trim 002</title>
|
||||
<title>margin-trim: block-container-block-002</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<style>
|
||||
.container {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block;
|
||||
}
|
||||
.first {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block end trim 001</title>
|
||||
<title>margin-trim: block-container-block-end-001</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<style>
|
||||
.container {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block-end;
|
||||
}
|
||||
.outer {
|
||||
|
|
@ -19,6 +19,7 @@
|
|||
}
|
||||
.child {
|
||||
margin-bottom: 50px;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block end trim 002</title>
|
||||
<title>margin-trim: block-container-block-end-002</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="block-end should trim block end margin for ONLY block-level first child">
|
||||
<style>
|
||||
.container {
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block-end;
|
||||
background-color: green;
|
||||
}
|
||||
|
|
@ -18,13 +18,13 @@
|
|||
background-color: green;
|
||||
}
|
||||
.first {
|
||||
width: 100%;
|
||||
width: 100px;
|
||||
margin-bottom: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
.second {
|
||||
margin-bottom: 100px;
|
||||
width: 100%;
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block start trim 001</title>
|
||||
<title>margin-trim: block-container-block-start-001</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<style>
|
||||
.container {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block-start;
|
||||
}
|
||||
.outer {
|
||||
|
|
@ -18,6 +18,7 @@
|
|||
height: 50px;
|
||||
}
|
||||
.child {
|
||||
width: 100px;
|
||||
margin-top: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block start trim 002</title>
|
||||
<title>margin-trim: block-container-block-start-002</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<style>
|
||||
.container {
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block-start;
|
||||
}
|
||||
.outer {
|
||||
|
|
@ -19,12 +19,12 @@
|
|||
}
|
||||
.first {
|
||||
margin-top: 50px;
|
||||
width: 100%;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
}
|
||||
.second {
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: block-container-non-adjoining-item</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<meta name="assert" content="non-adjoining first child should still have its margins trimmed and the container should keep its set margin">
|
||||
<style>
|
||||
.container {
|
||||
background-color: green;
|
||||
width: min-content;
|
||||
margin-bottom: 100px;
|
||||
padding-bottom: 50px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.child {
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="child"></div>
|
||||
</div>
|
||||
<div>This text should be 100px below the green square.</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: block-container-non-adjoining-item</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="block-container-non-adjoining-item-ref.html">
|
||||
<meta name="assert" content="non-adjoining first child should still have its margins trimmed and the container should keep its set margin">
|
||||
<style>
|
||||
.container {
|
||||
background-color: green;
|
||||
width: min-content;
|
||||
margin-bottom: 100px;
|
||||
padding-bottom: 50px;
|
||||
background-clip: padding-box;
|
||||
margin-trim: block;
|
||||
}
|
||||
.child {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 200px;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="child"></div>
|
||||
</div>
|
||||
<div>This text should be 100px below the green square.</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block container replaced block-end trim</title>
|
||||
<title>margin-trim: block-container-replaced-block-end</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="block level replaced element should have block-end trimmed">
|
||||
<style>
|
||||
.container {
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block-end;
|
||||
}
|
||||
.outer {
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block container replaced block-start trim</title>
|
||||
<title>margin-trim: block-container-replaced-block-start</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="block level replaced element should have block-start trimmed">
|
||||
<style>
|
||||
.container {
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block-start;
|
||||
}
|
||||
.outer {
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS margin-trim: block container replaced block trim</title>
|
||||
<title>margin-trim: block-container-replaced-block</title>
|
||||
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="block level replaced element should have both block-start and block-end trimmed when block is specified">
|
||||
<style>
|
||||
.container {
|
||||
width: 100px;
|
||||
width: min-content;
|
||||
margin-trim: block;
|
||||
}
|
||||
.outer {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-block-end-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<meta name="assert" content="block-end should trim only margin block end of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-inline: 10px;
|
||||
margin-block-start: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-block-end-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="flex-block-end-trimmed-only-ref.html">
|
||||
<meta name="assert" content="block-end should trim only margin block end of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
margin-trim: block-end;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-inline: 10px;
|
||||
margin-block: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-block-start-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<meta name="assert" content="block-start should trim only margin block start of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-inline: 10px;
|
||||
margin-block-end: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-block-start-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="flex-block-start-trimmed-only-ref.html">
|
||||
<meta name="assert" content="block-start should trim only margin block start of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
margin-trim: block-start;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-inline: 10px;
|
||||
margin-block: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-block-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<meta name="assert" content="block should trim only block margins of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-inline: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-block-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="flex-block-trimmed-only-ref.html">
|
||||
<meta name="assert" content="block should trim only block margins of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
margin-trim: block;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-inline: 10px;
|
||||
margin-block: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-column-block-multiline</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="block-start should be trimmed for items at the start of the flex line and block-end should be trimmed for items at the end of the flex line">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
height: 100px;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
margin-trim: block;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
item:nth-child(odd) {
|
||||
margin-block-start: 25px;
|
||||
}
|
||||
item:nth-child(even) {
|
||||
margin-block-end: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-column-grow</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="items should grow to take up the space made available by trimming margins">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
height: 100px;
|
||||
flex-direction: column;
|
||||
margin-trim: block;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
margin-block: 25px;
|
||||
flex: 1 0 auto;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-column-inline-multiline</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<meta name="assert" content="inline-start should be trimmed for all items on the first flex line and inline-end should be trimmed for all items on the last flex line">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
height: 100px;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
gap: 0px 30px;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-column-inline-multiline</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="flex-column-inline-multiline-ref.html">
|
||||
<meta name="assert" content="inline-start should be trimmed for all items on the first flex line and inline-end should be trimmed for all items on the last flex line">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
height: 100px;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
margin-trim: inline;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-inline-start: 10px;
|
||||
margin-inline-end: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-column-orthogonal-item</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="orthogonal items have correct margins trimmed according to the flexbox's writing mode">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-trim: block;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
}
|
||||
.orthogonal {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
item:first-child {
|
||||
margin-inline-start: 10px;
|
||||
}
|
||||
item:last-child {
|
||||
margin-block-end: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<flexbox>
|
||||
<item class="orthogonal"></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-column-shrink</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="content should fill all available space when flex item is larger than the container and the margins are trimmed">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: min-content;
|
||||
height: 100px;
|
||||
margin-trim: block;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
margin-block: 25px;
|
||||
flex: 0 1 auto;
|
||||
width: 100px;
|
||||
height: 150px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-inline-end-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<meta name="assert" content="inline-end should trim only inline-end margins of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
gap: 20px;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-block: 10px;
|
||||
}
|
||||
item:first-child {
|
||||
margin-inline-start: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-inline-end-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<link rel="match" href="flex-inline-end-trimmed-only-ref.html">
|
||||
<meta name="assert" content="inline-end should trim only inline-end margins of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
margin-trim: inline-end;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-inline: 10px;
|
||||
margin-block: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>margin-trim: flex-inline-start-trimmed-only</title>
|
||||
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
|
||||
<meta name="assert" content="inline-start should trim only inline-start margin of flex items">
|
||||
<style>
|
||||
flexbox {
|
||||
display: flex;
|
||||
width: min-content;
|
||||
border: 1px black solid;
|
||||
gap: 20px;
|
||||
}
|
||||
item {
|
||||
display: block;
|
||||
background-color: green;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-block: 10px;
|
||||
}
|
||||
item:last-child {
|
||||
margin-inline-end: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<flexbox>
|
||||
<item></item>
|
||||
<item></item>
|
||||
<item></item>
|
||||
</flexbox>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue