css/css-masking

edit

WPT coverage of the tests of css/css-masking at the revision 5602b0f210e3. The tests link to their results in the browsers on wpt.fyi. The tentative tests (experimental features) and the reftests are listed separately from the stable tests.

GroupPassingTestsDisabledPass rate
Stable6364098%
Tentative000–
Reftests489500198%
All552564198%

Failure reasons

The tests that do not pass (failing or disabled), by kind of reason. A test with several reasons counts once per kind.

  • BUG: 5
  • TEST BUG: 3
  • NOT IMPLEMENTED: 3
  • FLAKY: 1

Stable tests

TestResultSubtestsKindDescription
animations/clip-composition.htmlPass72 / 72
animations/clip-interpolation.htmlPass324 / 324
animations/clip-path-composition.htmlPass140 / 140
animations/clip-path-geometry-box-interpolation.htmlPass144 / 144
animations/clip-path-interpolation-001.htmlPass414 / 414
animations/clip-path-interpolation-002.htmlPass720 / 720
animations/clip-path-interpolation-shape-control-points.htmlPass306 / 306
animations/clip-path-interpolation-shape.htmlPass692 / 692
animations/clip-path-interpolation-xywh-rect.htmlPass360 / 360
animations/mask-border-outset-composition.htmlPass112 / 112
animations/mask-border-outset-interpolation.htmlPass168 / 168
animations/mask-border-slice-composition.htmlPass112 / 112
animations/mask-border-slice-interpolation-stability.htmlPass1 / 1
animations/mask-border-slice-interpolation.htmlPass434 / 434
animations/mask-border-source-interpolation.htmlPass294 / 294
animations/mask-border-width-composition.htmlPass112 / 112
animations/mask-border-width-interpolation.htmlPass558 / 558
animations/mask-image-interpolation.htmlPass408 / 408
animations/mask-no-interpolation.htmlPass42 / 42
animations/mask-position-interpolation.htmlPass196 / 196
clip-path/animations/clip-path-interpolation-discrete.htmlPass168 / 168
clip-path/animations/clip-path-shape-hittest.htmlPass1 / 1
clip-path/clip-path-path-with-zoom-hittest-001.htmlPass1 / 1
clip-path/clip-path-path-with-zoom-hittest-002.htmlPass1 / 1
clip-path/clip-path-with-transform-and-zoom-hittest.htmlPass1 / 1
clip-path/interpolation.htmlPass3 / 3
clip-rule/clip-rule-no-interpolation.htmlPass42 / 42
clip.htmlPass4 / 4
hit-test/clip-path-element-objectboundingbox-001.htmlPass1 / 1
hit-test/clip-path-element-objectboundingbox-002.htmlPass1 / 1
hit-test/clip-path-element-userspaceonuse-001.htmlPass1 / 1
hit-test/clip-path-shape-polygon-and-box-shadow.htmlPass1 / 1
hit-test/clip-path-svg-geometry-box.htmlPass1 / 1
idlharness.htmlPass41 / 41
inheritance.sub.htmlPass36 / 36
mask-shorthand-subproperties-reset.htmlPass14 / 14
parsing/clip-computed.htmlPass4 / 4
parsing/clip-invalid.htmlPass4 / 4
parsing/clip-path-computed.htmlPass21 / 21
parsing/clip-path-invalid.htmlPass48 / 48
parsing/clip-path-shape-parsing.htmlPass44 / 44
parsing/clip-path-valid.htmlPass54 / 54
parsing/clip-rule-computed.htmlPass2 / 2
parsing/clip-rule-invalid.htmlPass2 / 2
parsing/clip-rule-valid.htmlPass2 / 2
parsing/clip-valid.htmlPass3 / 3
parsing/mask-composite-computed.htmlPass4 / 4
parsing/mask-composite-invalid.htmlPass14 / 14
parsing/mask-composite-valid.htmlPass5 / 5
parsing/mask-computed.htmlPass32 / 32
parsing/mask-image-computed.htmlPass47 / 47
parsing/mask-invalid.htmlPass13 / 13
parsing/mask-position-invalid.htmlPass13 / 13
parsing/mask-position-valid.htmlPass23 / 23
parsing/mask-repeat-computed.htmlPass22 / 22
parsing/mask-repeat-invalid.htmlPass5 / 5
parsing/mask-repeat-valid.htmlPass22 / 22
parsing/mask-size-computed.htmlPass16 / 16
parsing/mask-size-invalid.htmlPass3 / 3
parsing/mask-size-valid.htmlPass9 / 9
parsing/mask-type-computed.htmlPass2 / 2
parsing/mask-type-invalid.htmlPass3 / 3
parsing/mask-type-valid.htmlPass2 / 2
parsing/mask-valid.sub.htmlFail53 / 55TEST BUGthe expected longhands of mask do not include mask-border-mode, which the shorthand resets with the other mask-border-* longhands (https://drafts.fxtf.org/css-masking/#the-mask: "also resets mask-border", whose longhands include mask-border-mode; WPT css/css-masking/mask-shorthand-subproperties-reset.html expects it reset); the browsers do not support mask-border-mode

Reftests

TestResultVariantsKindDescription
animations/clip-path-interpolation-shape-arc-direction-agnostic-radius.htmlPass1 / 1
clip-path-svg-content/clip-path-clip-nested-twice.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-001.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-002.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-003.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-004.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-005.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-006.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-007.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-008.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-009.svgPass1 / 1
clip-path-svg-content/clip-path-clip-rule-010.svgPass1 / 1
clip-path-svg-content/clip-path-clip.svgPass1 / 1
clip-path-svg-content/clip-path-content-clip-001.svgPass1 / 1
clip-path-svg-content/clip-path-content-clip-002.svgPass1 / 1
clip-path-svg-content/clip-path-content-clip-003.svgPass1 / 1
clip-path-svg-content/clip-path-content-clip-004.svgPass1 / 1
clip-path-svg-content/clip-path-content-invisible.svgPass1 / 1
clip-path-svg-content/clip-path-content-syling.svgPass1 / 1
clip-path-svg-content/clip-path-content-use-001.svgPass1 / 1
clip-path-svg-content/clip-path-content-use-002.svgPass1 / 1
clip-path-svg-content/clip-path-content-use-003.svgPass1 / 1
clip-path-svg-content/clip-path-content-use-004.svgPass1 / 1
clip-path-svg-content/clip-path-content-use-005.svgPass1 / 1
clip-path-svg-content/clip-path-content-use-006.svgPass1 / 1
clip-path-svg-content/clip-path-content-use-007.svgPass1 / 1
clip-path-svg-content/clip-path-css-transform-001.svgPass1 / 1
clip-path-svg-content/clip-path-css-transform-002.svgPass1 / 1
clip-path-svg-content/clip-path-css-transform-003.svgPass1 / 1
clip-path-svg-content/clip-path-css-transform-004.svgPass1 / 1
clip-path-svg-content/clip-path-dom-child-changes.svgPass1 / 1
clip-path-svg-content/clip-path-dom-clippathunits.svgPass1 / 1
clip-path-svg-content/clip-path-dom-href.svgPass1 / 1
clip-path-svg-content/clip-path-dom-id.svgPass1 / 1
clip-path-svg-content/clip-path-inset-stroke-001.svgPass1 / 1
clip-path-svg-content/clip-path-inset-stroke-002.svgPass1 / 1
clip-path-svg-content/clip-path-invalid-reference.svgPass1 / 1
clip-path-svg-content/clip-path-invalid.svgPass1 / 1
clip-path-svg-content/clip-path-negative-scale.svgPass1 / 1
clip-path-svg-content/clip-path-no-content-001.svgPass1 / 1
clip-path-svg-content/clip-path-no-content-002.svgPass1 / 1
clip-path-svg-content/clip-path-no-content-003.svgPass1 / 1
clip-path-svg-content/clip-path-no-content-004.svgPass1 / 1
clip-path-svg-content/clip-path-no-content-005.svgPass1 / 1
clip-path-svg-content/clip-path-objectboundingbox-001.svgPass1 / 1
clip-path-svg-content/clip-path-objectboundingbox-002.svgPass1 / 1
clip-path-svg-content/clip-path-objectboundingbox-003.svgPass1 / 1
clip-path-svg-content/clip-path-objectboundingbox-004.svgPass1 / 1
clip-path-svg-content/clip-path-on-g-001.svgPass1 / 1
clip-path-svg-content/clip-path-on-g-002.svgPass1 / 1
clip-path-svg-content/clip-path-on-g-003.svgPass1 / 1
clip-path-svg-content/clip-path-on-g-004.svgPass1 / 1
clip-path-svg-content/clip-path-on-g-005.svgPass1 / 1
clip-path-svg-content/clip-path-on-marker-001.svgPass1 / 1
clip-path-svg-content/clip-path-on-marker-002.svgPass1 / 1
clip-path-svg-content/clip-path-on-marker-003.svgPass1 / 1
clip-path-svg-content/clip-path-on-svg-001.svgPass1 / 1
clip-path-svg-content/clip-path-on-svg-002.svgPass1 / 1
clip-path-svg-content/clip-path-on-svg-003.svgPass1 / 1
clip-path-svg-content/clip-path-on-svg-004.svgPass1 / 1
clip-path-svg-content/clip-path-on-svg-005.svgPass1 / 1
clip-path-svg-content/clip-path-on-use-001.svgPass1 / 1
clip-path-svg-content/clip-path-on-use-002.svgPass1 / 1
clip-path-svg-content/clip-path-precision-001.svgPass1 / 1
clip-path-svg-content/clip-path-recursion-001.svgPass1 / 1
clip-path-svg-content/clip-path-recursion-002.svgPass1 / 1
clip-path-svg-content/clip-path-shape-circle-001.svgPass1 / 1
clip-path-svg-content/clip-path-shape-circle-002.svgPass1 / 1
clip-path-svg-content/clip-path-shape-circle-003.svgPass1 / 1
clip-path-svg-content/clip-path-shape-circle-004.svgPass1 / 1
clip-path-svg-content/clip-path-shape-circle-005.svgPass1 / 1
clip-path-svg-content/clip-path-shape-ellipse-001.svgPass1 / 1
clip-path-svg-content/clip-path-shape-ellipse-002.svgPass1 / 1
clip-path-svg-content/clip-path-shape-inset-001.svgPass1 / 1
clip-path-svg-content/clip-path-shape-inset-002.svgPass1 / 1
clip-path-svg-content/clip-path-shape-polygon-001.svgPass1 / 1
clip-path-svg-content/clip-path-shape-polygon-002.svgPass1 / 1
clip-path-svg-content/clip-path-shape-polygon-003.svgPass1 / 1
clip-path-svg-content/clip-path-text-001.svgPass1 / 1
clip-path-svg-content/clip-path-text-002.svgPass1 / 1
clip-path-svg-content/clip-path-text-003.svgPass1 / 1
clip-path-svg-content/clip-path-text-004.svgPass1 / 1
clip-path-svg-content/clip-path-text-005.svgPass1 / 1
clip-path-svg-content/clip-path-userspaceonuse-001.svgPass1 / 1
clip-path-svg-content/clip-path-with-opacity.svgPass1 / 1
clip-path-svg-content/clip-path-with-transform.svgPass1 / 1
clip-path-svg-content/mask-and-nested-clip-path.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-001.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-002.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-003.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-004.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-005.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-006.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-007.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-008.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-009.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-010.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-panning-001.svgPass1 / 1
clip-path-svg-content/mask-nested-clip-path-panning-002.svgPass1 / 1
clip-path-svg-content/mask-objectboundingbox-content-clip-transform.svgPass1 / 1
clip-path-svg-content/mask-objectboundingbox-content-clip.svgPass1 / 1
clip-path-svg-content/mask-userspaceonuse-content-clip-transform.svgPass1 / 1
clip-path-svg-content/mask-userspaceonuse-content-clip.svgPass1 / 1
clip-path/animations/clip-path-animation-cancel.htmlPass1 / 1
clip-path/animations/clip-path-animation-circle-0-percent.htmlPass1 / 1
clip-path/animations/clip-path-animation-custom-property.htmlPass1 / 1
clip-path/animations/clip-path-animation-custom-timing-function-reverse.htmlPass1 / 1
clip-path/animations/clip-path-animation-custom-timing-function.htmlFail0 / 1BUGthe coverage of the antialiased edges is the exact area of the pixels, which differs slightly from the one of the browsers the fuzziness of the test is tuned for: 628 pixels of the edge of the clip differ (by up to 2), 480 are allowed
clip-path/animations/clip-path-animation-ellipse-mixed-change.htmlPass1 / 1
clip-path/animations/clip-path-animation-ellipse.htmlPass1 / 1
clip-path/animations/clip-path-animation-ensure-keyframe-update.htmlPass1 / 1
clip-path/animations/clip-path-animation-filter.htmlPass1 / 1
clip-path/animations/clip-path-animation-fixed-position-rounding-error.htmlPass1 / 1
clip-path/animations/clip-path-animation-fixed-position.htmlPass1 / 1
clip-path/animations/clip-path-animation-font-size-inherited.htmlPass1 / 1
clip-path/animations/clip-path-animation-font-size-mixed-change.htmlPass1 / 1
clip-path/animations/clip-path-animation-font-size.htmlPass1 / 1
clip-path/animations/clip-path-animation-forward-fill-positive-delay.htmlPass1 / 1
clip-path/animations/clip-path-animation-forward-fill.htmlPass1 / 1
clip-path/animations/clip-path-animation-fragmented-inline.htmlPass1 / 1
clip-path/animations/clip-path-animation-fragmented.htmlPass1 / 1
clip-path/animations/clip-path-animation-geometry-box-delay.htmlPass1 / 1
clip-path/animations/clip-path-animation-incompatible-shapes1.htmlPass1 / 1
clip-path/animations/clip-path-animation-incompatible-shapes2.htmlPass1 / 1
clip-path/animations/clip-path-animation-inherit.htmlPass1 / 1
clip-path/animations/clip-path-animation-initial.htmlPass1 / 1
clip-path/animations/clip-path-animation-inset-50-percent.htmlPass1 / 1
clip-path/animations/clip-path-animation-inset-rounded-100-percent.htmlPass1 / 1
clip-path/animations/clip-path-animation-missing-0-percent.htmlPass1 / 1
clip-path/animations/clip-path-animation-mixed-calc.htmlPass1 / 1
clip-path/animations/clip-path-animation-mixed-interpolation.htmlPass1 / 1
clip-path/animations/clip-path-animation-neutral-keyframe-svg-smil.htmlPass1 / 1
clip-path/animations/clip-path-animation-no-inherit-clip-after-remove.htmlPass2 / 2
clip-path/animations/clip-path-animation-non-keyframe-timing-function.htmlPass1 / 1
clip-path/animations/clip-path-animation-none-backdrop-filter-subpixel-offset.htmlPass1 / 1
clip-path/animations/clip-path-animation-none.htmlPass1 / 1
clip-path/animations/clip-path-animation-offset-position-not-stuck.htmlPass1 / 1
clip-path/animations/clip-path-animation-overflow.htmlPass1 / 1
clip-path/animations/clip-path-animation-path.htmlPass1 / 1
clip-path/animations/clip-path-animation-polygon-mixed-change.htmlPass1 / 1
clip-path/animations/clip-path-animation-polygon.htmlPass1 / 1
clip-path/animations/clip-path-animation-reference-delay.htmlPass1 / 1
clip-path/animations/clip-path-animation-retarget.htmlPass1 / 1
clip-path/animations/clip-path-animation-revert-layer.htmlPass1 / 1
clip-path/animations/clip-path-animation-revert.htmlPass1 / 1
clip-path/animations/clip-path-animation-set-currenttime-forward-finish.htmlPass1 / 1
clip-path/animations/clip-path-animation-set-currenttime-negative.htmlPass1 / 1
clip-path/animations/clip-path-animation-set-duration-animation-finish.htmlPass1 / 1
clip-path/animations/clip-path-animation-set-effect.htmlDisabled–FLAKYreftest whose screenshot is taken in the animation frame after the effect of the animation is replaced: depending on the timing of the frames, the first or the second step of the new effect is painted
clip-path/animations/clip-path-animation-start-time.htmlPass1 / 1
clip-path/animations/clip-path-animation-svg-zoom.htmlPass1 / 1
clip-path/animations/clip-path-animation-svg.htmlPass1 / 1
clip-path/animations/clip-path-animation-three-keyframes1.htmlPass1 / 1
clip-path/animations/clip-path-animation-three-keyframes2.htmlPass1 / 1
clip-path/animations/clip-path-animation-unset.htmlPass1 / 1
clip-path/animations/clip-path-animation-view-transition-mixed-change.htmlPass1 / 1
clip-path/animations/clip-path-animation-zero-duration.htmlPass1 / 1
clip-path/animations/clip-path-animation-zoom.htmlPass1 / 1
clip-path/animations/clip-path-animation.htmlPass1 / 1
clip-path/animations/clip-path-path-interpolation-001.htmlPass1 / 1
clip-path/animations/clip-path-path-interpolation-002.htmlPass1 / 1
clip-path/animations/clip-path-path-interpolation-with-zoom.htmlPass1 / 1
clip-path/animations/clip-path-rect-interpolation-001.htmlPass1 / 1
clip-path/animations/clip-path-shape-arc-interpolation.htmlPass1 / 1
clip-path/animations/clip-path-shape-interpolation-001.htmlPass1 / 1
clip-path/animations/clip-path-shape-interpolation-002.htmlPass1 / 1
clip-path/animations/clip-path-shape-interpolation-003.htmlPass1 / 1
clip-path/animations/clip-path-shape-interpolation-004.htmlPass1 / 1
clip-path/animations/clip-path-shape-interpolation-with-zoom.htmlPass1 / 1
clip-path/animations/clip-path-shape-transition-with-zoom.htmlPass1 / 1
clip-path/animations/clip-path-transition-allow-discrete-shape.htmlPass1 / 1
clip-path/animations/clip-path-transition-allow-discrete.htmlPass1 / 1
clip-path/animations/clip-path-transition-custom-timing-function.htmlPass1 / 1
clip-path/animations/clip-path-transition.htmlPass1 / 1
clip-path/animations/clip-path-xywh-interpolation-001.htmlPass1 / 1
clip-path/animations/two-clip-path-animation-diff-length1.htmlPass1 / 1
clip-path/animations/two-clip-path-animation-diff-length2.htmlPass1 / 1
clip-path/animations/two-clip-path-animation-diff-length3.htmlPass1 / 1
clip-path/animations/two-clip-path-animation-diff-length4.htmlPass1 / 1
clip-path/clip-path-blending-offset.htmlPass1 / 1
clip-path/clip-path-borderBox-1a.htmlPass1 / 1
clip-path/clip-path-borderBox-1b.htmlPass1 / 1
clip-path/clip-path-borderBox-1c.htmlPass1 / 1
clip-path/clip-path-borderBox-1d.htmlPass1 / 1
clip-path/clip-path-borderBox-1e.htmlPass1 / 1
clip-path/clip-path-change.htmlPass1 / 1
clip-path/clip-path-circle-001.htmlPass1 / 1
clip-path/clip-path-circle-002.htmlPass1 / 1
clip-path/clip-path-circle-003.htmlPass1 / 1
clip-path/clip-path-circle-004.htmlPass1 / 1
clip-path/clip-path-circle-005.htmlPass1 / 1
clip-path/clip-path-circle-006.htmlPass1 / 1
clip-path/clip-path-circle-007.htmlPass1 / 1
clip-path/clip-path-circle-008.htmlPass1 / 1
clip-path/clip-path-circle-009.htmlPass1 / 1
clip-path/clip-path-circle-010.htmlPass1 / 1
clip-path/clip-path-circle-closest-corner.htmlPass1 / 1
clip-path/clip-path-circle-farthest-corner.htmlPass1 / 1
clip-path/clip-path-columns-shape-001.htmlPass1 / 1
clip-path/clip-path-columns-shape-002.htmlPass1 / 1
clip-path/clip-path-contentBox-1a.htmlPass1 / 1
clip-path/clip-path-contentBox-1b.htmlPass1 / 1
clip-path/clip-path-contentBox-1c.htmlPass1 / 1
clip-path/clip-path-contentBox-1d.htmlPass1 / 1
clip-path/clip-path-contentBox-1e.htmlPass1 / 1
clip-path/clip-path-descendant-text-mutated-001.htmlPass1 / 1
clip-path/clip-path-document-element-will-change.htmlPass1 / 1
clip-path/clip-path-document-element.htmlPass1 / 1
clip-path/clip-path-element-userSpaceOnUse-001.htmlPass1 / 1
clip-path/clip-path-element-userSpaceOnUse-002.htmlPass1 / 1
clip-path/clip-path-element-userSpaceOnUse-003.htmlPass1 / 1
clip-path/clip-path-element-userSpaceOnUse-004.htmlFail0 / 1TEST BUGthe reference places the green box with margin-top: 50%, a percentage of the width of the containing block (400px of the 800px wide page, then 392.5px once the vertical scrollbar that the overflowing box causes appears), not of its height: the test clips the bottom half of the page (from 300px) as its assertion says; fails in every browser
clip-path/clip-path-ellipse-001.htmlPass1 / 1
clip-path/clip-path-ellipse-002.htmlPass1 / 1
clip-path/clip-path-ellipse-003.htmlPass1 / 1
clip-path/clip-path-ellipse-004.htmlPass1 / 1
clip-path/clip-path-ellipse-005.htmlPass1 / 1
clip-path/clip-path-ellipse-006.htmlPass1 / 1
clip-path/clip-path-ellipse-007.htmlPass1 / 1
clip-path/clip-path-ellipse-008.htmlPass1 / 1
clip-path/clip-path-ellipse-closest-farthest-corner.htmlPass1 / 1
clip-path/clip-path-fillBox-1a.htmlPass1 / 1
clip-path/clip-path-fillBox-1b.htmlPass1 / 1
clip-path/clip-path-filter-order.htmlPass1 / 1
clip-path/clip-path-filter-radius-clips.htmlPass1 / 1
clip-path/clip-path-fixed-nested.htmlPass1 / 1
clip-path/clip-path-fixed-scroll.htmlPass1 / 1
clip-path/clip-path-foreignobject-non-zero-xy.htmlPass1 / 1
clip-path/clip-path-geometryBox-2.htmlPass1 / 1
clip-path/clip-path-inline-001.htmlPass1 / 1
clip-path/clip-path-inline-002.htmlPass1 / 1
clip-path/clip-path-inline-003.htmlPass1 / 1
clip-path/clip-path-inline-004.htmlPass1 / 1
clip-path/clip-path-inline-005.htmlPass1 / 1
clip-path/clip-path-inline-006.htmlPass1 / 1
clip-path/clip-path-inline-007.htmlFail0 / 1BUGthe coverage of the antialiased edge of the clip (border-box with a border-radius of 50%) matches the circle(50%) of the reference, but the red outline that the clip hides is painted under the edge pixels before they are clipped: 364 pixels of the edge are tinted by up to 63 levels, where 62 levels on 332 pixels are allowed
clip-path/clip-path-inline-008.htmlPass1 / 1
clip-path/clip-path-inline-009.htmlPass1 / 1
clip-path/clip-path-inline-010.htmlPass1 / 1
clip-path/clip-path-inset-round-percent.htmlPass1 / 1
clip-path/clip-path-inset-round-rendering.htmlPass1 / 1
clip-path/clip-path-localRef-1.htmlPass1 / 1
clip-path/clip-path-marginBox-1a.htmlPass1 / 1
clip-path/clip-path-marginBox-1b.htmlPass1 / 1
clip-path/clip-path-marginBox-1c.htmlPass1 / 1
clip-path/clip-path-marginBox-1d.htmlPass1 / 1
clip-path/clip-path-mix-blend-mode-1.htmlPass1 / 1
clip-path/clip-path-nested-clippath-zoom.htmlPass1 / 1
clip-path/clip-path-on-fixed-position-scroll.htmlPass1 / 1
clip-path/clip-path-paddingBox-1a.htmlPass1 / 1
clip-path/clip-path-paddingBox-1b.htmlPass1 / 1
clip-path/clip-path-paddingBox-1c.htmlPass1 / 1
clip-path/clip-path-paddingBox-1d.htmlPass1 / 1
clip-path/clip-path-paddingBox-1e.htmlPass1 / 1
clip-path/clip-path-path-001.htmlPass1 / 1
clip-path/clip-path-path-002.htmlPass1 / 1
clip-path/clip-path-path-003.htmlPass1 / 1
clip-path/clip-path-path-with-zoom-001.htmlPass1 / 1
clip-path/clip-path-path-with-zoom-002.htmlPass1 / 1
clip-path/clip-path-polygon-001.htmlPass1 / 1
clip-path/clip-path-polygon-002.htmlPass1 / 1
clip-path/clip-path-polygon-003.htmlPass1 / 1
clip-path/clip-path-polygon-004.htmlPass1 / 1
clip-path/clip-path-polygon-005.htmlPass1 / 1
clip-path/clip-path-polygon-006.htmlPass1 / 1
clip-path/clip-path-polygon-007.htmlPass1 / 1
clip-path/clip-path-polygon-008.htmlPass1 / 1
clip-path/clip-path-polygon-009.htmlPass1 / 1
clip-path/clip-path-polygon-010.htmlPass1 / 1
clip-path/clip-path-polygon-011.htmlPass1 / 1
clip-path/clip-path-polygon-012.htmlPass1 / 1
clip-path/clip-path-polygon-013.htmlPass1 / 1
clip-path/clip-path-polygon-014.htmlPass1 / 1
clip-path/clip-path-rect-001.htmlPass1 / 1
clip-path/clip-path-rect-002.htmlPass1 / 1
clip-path/clip-path-rect-003.htmlPass1 / 1
clip-path/clip-path-rect-004.htmlPass1 / 1
clip-path/clip-path-reference-box-001.htmlPass1 / 1
clip-path/clip-path-reference-box-002.htmlPass1 / 1
clip-path/clip-path-reference-box-003.htmlPass1 / 1
clip-path/clip-path-reference-box-004.htmlPass1 / 1
clip-path/clip-path-reference-restore.htmlPass1 / 1
clip-path/clip-path-rotated-will-change-transform.htmlPass1 / 1
clip-path/clip-path-round-zero-size.htmlPass1 / 1
clip-path/clip-path-scaled-video.htmlPass1 / 1
clip-path/clip-path-scroll.htmlPass1 / 1
clip-path/clip-path-shape-001.htmlPass1 / 1
clip-path/clip-path-shape-002-units.htmlPass1 / 1
clip-path/clip-path-shape-002.htmlPass1 / 1
clip-path/clip-path-shape-003.htmlPass1 / 1
clip-path/clip-path-shape-004.htmlPass1 / 1
clip-path/clip-path-shape-005.htmlPass1 / 1
clip-path/clip-path-shape-006.htmlPass1 / 1
clip-path/clip-path-shape-007.htmlPass1 / 1
clip-path/clip-path-shape-008.htmlPass1 / 1
clip-path/clip-path-shape-009.htmlPass1 / 1
clip-path/clip-path-shape-010.htmlPass1 / 1
clip-path/clip-path-shape-011.htmlFail0 / 1BUGthe coverage of the antialiased edges is the exact area of the pixels, which differs slightly from the one of the browsers the fuzziness of the test is tuned for: 134 pixels of the arcs differ (by up to 31), 128 are allowed
clip-path/clip-path-shape-foreignobject-non-zero-xy.htmlPass1 / 1
clip-path/clip-path-shape-hline-vline-keywords.htmlPass1 / 1
clip-path/clip-path-shape-svg-rotated-container.htmlPass1 / 1
clip-path/clip-path-shape-svg-rotated-shape.htmlPass1 / 1
clip-path/clip-path-shape-svg-scaled-shape.htmlPass1 / 1
clip-path/clip-path-shape-svg-view-box-rotated-shape.htmlPass1 / 1
clip-path/clip-path-shape-svg-view-box-scaled-shape.htmlPass1 / 1
clip-path/clip-path-shape-winding.htmlPass1 / 1
clip-path/clip-path-stacking-context-001.htmlPass1 / 1
clip-path/clip-path-strokeBox-1a.htmlPass1 / 1
clip-path/clip-path-strokeBox-1b.htmlPass1 / 1
clip-path/clip-path-strokeBox-1c.htmlPass1 / 1
clip-path/clip-path-svg-invalidate.htmlPass1 / 1
clip-path/clip-path-svg-text-backdrop-filter.htmlPass1 / 1
clip-path/clip-path-svg-text-css.htmlPass1 / 1
clip-path/clip-path-svg-text-font-loading.htmlPass1 / 1
clip-path/clip-path-transform-mutated-001.htmlPass1 / 1
clip-path/clip-path-transform-mutated-002.htmlPass1 / 1
clip-path/clip-path-union-trailing-moveto.htmlPass1 / 1
clip-path/clip-path-url-reference-change-from-empty.htmlPass1 / 1
clip-path/clip-path-url-reference-change.htmlPass1 / 1
clip-path/clip-path-url-reference-data-uri-svg-element.htmlPass1 / 1
clip-path/clip-path-url-reference-empty-while-loading.tentative.htmlFail0 / 1NOT IMPLEMENTEDa clip-path: url() that references a clipPath element of another document that is still loading (support/resources.svg?pipe=trickle(d10)#circleClip) is an unresolved reference, which does not clip (the red box is painted), while the tentative test expects an empty clip path (everything clipped) while the resource is loading; only Chrome passes
clip-path/clip-path-url-reference-external-svg-element.htmlPass1 / 1
clip-path/clip-path-url-reference-external.htmlPass1 / 1
clip-path/clip-path-url-reference-svg-foreignobject-zoomed.htmlPass1 / 1
clip-path/clip-path-url-reference-text-clip-no-inherit-after-remove.htmlPass2 / 2
clip-path/clip-path-viewBox-1a.htmlPass1 / 1
clip-path/clip-path-viewBox-1b.htmlPass1 / 1
clip-path/clip-path-viewBox-1c.htmlPass1 / 1
clip-path/clip-path-viewBox-1d.htmlPass1 / 1
clip-path/clip-path-with-transform-and-zoom.htmlPass1 / 1
clip-path/clip-path-xywh-001.htmlPass1 / 1
clip-path/clip-path-xywh-002.htmlPass1 / 1
clip-path/clip-path-xywh-003.htmlPass1 / 1
clip-path/reference-local-url-with-base-001.htmlPass1 / 1
clip-path/reference-mutated.htmlPass1 / 1
clip-path/reference-nonexisting-existing-local.htmlPass1 / 1
clip-path/svg-clip-path-circle-offset.htmlPass1 / 1
clip-path/svg-clip-path-ellipse-offset.htmlPass1 / 1
clip-path/svg-clip-path-fixed-values.htmlPass1 / 1
clip-rule/clip-rule-001.htmlPass1 / 1
clip-rule/clip-rule-002.htmlPass1 / 1
clip/clip-absolute-positioned-001.htmlPass1 / 1
clip/clip-absolute-positioned-002.htmlPass1 / 1
clip/clip-filter-order.htmlPass1 / 1
clip/clip-fixed-pos-transform-descendant-001.htmlPass1 / 1
clip/clip-negative-values-001.htmlPass1 / 1
clip/clip-negative-values-002.htmlPass1 / 1
clip/clip-negative-values-003.htmlPass1 / 1
clip/clip-negative-values-004.htmlPass1 / 1
clip/clip-no-clipping-001.htmlPass1 / 1
clip/clip-no-clipping-002.htmlPass1 / 1
clip/clip-no-stacking-context.htmlPass1 / 1
clip/clip-not-absolute-positioned-001.htmlPass1 / 1
clip/clip-not-absolute-positioned-002.htmlPass1 / 1
clip/clip-not-absolute-positioned-003.htmlPass1 / 1
clip/clip-not-absolute-positioned-004.htmlPass1 / 1
clip/clip-rect-auto-001.htmlPass1 / 1
clip/clip-rect-auto-002.htmlPass1 / 1
clip/clip-rect-auto-003.htmlPass1 / 1
clip/clip-rect-auto-004.htmlPass1 / 1
clip/clip-rect-auto-005.htmlPass1 / 1
clip/clip-rect-auto-006.htmlPass1 / 1
clip/clip-rect-comma-001.htmlPass1 / 1
clip/clip-rect-comma-002.htmlPass1 / 1
clip/clip-rect-comma-003.htmlPass1 / 1
clip/clip-rect-comma-004.htmlPass1 / 1
clip/clip-rect-scroll.htmlPass1 / 1
clip/clip-transform-order-2.htmlPass1 / 1
clip/clip-transform-order.htmlPass1 / 1
mask-image/backdrop-filter-bad-mask-image.htmlPass1 / 1
mask-image/backdrop-filter-good-and-bad-mask-image.htmlPass1 / 1
mask-image/backdrop-filter-mask-image-multi-layer-after-load.tentative.htmlTimeout0 / 1TEST BUGthe mask image and the probe image that ends the test are served after 10 s (pipe=trickle(d10)), the timeout of a reftest without <meta name=timeout content=long>: the reftest-wait class is removed after the timeout
mask-image/backdrop-filter-mask-image-multi-layer-while-loading.tentative.htmlFail0 / 1NOT IMPLEMENTEDan element with several mask-image layers is expected to be entirely masked while one of the mask images is still loading (url(...?pipe=trickle(d1000))), a behavior that CSS Masking does not specify (tentative test); the library ignores the pending layer and paints the element with the other layer (linear-gradient(black, black)), so it is fully visible; only Chrome passes
mask-image/backdrop-filter-mask-image-while-loading.htmlPass1 / 1
mask-image/bad-mask-image-svg-2.htmlPass1 / 1
mask-image/bad-mask-image-svg-3.htmlPass1 / 1
mask-image/bad-mask-image-svg.htmlPass1 / 1
mask-image/bad-mask-image.htmlPass1 / 1
mask-image/mask-clip-1.htmlPass1 / 1
mask-image/mask-clip-2.htmlPass1 / 1
mask-image/mask-clip-3.htmlPass1 / 1
mask-image/mask-clip-4.htmlPass1 / 1
mask-image/mask-clip-5.htmlPass1 / 1
mask-image/mask-clip-6.htmlPass1 / 1
mask-image/mask-clip-7.htmlPass1 / 1
mask-image/mask-clip-8.htmlPass1 / 1
mask-image/mask-composite-1a.htmlPass1 / 1
mask-image/mask-composite-1b.htmlPass1 / 1
mask-image/mask-composite-1c.htmlPass1 / 1
mask-image/mask-composite-1d.htmlPass1 / 1
mask-image/mask-composite-2a.htmlPass1 / 1
mask-image/mask-composite-2b.htmlPass1 / 1
mask-image/mask-composite-2c.htmlPass1 / 1
mask-image/mask-composite-2d.htmlPass1 / 1
mask-image/mask-image-1a.htmlPass1 / 1
mask-image/mask-image-1b.htmlPass1 / 1
mask-image/mask-image-1c.htmlPass1 / 1
mask-image/mask-image-1d.htmlPass1 / 1
mask-image/mask-image-2.htmlPass1 / 1
mask-image/mask-image-3a.htmlPass1 / 1
mask-image/mask-image-3b.htmlPass1 / 1
mask-image/mask-image-3c.htmlPass1 / 1
mask-image/mask-image-3d.htmlPass1 / 1
mask-image/mask-image-3e.htmlPass1 / 1
mask-image/mask-image-3f.htmlPass1 / 1
mask-image/mask-image-3g.htmlPass1 / 1
mask-image/mask-image-3h.htmlPass1 / 1
mask-image/mask-image-3i.htmlPass1 / 1
mask-image/mask-image-4a.htmlPass1 / 1
mask-image/mask-image-4b.htmlPass1 / 1
mask-image/mask-image-5.htmlPass1 / 1
mask-image/mask-image-6.htmlPass1 / 1
mask-image/mask-image-after-backdrop-filter-removal.htmlPass1 / 1
mask-image/mask-image-backdrop-filter-with-border-radius.htmlPass1 / 1
mask-image/mask-image-clip-exclude.htmlPass1 / 1
mask-image/mask-image-cors-001.sub.htmlPass1 / 1
mask-image/mask-image-cross-site-iframe-offset.sub.htmlPass1 / 1
mask-image/mask-image-data-url-image.htmlPass1 / 1
mask-image/mask-image-ib-split-2.htmlFail0 / 1BUGmask-image on an inline box that contains a block (block-in-inline split) in a multi-column container: the mask is only positioned and painted in the (empty) inline fragments: the fragment of the block child in the first column is masked away and its continuation in the second column is painted without mask (plain grey bars instead of the circles of the mask image)
mask-image/mask-image-ib-split.htmlFail0 / 1BUGmask-image on an inline box that contains a block (block-in-inline split) in a multi-column container: the mask is only positioned and painted in the (empty) inline fragments, so the block child (a 3px bottom border) is masked away entirely instead of being masked by the image; 126 pixels differ
mask-image/mask-image-inline-sliced-1.htmlPass1 / 1
mask-image/mask-image-multi-layer-while-loading.tentative.htmlFail0 / 1NOT IMPLEMENTEDan element with several mask-image layers is expected to be entirely masked while one of the mask images is still loading (url(...?pipe=trickle(d1000))), a behavior that CSS Masking does not specify (tentative test); the library ignores the pending layer and paints the element with the other layer (linear-gradient(black, black)), so it is fully visible; only Chrome passes
mask-image/mask-image-svg-child-will-change.htmlPass1 / 1
mask-image/mask-image-svg-foreignobject-zoomed.htmlPass1 / 1
mask-image/mask-image-svg-gradient-zoomed.htmlPass1 / 1
mask-image/mask-image-svg-loading-error.htmlPass1 / 1
mask-image/mask-image-svg-viewport-changed.htmlPass1 / 1
mask-image/mask-image-url-image-hash.htmlPass1 / 1
mask-image/mask-image-url-image.htmlPass1 / 1
mask-image/mask-image-url-local-mask-mutated.htmlPass1 / 1
mask-image/mask-image-url-local-mask.htmlPass1 / 1
mask-image/mask-image-url-remote-mask.htmlPass1 / 1
mask-image/mask-mode-a.htmlPass1 / 1
mask-image/mask-mode-b.htmlPass1 / 1
mask-image/mask-mode-c.htmlPass1 / 1
mask-image/mask-mode-d.htmlPass1 / 1
mask-image/mask-mode-e.htmlPass1 / 1
mask-image/mask-mode-luminance-with-mask-size.htmlPass1 / 1
mask-image/mask-mode-to-mask-type-svg.htmlPass1 / 1
mask-image/mask-mode-to-mask-type.htmlPass1 / 1
mask-image/mask-opacity-1a.htmlPass1 / 1
mask-image/mask-opacity-1b.htmlPass1 / 1
mask-image/mask-opacity-1c.htmlPass1 / 1
mask-image/mask-opacity-1d.htmlPass1 / 1
mask-image/mask-opacity-1e.htmlPass1 / 1
mask-image/mask-origin-1.htmlPass1 / 1
mask-image/mask-origin-3.htmlPass1 / 1
mask-image/mask-position-1a-svg.htmlPass1 / 1
mask-image/mask-position-1a.htmlPass1 / 1
mask-image/mask-position-1b.htmlPass1 / 1
mask-image/mask-position-1c.htmlPass1 / 1
mask-image/mask-position-2a.htmlPass1 / 1
mask-image/mask-position-2b.htmlPass1 / 1
mask-image/mask-position-3a.htmlPass1 / 1
mask-image/mask-position-3b.htmlPass1 / 1
mask-image/mask-position-4a.htmlPass1 / 1
mask-image/mask-position-4b.htmlPass1 / 1
mask-image/mask-position-4c.htmlPass1 / 1
mask-image/mask-position-4d.htmlPass1 / 1
mask-image/mask-position-5.htmlPass1 / 1
mask-image/mask-position-6.htmlPass1 / 1
mask-image/mask-position-7.htmlPass1 / 1
mask-image/mask-position-8.htmlPass1 / 1
mask-image/mask-repeat-1-svg.htmlPass1 / 1
mask-image/mask-repeat-1.htmlPass1 / 1
mask-image/mask-repeat-2-svg.htmlPass1 / 1
mask-image/mask-repeat-2.htmlPass1 / 1
mask-image/mask-repeat-3-svg.htmlPass1 / 1
mask-image/mask-repeat-3.htmlPass1 / 1
mask-image/mask-size-auto-auto.htmlPass1 / 1
mask-image/mask-size-auto-length.htmlPass1 / 1
mask-image/mask-size-auto-percent.htmlPass1 / 1
mask-image/mask-size-auto.htmlPass1 / 1
mask-image/mask-size-contain-clip-border.htmlPass1 / 1
mask-image/mask-size-contain-clip-padding.htmlPass1 / 1
mask-image/mask-size-contain-position-fifty-fifty.htmlPass1 / 1
mask-image/mask-size-contain.htmlPass1 / 1
mask-image/mask-size-cover.htmlPass1 / 1
mask-image/mask-size-length-auto.htmlPass1 / 1
mask-image/mask-size-length-length.htmlPass1 / 1
mask-image/mask-size-length-percent.htmlPass1 / 1
mask-image/mask-size-length.htmlPass1 / 1
mask-image/mask-size-percent-auto.htmlPass1 / 1
mask-image/mask-size-percent-length.htmlPass1 / 1
mask-image/mask-size-percent-percent-stretch.htmlPass1 / 1
mask-image/mask-size-percent-percent.htmlPass1 / 1
mask-image/mask-size-percent.htmlPass1 / 1
mask-image/mask-under-border-radius.htmlPass1 / 1
mask-svg-content/mask-empty-container-with-filter.svgPass1 / 1
mask-svg-content/mask-invalid-reference.svgPass1 / 1
mask-svg-content/mask-negative-scale.svgPass1 / 1
mask-svg-content/mask-on-thin-stroked-path-default.svgPass1 / 1
mask-svg-content/mask-on-thin-stroked-path-userspaceonuse.svgPass1 / 1
mask-svg-content/mask-text-001.svgPass1 / 1
mask-svg-content/mask-type-001.svgPass1 / 1
mask-svg-content/mask-type-002.svgPass1 / 1
mask-svg-content/mask-type-003.svgPass1 / 1
mask-svg-content/mask-with-filter-clipped-to-region.svgPass1 / 1
mask-svg-content/mask-with-filter.svgPass1 / 1
mask-svg-content/mask-with-rotation.svgPass1 / 1