From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Fri, 19 Apr 2024 02:47:55 +0200 Subject: Adding upstream version 124.0.1. Signed-off-by: Daniel Baumann --- .../web-platform/tests/css/css-masking/META.yml | 5 + .../css-masking/animations/clip-interpolation.html | 117 +++++++++++ .../animations/clip-path-composition.html | 189 ++++++++++++++++++ .../animations/clip-path-interpolation-001.html | 141 +++++++++++++ .../animations/clip-path-interpolation-002.html | 221 +++++++++++++++++++++ .../animations/clip-path-interpolation-shape.html | 170 ++++++++++++++++ .../clip-path-interpolation-xywh-rect.html | 169 ++++++++++++++++ .../animations/mask-image-interpolation.html | 110 ++++++++++ .../animations/mask-no-interpolation.html | 17 ++ .../animations/mask-position-interpolation.html | 146 ++++++++++++++ .../clip-path-clip-nested-twice.svg | 23 +++ .../clip-path-clip-rule-001.svg | 18 ++ .../clip-path-clip-rule-002.svg | 18 ++ .../clip-path-clip-rule-003.svg | 21 ++ .../clip-path-clip-rule-004.svg | 21 ++ .../clip-path-clip-rule-005.svg | 19 ++ .../clip-path-clip-rule-006.svg | 20 ++ .../clip-path-clip-rule-007.svg | 19 ++ .../clip-path-clip-rule-008.svg | 20 ++ .../clip-path-clip-rule-009.svg | 18 ++ .../clip-path-clip-rule-010.svg | 18 ++ .../clip-path-svg-content/clip-path-clip.svg | 19 ++ .../clip-path-content-clip-001.svg | 21 ++ .../clip-path-content-clip-002.svg | 21 ++ .../clip-path-content-clip-003.svg | 24 +++ .../clip-path-content-clip-004.svg | 29 +++ .../clip-path-content-invisible.svg | 19 ++ .../clip-path-content-syling.svg | 16 ++ .../clip-path-content-use-001.svg | 20 ++ .../clip-path-content-use-002.svg | 24 +++ .../clip-path-content-use-003.svg | 26 +++ .../clip-path-content-use-004.svg | 21 ++ .../clip-path-content-use-005.svg | 25 +++ .../clip-path-content-use-006.svg | 26 +++ .../clip-path-content-use-007.svg | 25 +++ .../clip-path-css-transform-001.svg | 16 ++ .../clip-path-css-transform-002.svg | 20 ++ .../clip-path-css-transform-003.svg | 18 ++ .../clip-path-css-transform-004.svg | 19 ++ .../clip-path-dom-child-changes.svg | 26 +++ .../clip-path-dom-clippathunits.svg | 26 +++ .../clip-path-svg-content/clip-path-dom-href.svg | 25 +++ .../clip-path-svg-content/clip-path-dom-id.svg | 23 +++ .../clip-path-inset-stroke-001.svg | 15 ++ .../clip-path-inset-stroke-002.svg | 14 ++ .../clip-path-invalid-reference.svg | 13 ++ .../clip-path-svg-content/clip-path-invalid.svg | 21 ++ .../clip-path-negative-scale.svg | 40 ++++ .../clip-path-no-content-001.svg | 15 ++ .../clip-path-no-content-002.svg | 17 ++ .../clip-path-no-content-003.svg | 20 ++ .../clip-path-no-content-004.svg | 23 +++ .../clip-path-no-content-005.svg | 19 ++ .../clip-path-objectboundingbox-001.svg | 18 ++ .../clip-path-objectboundingbox-002.svg | 17 ++ .../clip-path-objectboundingbox-003.svg | 17 ++ .../clip-path-objectboundingbox-004.svg | 20 ++ .../clip-path-svg-content/clip-path-on-g-001.svg | 18 ++ .../clip-path-svg-content/clip-path-on-g-002.svg | 19 ++ .../clip-path-svg-content/clip-path-on-g-003.svg | 19 ++ .../clip-path-svg-content/clip-path-on-g-004.svg | 22 ++ .../clip-path-svg-content/clip-path-on-g-005.svg | 25 +++ .../clip-path-on-marker-001.svg | 21 ++ .../clip-path-on-marker-002.svg | 22 ++ .../clip-path-on-marker-003.svg | 21 ++ .../clip-path-svg-content/clip-path-on-svg-001.svg | 16 ++ .../clip-path-svg-content/clip-path-on-svg-002.svg | 20 ++ .../clip-path-svg-content/clip-path-on-svg-003.svg | 24 +++ .../clip-path-svg-content/clip-path-on-svg-004.svg | 22 ++ .../clip-path-svg-content/clip-path-on-svg-005.svg | 16 ++ .../clip-path-svg-content/clip-path-on-use-001.svg | 20 ++ .../clip-path-svg-content/clip-path-on-use-002.svg | 24 +++ .../clip-path-precision-001.svg | 44 ++++ .../clip-path-recursion-001.svg | 32 +++ .../clip-path-recursion-002.svg | 25 +++ .../clip-path-shape-circle-001.svg | 13 ++ .../clip-path-shape-circle-002.svg | 13 ++ .../clip-path-shape-circle-003.svg | 15 ++ .../clip-path-shape-circle-004.svg | 15 ++ .../clip-path-shape-circle-005.svg | 14 ++ .../clip-path-shape-ellipse-001.svg | 13 ++ .../clip-path-shape-ellipse-002.svg | 13 ++ .../clip-path-shape-inset-001.svg | 17 ++ .../clip-path-shape-inset-002.svg | 16 ++ .../clip-path-shape-polygon-001.svg | 14 ++ .../clip-path-shape-polygon-002.svg | 14 ++ .../clip-path-shape-polygon-003.svg | 14 ++ .../clip-path-svg-content/clip-path-text-001.svg | 17 ++ .../clip-path-svg-content/clip-path-text-002.svg | 19 ++ .../clip-path-svg-content/clip-path-text-003.svg | 19 ++ .../clip-path-svg-content/clip-path-text-004.svg | 19 ++ .../clip-path-svg-content/clip-path-text-005.svg | 22 ++ .../clip-path-userspaceonuse-001.svg | 20 ++ .../clip-path-with-opacity.svg | 17 ++ .../clip-path-with-transform.svg | 18 ++ .../mask-and-nested-clip-path.svg | 16 ++ .../mask-nested-clip-path-001.svg | 40 ++++ .../mask-nested-clip-path-002.svg | 43 ++++ .../mask-nested-clip-path-003.svg | 51 +++++ .../mask-nested-clip-path-004.svg | 36 ++++ .../mask-nested-clip-path-005.svg | 35 ++++ .../mask-nested-clip-path-006.svg | 35 ++++ .../mask-nested-clip-path-007.svg | 36 ++++ .../mask-nested-clip-path-008.svg | 44 ++++ .../mask-nested-clip-path-009.svg | 43 ++++ .../mask-nested-clip-path-010.svg | 45 +++++ .../mask-nested-clip-path-panning-001.svg | 48 +++++ .../mask-nested-clip-path-panning-002.svg | 56 ++++++ ...sk-objectboundingbox-content-clip-transform.svg | 24 +++ .../mask-objectboundingbox-content-clip.svg | 24 +++ .../mask-userspaceonuse-content-clip-transform.svg | 24 +++ .../mask-userspaceonuse-content-clip.svg | 24 +++ .../reference/clip-path-circle-001-ref.svg | 10 + .../reference/clip-path-clip-rule-001-ref.svg | 8 + .../reference/clip-path-clip-rule-002-ref.svg | 8 + .../reference/clip-path-clip-rule-003-ref.svg | 8 + .../reference/clip-path-clip-rule-004-ref.svg | 4 + .../reference/clip-path-content-clip-004-ref.svg | 8 + .../reference/clip-path-ellipse-001-ref.svg | 12 ++ .../reference/clip-path-green-square-001-ref.svg | 8 + .../reference/clip-path-invisible-ref.svg | 6 + .../reference/clip-path-negative-scale-ref.svg | 14 ++ .../reference/clip-path-on-marker-001-ref.svg | 8 + .../reference/clip-path-on-marker-002-ref.svg | 8 + .../reference/clip-path-precision-001-ref.svg | 18 ++ .../reference/clip-path-recursion-002-ref.svg | 5 + .../reference/clip-path-shape-inset-001-ref.svg | 12 ++ .../reference/clip-path-square-001-ref.svg | 7 + .../reference/clip-path-square-002-ref.svg | 7 + .../reference/clip-path-square-003-ref.svg | 8 + .../reference/clip-path-square-hole-001-ref.svg | 7 + .../reference/clip-path-text-001-ref.svg | 8 + .../reference/clip-path-text-002-ref.svg | 9 + .../reference/clip-path-text-003-ref.svg | 11 + .../reference/mask-and-nested-clip-path-ref.svg | 3 + .../reference/mask-content-clip-001-ref.svg | 10 + .../reference/mask-content-clip-002-ref.svg | 10 + .../reference/mask-nested-clip-path-001-ref.svg | 11 + .../reference/mask-nested-clip-path-002-ref.svg | 10 + .../reference/mask-nested-clip-path-003-ref.svg | 8 + ...-path-animation-custom-timing-function-ref.html | 17 ++ ...imation-custom-timing-function-reverse-ref.html | 17 ++ ...h-animation-custom-timing-function-reverse.html | 59 ++++++ ...clip-path-animation-custom-timing-function.html | 54 +++++ .../clip-path-animation-ellipse-mixed-change.html | 38 ++++ .../clip-path-animation-ellipse-ref.html | 15 ++ .../animations/clip-path-animation-ellipse.html | 34 ++++ ...clip-path-animation-ensure-keyframe-update.html | 38 ++++ .../animations/clip-path-animation-filter-ref.html | 14 ++ .../animations/clip-path-animation-filter.html | 28 +++ .../clip-path-animation-fixed-position-ref.html | 28 +++ ...nimation-fixed-position-rounding-error-ref.html | 17 ++ ...th-animation-fixed-position-rounding-error.html | 40 ++++ .../clip-path-animation-fixed-position.html | 52 +++++ .../clip-path-animation-font-size-inherited.html | 38 ++++ ...clip-path-animation-font-size-mixed-change.html | 46 +++++ .../clip-path-animation-font-size-ref.html | 16 ++ .../animations/clip-path-animation-font-size.html | 35 ++++ .../clip-path-animation-forward-fill.html | 35 ++++ .../clip-path-animation-fragmented-ref.html | 4 + .../animations/clip-path-animation-fragmented.html | 42 ++++ ...ip-path-animation-incompatible-shapes1-ref.html | 13 ++ .../clip-path-animation-incompatible-shapes1.html | 37 ++++ ...ip-path-animation-incompatible-shapes2-ref.html | 13 ++ .../clip-path-animation-incompatible-shapes2.html | 37 ++++ .../clip-path-animation-missing-0-percent-ref.html | 14 ++ .../clip-path-animation-missing-0-percent.html | 44 ++++ .../clip-path-animation-mixed-interpolation.html | 26 +++ ...animation-non-keyframe-timing-function-ref.html | 16 ++ ...ath-animation-non-keyframe-timing-function.html | 36 ++++ .../animations/clip-path-animation-none-ref.html | 21 ++ .../animations/clip-path-animation-none.html | 53 +++++ .../clip-path-animation-overflow-ref.html | 14 ++ .../animations/clip-path-animation-overflow.html | 28 +++ .../animations/clip-path-animation-path-ref.html | 15 ++ .../animations/clip-path-animation-path.html | 35 ++++ .../clip-path-animation-polygon-mixed-change.html | 38 ++++ .../clip-path-animation-polygon-ref.html | 15 ++ .../animations/clip-path-animation-polygon.html | 34 ++++ .../animations/clip-path-animation-ref.html | 13 ++ .../animations/clip-path-animation-svg-ref.html | 26 +++ .../clip-path-animation-svg-zoom-ref.html | 27 +++ .../animations/clip-path-animation-svg-zoom.html | 43 ++++ .../animations/clip-path-animation-svg.html | 42 ++++ .../clip-path-animation-three-keyframes1-ref.html | 13 ++ .../clip-path-animation-three-keyframes1.html | 45 +++++ .../clip-path-animation-three-keyframes2-ref.html | 13 ++ .../clip-path-animation-three-keyframes2.html | 49 +++++ .../animations/clip-path-animation-zoom-ref.html | 17 ++ .../animations/clip-path-animation-zoom.html | 35 ++++ .../clip-path/animations/clip-path-animation.html | 26 +++ .../clip-path-path-interpolation-001-ref.html | 24 +++ .../clip-path-path-interpolation-001.html | 35 ++++ .../clip-path-path-interpolation-002-ref.html | 24 +++ .../clip-path-path-interpolation-002.html | 35 ++++ ...clip-path-path-interpolation-with-zoom-ref.html | 12 ++ .../clip-path-path-interpolation-with-zoom.html | 27 +++ .../clip-path-rect-interpolation-001.html | 34 ++++ .../clip-path-shape-interpolation-001.html | 39 ++++ .../clip-path-shape-interpolation-002.html | 39 ++++ ...lip-path-transition-custom-timing-function.html | 38 ++++ .../animations/clip-path-transition-ref.html | 13 ++ .../clip-path/animations/clip-path-transition.html | 34 ++++ .../clip-path-xywh-interpolation-001-ref.html | 20 ++ .../clip-path-xywh-interpolation-001.html | 34 ++++ .../two-clip-path-animation-diff-length1-ref.html | 14 ++ .../two-clip-path-animation-diff-length1.html | 50 +++++ .../two-clip-path-animation-diff-length2-ref.html | 14 ++ .../two-clip-path-animation-diff-length2.html | 50 +++++ .../two-clip-path-animation-diff-length3-ref.html | 14 ++ .../two-clip-path-animation-diff-length3.html | 53 +++++ .../clip-path/clip-path-blending-offset-ref.html | 3 + .../clip-path/clip-path-blending-offset.html | 26 +++ .../clip-path/clip-path-borderBox-1a.html | 29 +++ .../clip-path/clip-path-borderBox-1b.html | 19 ++ .../clip-path/clip-path-borderBox-1c.html | 31 +++ .../clip-path/clip-path-borderBox-1d.html | 18 ++ .../clip-path/clip-path-borderBox-1e.html | 21 ++ .../clip-path/clip-path-circle-001.html | 20 ++ .../clip-path/clip-path-circle-002.html | 19 ++ .../clip-path/clip-path-circle-003.html | 19 ++ .../clip-path/clip-path-circle-004.html | 19 ++ .../clip-path/clip-path-circle-005.html | 19 ++ .../clip-path/clip-path-circle-006.html | 20 ++ .../clip-path/clip-path-circle-007.html | 24 +++ .../clip-path/clip-path-circle-008.html | 24 +++ .../clip-path/clip-path-columns-shape-001.html | 20 ++ .../clip-path/clip-path-columns-shape-002.html | 25 +++ .../clip-path/clip-path-contentBox-1a.html | 28 +++ .../clip-path/clip-path-contentBox-1b.html | 19 ++ .../clip-path/clip-path-contentBox-1c.html | 29 +++ .../clip-path/clip-path-contentBox-1d.html | 28 +++ .../clip-path/clip-path-contentBox-1e.html | 31 +++ .../clip-path-descendant-text-mutated-001.html | 32 +++ .../clip-path-document-element-will-change.html | 21 ++ .../clip-path/clip-path-document-element.html | 20 ++ .../clip-path-element-userSpaceOnUse-001.html | 23 +++ .../clip-path-element-userSpaceOnUse-002.html | 23 +++ .../clip-path-element-userSpaceOnUse-003.html | 32 +++ .../clip-path-element-userSpaceOnUse-004.html | 32 +++ .../clip-path/clip-path-ellipse-001.html | 18 ++ .../clip-path/clip-path-ellipse-002.html | 20 ++ .../clip-path/clip-path-ellipse-003.html | 20 ++ .../clip-path/clip-path-ellipse-004.html | 18 ++ .../clip-path/clip-path-ellipse-005.html | 21 ++ .../clip-path/clip-path-ellipse-006.html | 18 ++ .../clip-path/clip-path-ellipse-007.html | 19 ++ .../clip-path/clip-path-ellipse-008.html | 22 ++ .../clip-path/clip-path-fillBox-1a.html | 32 +++ .../clip-path/clip-path-fillBox-1b.html | 18 ++ .../clip-path/clip-path-filter-order-ref.html | 21 ++ .../clip-path/clip-path-filter-order.html | 25 +++ .../clip-path/clip-path-filter-radius-clips.html | 12 ++ .../clip-path/clip-path-fixed-nested-ref.html | 17 ++ .../clip-path/clip-path-fixed-nested.html | 38 ++++ .../clip-path/clip-path-fixed-scroll-ref.html | 6 + .../clip-path/clip-path-fixed-scroll.html | 20 ++ .../clip-path-foreignobject-non-zero-xy.html | 14 ++ .../clip-path/clip-path-geometryBox-1-ref.html | 14 ++ .../clip-path/clip-path-geometryBox-2-ref.html | 14 ++ .../clip-path/clip-path-geometryBox-2.html | 28 +++ .../clip-path/clip-path-inline-001.html | 32 +++ .../clip-path/clip-path-inline-002.html | 32 +++ .../clip-path/clip-path-inline-003.html | 32 +++ .../clip-path/clip-path-inline-004-ref.html | 18 ++ .../clip-path/clip-path-inline-004.html | 21 ++ .../clip-path/clip-path-inline-005-ref.html | 18 ++ .../clip-path/clip-path-inline-005.html | 21 ++ .../clip-path/clip-path-inline-006-ref.html | 18 ++ .../clip-path/clip-path-inline-006.html | 21 ++ .../clip-path/clip-path-inline-007-ref.html | 17 ++ .../clip-path/clip-path-inline-007.html | 25 +++ .../clip-path/clip-path-inline-008-ref.html | 17 ++ .../clip-path/clip-path-inline-008.html | 28 +++ .../clip-path/clip-path-inline-009-ref.html | 18 ++ .../clip-path/clip-path-inline-009.html | 23 +++ .../clip-path/clip-path-inline-010-ref.html | 17 ++ .../clip-path/clip-path-inline-010.html | 26 +++ .../clip-path-inset-round-percent-ref.html | 14 ++ .../clip-path/clip-path-inset-round-percent.html | 19 ++ .../clip-path/clip-path-localRef-1-ref.html | 27 +++ .../clip-path/clip-path-localRef-1.html | 32 +++ .../clip-path/clip-path-marginBox-1a.html | 19 ++ .../clip-path/clip-path-marginBox-1b.html | 20 ++ .../clip-path/clip-path-marginBox-1c.html | 23 +++ .../clip-path/clip-path-marginBox-1d-ref.html | 11 + .../clip-path/clip-path-marginBox-1d.html | 31 +++ .../clip-path/clip-path-mix-blend-mode-1-ref.html | 29 +++ .../clip-path/clip-path-mix-blend-mode-1.html | 41 ++++ .../clip-path-on-fixed-position-scroll-ref.html | 15 ++ .../clip-path-on-fixed-position-scroll.html | 35 ++++ .../clip-path/clip-path-paddingBox-1a.html | 28 +++ .../clip-path/clip-path-paddingBox-1b.html | 19 ++ .../clip-path/clip-path-paddingBox-1c.html | 30 +++ .../clip-path/clip-path-paddingBox-1d.html | 18 ++ .../clip-path/clip-path-paddingBox-1e.html | 21 ++ .../css-masking/clip-path/clip-path-path-001.html | 23 +++ .../css-masking/clip-path/clip-path-path-002.html | 23 +++ .../css-masking/clip-path/clip-path-path-003.html | 16 ++ .../clip-path-path-with-zoom-hittest.html | 25 +++ .../clip-path/clip-path-path-with-zoom.html | 23 +++ .../clip-path/clip-path-polygon-001.html | 17 ++ .../clip-path/clip-path-polygon-002.html | 20 ++ .../clip-path/clip-path-polygon-003.html | 17 ++ .../clip-path/clip-path-polygon-004.html | 21 ++ .../clip-path/clip-path-polygon-005.html | 22 ++ .../clip-path/clip-path-polygon-006.html | 29 +++ .../clip-path/clip-path-polygon-007.html | 30 +++ .../clip-path/clip-path-polygon-008.html | 31 +++ .../clip-path/clip-path-polygon-009.html | 29 +++ .../clip-path/clip-path-polygon-010.html | 32 +++ .../clip-path/clip-path-polygon-011.html | 32 +++ .../clip-path/clip-path-polygon-012.html | 32 +++ .../clip-path/clip-path-polygon-013.html | 52 +++++ .../css-masking/clip-path/clip-path-rect-001.html | 22 ++ .../css-masking/clip-path/clip-path-rect-002.html | 22 ++ .../css-masking/clip-path/clip-path-rect-003.html | 23 +++ .../clip-path/clip-path-reference-box-001.html | 19 ++ .../clip-path/clip-path-reference-box-002.html | 19 ++ .../clip-path/clip-path-reference-box-003.html | 26 +++ .../clip-path/clip-path-reference-box-004.html | 29 +++ .../clip-path/clip-path-reference-restore.html | 31 +++ ...lip-path-rotated-will-change-transform-ref.html | 4 + .../clip-path-rotated-will-change-transform.html | 11 + .../clip-path/clip-path-round-zero-size-ref.html | 13 ++ .../clip-path/clip-path-round-zero-size.html | 20 ++ .../clip-path/clip-path-scaled-video-ref.html | 2 + .../clip-path/clip-path-scaled-video.html | 46 +++++ .../css-masking/clip-path/clip-path-scroll.html | 24 +++ .../css-masking/clip-path/clip-path-shape-001.html | 25 +++ .../clip-path/clip-path-shape-002-units.html | 37 ++++ .../css-masking/clip-path/clip-path-shape-002.html | 25 +++ .../css-masking/clip-path/clip-path-shape-003.html | 36 ++++ .../css-masking/clip-path/clip-path-shape-004.html | 35 ++++ .../clip-path-shape-foreignobject-non-zero-xy.html | 11 + .../clip-path/clip-path-strokeBox-1a.html | 32 +++ .../clip-path/clip-path-strokeBox-1b.html | 18 ++ .../clip-path/clip-path-strokeBox-1c.html | 18 ++ .../clip-path/clip-path-svg-invalidate-ref.html | 28 +++ .../clip-path/clip-path-svg-invalidate.html | 41 ++++ .../clip-path-svg-text-backdrop-filter-ref.html | 11 + .../clip-path-svg-text-backdrop-filter.html | 25 +++ .../clip-path/clip-path-svg-text-css.html | 24 +++ .../clip-path/clip-path-svg-text-font-loading.html | 30 +++ .../clip-path/clip-path-transform-mutated-001.html | 27 +++ .../clip-path/clip-path-transform-mutated-002.html | 32 +++ .../clip-path-url-reference-change-from-empty.html | 23 +++ .../clip-path/clip-path-url-reference-change.html | 25 +++ ...ath-url-reference-svg-foreignobject-zoomed.html | 23 +++ .../clip-path/clip-path-viewBox-1a.html | 19 ++ .../clip-path/clip-path-viewBox-1b.html | 19 ++ .../clip-path/clip-path-viewBox-1c.html | 32 +++ .../clip-path/clip-path-viewBox-1d.html | 18 ++ .../css-masking/clip-path/clip-path-xywh-001.html | 22 ++ .../css-masking/clip-path/clip-path-xywh-002.html | 22 ++ .../css-masking/clip-path/clip-path-xywh-003.html | 23 +++ .../css/css-masking/clip-path/interpolation.html | 60 ++++++ .../reference-local-url-with-base-001.html | 25 +++ .../css-masking/clip-path/reference-mutated.html | 32 +++ .../reference-nonexisting-existing-local.html | 21 ++ .../reference/clip-path-circle-2-ref.html | 17 ++ .../reference/clip-path-circle-3-ref.html | 17 ++ .../clip-path/reference/clip-path-circle-ref.html | 11 + .../reference/clip-path-columns-shape-001-ref.html | 4 + .../reference/clip-path-columns-shape-002-ref.html | 4 + .../clip-path-descendant-text-mutated-001-ref.html | 2 + .../reference/clip-path-document-element-ref.html | 12 ++ .../clip-path/reference/clip-path-ellipse-ref.html | 11 + .../clip-path-filter-radius-clips-ref.html | 4 + .../reference/clip-path-path-001-ref.html | 29 +++ .../reference/clip-path-path-002-ref.html | 29 +++ .../reference/clip-path-path-with-zoom-ref.html | 13 ++ .../reference/clip-path-rectangle-border-ref.html | 11 + .../reference/clip-path-rectangle-ref.html | 11 + .../reference/clip-path-ref-bottom-green-ref.html | 19 ++ .../reference/clip-path-ref-right-green-ref.html | 19 ++ .../reference/clip-path-reference-box-001-ref.html | 2 + .../reference/clip-path-reference-box-002-ref.html | 2 + .../reference/clip-path-reference-box-003-ref.html | 2 + .../reference/clip-path-reference-box-004-ref.html | 2 + .../reference/clip-path-reference-restore-ref.html | 2 + .../clip-path/reference/clip-path-scroll-ref.html | 5 + .../reference/clip-path-shape-003-ref.html | 22 ++ .../reference/clip-path-shape-004-ref.html | 22 ++ .../reference/clip-path-square-001-ref.html | 11 + .../reference/clip-path-square-002-ref.html | 11 + .../reference/clip-path-stripes-001-ref.html | 13 ++ .../reference/clip-path-stripes-002-ref.html | 13 ++ .../reference/clip-path-stripes-003-ref.html | 44 ++++ .../reference/clip-path-svg-text-css-ref.html | 16 ++ .../clip-path-transform-mutated-001-ref.html | 2 + .../clip-path-transform-mutated-002-ref.html | 2 + .../reference/clip-path-xywh-003-ref.html | 17 ++ .../clip-path/reference/green-100x100.html | 2 + .../clip-path/reference/green-circle-100x100.html | 2 + .../reference-local-url-with-base-001-ref.html | 2 + .../clip-path/reference/reference-mutated-ref.html | 2 + .../reference-nonexisting-existing-local-ref.html | 2 + .../clip-path/svg-clip-path-circle-offset-ref.html | 4 + .../clip-path/svg-clip-path-circle-offset.html | 10 + .../svg-clip-path-ellipse-offset-ref.html | 4 + .../clip-path/svg-clip-path-ellipse-offset.html | 10 + .../clip-path/svg-clip-path-fixed-values-ref.html | 49 +++++ .../clip-path/svg-clip-path-fixed-values.html | 24 +++ .../css/css-masking/clip-path/svg-clipPath.svg | 7 + .../css/css-masking/clip-rule/clip-rule-001.html | 28 +++ .../css/css-masking/clip-rule/clip-rule-002.html | 28 +++ .../clip-rule/clip-rule-no-interpolation.html | 15 ++ .../reference/clip-rule-rectangle-border-ref.html | 11 + .../clip/clip-absolute-positioned-001.html | 18 ++ .../clip/clip-absolute-positioned-002.html | 18 ++ .../css-masking/clip/clip-filter-order-ref.html | 24 +++ .../css/css-masking/clip/clip-filter-order.html | 28 +++ ...lip-fixed-pos-transform-descendant-001-ref.html | 11 + .../clip-fixed-pos-transform-descendant-001.html | 38 ++++ .../css-masking/clip/clip-negative-values-001.html | 19 ++ .../css-masking/clip/clip-negative-values-002.html | 19 ++ .../css-masking/clip/clip-negative-values-003.html | 17 ++ .../css-masking/clip/clip-negative-values-004.html | 17 ++ .../css/css-masking/clip/clip-no-clipping-001.html | 16 ++ .../css/css-masking/clip/clip-no-clipping-002.html | 20 ++ .../clip/clip-no-stacking-context-ref.html | 4 + .../css-masking/clip/clip-no-stacking-context.html | 36 ++++ .../clip/clip-not-absolute-positioned-001.html | 18 ++ .../clip/clip-not-absolute-positioned-002.html | 19 ++ .../clip/clip-not-absolute-positioned-003.html | 19 ++ .../clip/clip-not-absolute-positioned-004.html | 18 ++ .../css/css-masking/clip/clip-rect-auto-001.html | 20 ++ .../css/css-masking/clip/clip-rect-auto-002.html | 18 ++ .../css/css-masking/clip/clip-rect-auto-003.html | 17 ++ .../css/css-masking/clip/clip-rect-auto-004.html | 18 ++ .../css/css-masking/clip/clip-rect-auto-005.html | 18 ++ .../css/css-masking/clip/clip-rect-auto-006.html | 18 ++ .../css/css-masking/clip/clip-rect-comma-001.html | 17 ++ .../css/css-masking/clip/clip-rect-comma-002.html | 17 ++ .../css/css-masking/clip/clip-rect-comma-003.html | 17 ++ .../css/css-masking/clip/clip-rect-comma-004.html | 17 ++ .../css/css-masking/clip/clip-rect-scroll.html | 24 +++ .../css-masking/clip/clip-transform-order-2.html | 30 +++ .../css/css-masking/clip/clip-transform-order.html | 28 +++ .../reference/clip-absolute-positioned-ref.html | 11 + .../css-masking/clip/reference/clip-full-ref.html | 11 + .../clip/reference/clip-horizontal-stripe-ref.html | 11 + .../clip/reference/clip-no-clipping-ref.html | 11 + .../clip/reference/clip-overflow-hidden-ref.html | 13 ++ .../clip/reference/clip-rect-bottom-ref.html | 13 ++ .../clip/reference/clip-rect-left-ref.html | 13 ++ .../clip/reference/clip-rect-right-ref.html | 13 ++ .../clip/reference/clip-rect-scroll-ref.html | 5 + .../clip/reference/clip-rect-top-ref.html | 13 ++ .../clip/reference/clip-vertical-stripe-ref.html | 11 + .../clip-path-element-objectboundingbox-001.html | 41 ++++ .../clip-path-element-objectboundingbox-002.html | 44 ++++ .../clip-path-element-userspaceonuse-001.html | 41 ++++ .../clip-path-shape-polygon-and-box-shadow.html | 36 ++++ .../hit-test/clip-path-svg-geometry-box.html | 86 ++++++++ .../tests/css/css-masking/idlharness.html | 31 +++ .../tests/css/css-masking/inheritance.sub.html | 38 ++++ .../css-masking/mask-image/mask-clip-1-ref.html | 50 +++++ .../css/css-masking/mask-image/mask-clip-1.html | 77 +++++++ .../css-masking/mask-image/mask-clip-2-ref.html | 28 +++ .../css/css-masking/mask-image/mask-clip-2.html | 49 +++++ .../css-masking/mask-image/mask-clip-3-ref.html | 41 ++++ .../css/css-masking/mask-image/mask-clip-3.html | 56 ++++++ .../css-masking/mask-image/mask-clip-4-ref.html | 31 +++ .../css/css-masking/mask-image/mask-clip-4.html | 56 ++++++ .../css/css-masking/mask-image/mask-clip-5.html | 56 ++++++ .../css/css-masking/mask-image/mask-clip-6.html | 30 +++ .../css-masking/mask-image/mask-clip-7-ref.html | 37 ++++ .../css/css-masking/mask-image/mask-clip-7.html | 45 +++++ .../css-masking/mask-image/mask-clip-8-ref.html | 48 +++++ .../css/css-masking/mask-image/mask-clip-8.html | 52 +++++ .../mask-image/mask-composite-1-ref.html | 33 +++ .../css-masking/mask-image/mask-composite-1a.html | 51 +++++ .../css-masking/mask-image/mask-composite-1b.html | 51 +++++ .../css-masking/mask-image/mask-composite-1c.html | 56 ++++++ .../css-masking/mask-image/mask-composite-1d.html | 61 ++++++ .../mask-image/mask-composite-2-ref.html | 39 ++++ .../css-masking/mask-image/mask-composite-2a.html | 51 +++++ .../css-masking/mask-image/mask-composite-2b.html | 51 +++++ .../css-masking/mask-image/mask-composite-2c.html | 59 ++++++ .../css-masking/mask-image/mask-composite-2d.html | 47 +++++ .../css-masking/mask-image/mask-image-1-ref.html | 19 ++ .../css/css-masking/mask-image/mask-image-1a.html | 26 +++ .../css/css-masking/mask-image/mask-image-1b.html | 26 +++ .../css/css-masking/mask-image/mask-image-1c.html | 26 +++ .../css/css-masking/mask-image/mask-image-1d.html | 17 ++ .../css-masking/mask-image/mask-image-2-ref.html | 20 ++ .../css/css-masking/mask-image/mask-image-2.html | 32 +++ .../css-masking/mask-image/mask-image-3-ref.html | 16 ++ .../css/css-masking/mask-image/mask-image-3a.html | 34 ++++ .../css/css-masking/mask-image/mask-image-3b.html | 33 +++ .../css/css-masking/mask-image/mask-image-3c.html | 33 +++ .../css/css-masking/mask-image/mask-image-3d.html | 33 +++ .../css/css-masking/mask-image/mask-image-3e.html | 43 ++++ .../css/css-masking/mask-image/mask-image-3f.html | 36 ++++ .../css/css-masking/mask-image/mask-image-3g.html | 47 +++++ .../css/css-masking/mask-image/mask-image-3h.html | 34 ++++ .../css/css-masking/mask-image/mask-image-3i.html | 33 +++ .../css/css-masking/mask-image/mask-image-4a.html | 26 +++ .../css/css-masking/mask-image/mask-image-4b.html | 31 +++ .../css-masking/mask-image/mask-image-5-ref.html | 19 ++ .../css/css-masking/mask-image/mask-image-5.html | 26 +++ .../css-masking/mask-image/mask-image-6-ref.html | 25 +++ .../css/css-masking/mask-image/mask-image-6.html | 32 +++ .../mask-image/mask-image-clip-exclude-ref.html | 10 + .../mask-image/mask-image-clip-exclude.html | 19 ++ .../mask-image/mask-image-data-url-image.html | 27 +++ .../mask-image/mask-image-ib-split-2.html | 24 +++ .../mask-image/mask-image-ib-split.html | 14 ++ .../mask-image/mask-image-inline-sliced-1.html | 19 ++ .../mask-image-svg-child-will-change.html | 21 ++ .../mask-image-svg-foreignobject-zoomed.html | 24 +++ .../mask-image/mask-image-svg-gradient-zoomed.html | 14 ++ .../mask-image/mask-image-url-image-hash.html | 28 +++ .../mask-image/mask-image-url-image.html | 28 +++ .../mask-image/mask-image-url-local-mask.html | 33 +++ .../mask-image/mask-image-url-remote-mask.html | 28 +++ .../css/css-masking/mask-image/mask-mode-a.html | 61 ++++++ .../css/css-masking/mask-image/mask-mode-b.html | 62 ++++++ .../css/css-masking/mask-image/mask-mode-c.html | 61 ++++++ .../css/css-masking/mask-image/mask-mode-d.html | 61 ++++++ .../css/css-masking/mask-image/mask-mode-e.html | 57 ++++++ .../css/css-masking/mask-image/mask-mode-ref.html | 52 +++++ .../mask-image/mask-mode-to-mask-type-ref.html | 63 ++++++ .../mask-image/mask-mode-to-mask-type-svg.html | 84 ++++++++ .../mask-image/mask-mode-to-mask-type.html | 90 +++++++++ .../css-masking/mask-image/mask-opacity-1-ref.html | 22 ++ .../css-masking/mask-image/mask-opacity-1a.html | 29 +++ .../css-masking/mask-image/mask-opacity-1b.html | 33 +++ .../css-masking/mask-image/mask-opacity-1c.html | 28 +++ .../css-masking/mask-image/mask-opacity-1d.html | 33 +++ .../css-masking/mask-image/mask-opacity-1e.html | 36 ++++ .../css-masking/mask-image/mask-origin-1-ref.html | 34 ++++ .../css/css-masking/mask-image/mask-origin-1.html | 48 +++++ .../css-masking/mask-image/mask-origin-3-ref.html | 29 +++ .../css/css-masking/mask-image/mask-origin-3.html | 52 +++++ .../mask-image/mask-position-1-ref.html | 33 +++ .../mask-image/mask-position-1a-svg.html | 46 +++++ .../css-masking/mask-image/mask-position-1a.html | 39 ++++ .../css-masking/mask-image/mask-position-1b.html | 39 ++++ .../css-masking/mask-image/mask-position-1c.html | 39 ++++ .../mask-image/mask-position-2-ref.html | 29 +++ .../css-masking/mask-image/mask-position-2a.html | 34 ++++ .../css-masking/mask-image/mask-position-2b.html | 34 ++++ .../mask-image/mask-position-3-ref.html | 29 +++ .../css-masking/mask-image/mask-position-3a.html | 34 ++++ .../css-masking/mask-image/mask-position-3b.html | 34 ++++ .../mask-image/mask-position-4-ref.html | 29 +++ .../css-masking/mask-image/mask-position-4a.html | 34 ++++ .../css-masking/mask-image/mask-position-4b.html | 34 ++++ .../css-masking/mask-image/mask-position-4c.html | 34 ++++ .../css-masking/mask-image/mask-position-4d.html | 32 +++ .../mask-image/mask-position-5-ref.html | 38 ++++ .../css-masking/mask-image/mask-position-5.html | 35 ++++ .../mask-image/mask-position-6-ref.html | 30 +++ .../css-masking/mask-image/mask-position-6.html | 50 +++++ .../mask-image/mask-position-7-ref.html | 30 +++ .../css-masking/mask-image/mask-position-7.html | 50 +++++ .../css-masking/mask-image/mask-position-8.html | 15 ++ .../css-masking/mask-image/mask-repeat-1-ref.html | 49 +++++ .../css-masking/mask-image/mask-repeat-1-svg.html | 63 ++++++ .../css/css-masking/mask-image/mask-repeat-1.html | 48 +++++ .../css-masking/mask-image/mask-repeat-2-ref.html | 45 +++++ .../css-masking/mask-image/mask-repeat-2-svg.html | 48 +++++ .../css/css-masking/mask-image/mask-repeat-2.html | 43 ++++ .../css-masking/mask-image/mask-repeat-3-ref.html | 40 ++++ .../css-masking/mask-image/mask-repeat-3-svg.html | 48 +++++ .../css/css-masking/mask-image/mask-repeat-3.html | 43 ++++ .../mask-image/mask-size-auto-auto.html | 35 ++++ .../mask-image/mask-size-auto-length-ref.html | 27 +++ .../mask-image/mask-size-auto-length.html | 34 ++++ .../mask-image/mask-size-auto-percent.html | 34 ++++ .../css-masking/mask-image/mask-size-auto-ref.html | 27 +++ .../css/css-masking/mask-image/mask-size-auto.html | 35 ++++ .../mask-size-contain-clip-border-ref.html | 27 +++ .../mask-image/mask-size-contain-clip-border.html | 37 ++++ .../mask-size-contain-clip-padding-ref.html | 35 ++++ .../mask-image/mask-size-contain-clip-padding.html | 35 ++++ ...mask-size-contain-position-fifty-fifty-ref.html | 33 +++ .../mask-size-contain-position-fifty-fifty.html | 36 ++++ .../mask-image/mask-size-contain-ref.html | 27 +++ .../css-masking/mask-image/mask-size-contain.html | 35 ++++ .../mask-image/mask-size-cover-ref.html | 21 ++ .../css-masking/mask-image/mask-size-cover.html | 29 +++ .../mask-image/mask-size-length-auto.html | 35 ++++ .../mask-image/mask-size-length-length-ref.html | 27 +++ .../mask-image/mask-size-length-length.html | 35 ++++ .../mask-image/mask-size-length-percent-ref.html | 27 +++ .../mask-image/mask-size-length-percent.html | 35 ++++ .../css-masking/mask-image/mask-size-length.html | 35 ++++ .../mask-image/mask-size-percent-auto.html | 35 ++++ .../mask-image/mask-size-percent-length.html | 35 ++++ .../mask-image/mask-size-percent-percent-ref.html | 27 +++ .../mask-size-percent-percent-stretch-ref.html | 29 +++ .../mask-size-percent-percent-stretch.html | 35 ++++ .../mask-image/mask-size-percent-percent.html | 35 ++++ .../css-masking/mask-image/mask-size-percent.html | 35 ++++ .../mask-image/reference/1x1-black-30-alpha.png | Bin 0 -> 109 bytes .../reference/mask-image-data-url-image-ref.html | 24 +++ .../reference/mask-image-ib-split-2-ref.html | 21 ++ .../reference/mask-image-ib-split-ref.html | 11 + .../reference/mask-image-inline-sliced-1-ref.html | 14 ++ .../mask-image/reference/mask-image-ref.html | 14 ++ .../mask-image-svg-child-will-change-ref.html | 3 + .../mask-image/support/50x100-opaque-blue.svg | 4 + .../mask-image/support/50x50-opaque-blue.svg | 4 + .../mask-image/support/blue-100x100.png | Bin 0 -> 40279 bytes .../mask-image/support/blue-100x100.svg | 4 + .../support/blue-100x50-transparent-100x50.png | Bin 0 -> 237 bytes .../support/blue-100x50-transparent-100x50.svg | 5 + .../mask-image/support/blue-luminance-100x100.svg | 4 + .../mask-image/support/green-100x100.png | Bin 0 -> 40279 bytes .../mask-image/support/green-100x100.svg | 4 + .../mask-image/support/green-luminance-100x100.svg | 4 + .../mask-image/support/image-with-ref.svg | 9 + .../css/css-masking/mask-image/support/image.svg | 3 + .../support/mask-half-transparent-100x100.svg | 9 + .../css/css-masking/mask-image/support/mask.svg | 5 + .../css-masking/mask-image/support/red-100x100.png | Bin 0 -> 40279 bytes .../css-masking/mask-image/support/red-100x100.svg | 4 + .../mask-image/support/red-luminance-100x100.svg | 4 + .../support/transparent-100x50-blue-100x50.png | Bin 0 -> 233 bytes .../support/transparent-100x50-blue-100x50.svg | 5 + .../mask-shorthand-subproperties-reset.html | 52 +++++ .../mask-empty-container-with-filter.svg | 23 +++ .../mask-svg-content/mask-invalid-reference.svg | 13 ++ .../mask-svg-content/mask-negative-scale.svg | 40 ++++ .../css-masking/mask-svg-content/mask-text-001.svg | 19 ++ .../css-masking/mask-svg-content/mask-type-001.svg | 19 ++ .../css-masking/mask-svg-content/mask-type-002.svg | 19 ++ .../css-masking/mask-svg-content/mask-type-003.svg | 19 ++ .../mask-with-filter-clipped-to-region.svg | 26 +++ .../mask-svg-content/mask-with-filter.svg | 25 +++ .../mask-svg-content/mask-with-rotation.svg | 16 ++ .../reference/mask-green-square-001-ref.svg | 8 + .../reference/mask-negative-scale-001-ref.svg | 15 ++ .../reference/mask-text-001-ref.svg | 10 + .../css/css-masking/parsing/clip-computed.html | 26 +++ .../css/css-masking/parsing/clip-invalid.html | 20 ++ .../css-masking/parsing/clip-path-computed.html | 47 +++++ .../css/css-masking/parsing/clip-path-invalid.html | 65 ++++++ .../parsing/clip-path-shape-parsing.html | 57 ++++++ .../css/css-masking/parsing/clip-path-valid.html | 86 ++++++++ .../css-masking/parsing/clip-rule-computed.html | 19 ++ .../css/css-masking/parsing/clip-rule-invalid.html | 19 ++ .../css/css-masking/parsing/clip-rule-valid.html | 19 ++ .../tests/css/css-masking/parsing/clip-valid.html | 20 ++ .../parsing/mask-composite-computed.html | 21 ++ .../parsing/mask-composite-invalid.html | 30 +++ .../css-masking/parsing/mask-composite-valid.html | 21 ++ .../css/css-masking/parsing/mask-computed.html | 94 +++++++++ .../css/css-masking/parsing/mask-invalid.html | 37 ++++ .../css-masking/parsing/mask-position-invalid.html | 30 +++ .../css-masking/parsing/mask-position-valid.html | 39 ++++ .../css-masking/parsing/mask-repeat-computed.html | 44 ++++ .../css-masking/parsing/mask-repeat-invalid.html | 25 +++ .../css/css-masking/parsing/mask-repeat-valid.html | 47 +++++ .../css-masking/parsing/mask-type-computed.html | 19 ++ .../css/css-masking/parsing/mask-type-invalid.html | 19 ++ .../css/css-masking/parsing/mask-type-valid.html | 18 ++ .../css/css-masking/parsing/mask-valid.sub.html | 106 ++++++++++ .../tests/css/css-masking/resources/blue-20.png | Bin 0 -> 126 bytes .../tests/css/css-masking/resources/green-20.png | Bin 0 -> 137 bytes .../tests/css/css-masking/resources/stripes-20.png | Bin 0 -> 156 bytes 665 files changed, 17731 insertions(+) create mode 100644 testing/web-platform/tests/css/css-masking/META.yml create mode 100644 testing/web-platform/tests/css/css-masking/animations/clip-interpolation.html create mode 100644 testing/web-platform/tests/css/css-masking/animations/clip-path-composition.html create mode 100644 testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-001.html create mode 100644 testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-002.html create mode 100644 testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-shape.html create mode 100644 testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-xywh-rect.html create mode 100644 testing/web-platform/tests/css/css-masking/animations/mask-image-interpolation.html create mode 100644 testing/web-platform/tests/css/css-masking/animations/mask-no-interpolation.html create mode 100644 testing/web-platform/tests/css/css-masking/animations/mask-position-interpolation.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-nested-twice.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-005.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-006.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-007.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-008.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-009.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-010.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-invisible.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-syling.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-005.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-006.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-007.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-child-changes.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-clippathunits.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-href.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-id.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-invalid-reference.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-invalid.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-negative-scale.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-005.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-005.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-005.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-use-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-use-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-precision-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-recursion-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-recursion-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-005.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-ellipse-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-ellipse-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-inset-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-inset-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-005.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-userspaceonuse-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-with-opacity.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-with-transform.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-and-nested-clip-path.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-004.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-005.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-006.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-007.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-008.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-009.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-010.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-panning-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-panning-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-objectboundingbox-content-clip-transform.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-objectboundingbox-content-clip.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-userspaceonuse-content-clip-transform.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-userspaceonuse-content-clip.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-circle-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-002-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-003-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-004-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-content-clip-004-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-ellipse-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-green-square-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-invisible-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-negative-scale-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-on-marker-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-on-marker-002-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-precision-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-recursion-002-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-shape-inset-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-002-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-003-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-hole-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-002-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-003-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-and-nested-clip-path-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-content-clip-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-content-clip-002-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-002-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-003-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-reverse-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-reverse.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse-mixed-change.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ensure-keyframe-update.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-filter-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-filter.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-rounding-error-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-rounding-error.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-inherited.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-mixed-change.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-forward-fill.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fragmented-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fragmented.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes1.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes2.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-missing-0-percent-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-missing-0-percent.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-mixed-interpolation.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-non-keyframe-timing-function-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-non-keyframe-timing-function.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-none-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-none.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-overflow-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-overflow.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-path-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-path.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon-mixed-change.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-zoom-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-zoom.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes1.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes2.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-zoom-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-zoom.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-002-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-with-zoom-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-with-zoom.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-rect-interpolation-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-shape-interpolation-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-shape-interpolation-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition-custom-timing-function.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-xywh-interpolation-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-xywh-interpolation-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length1.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length2.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length3-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length3.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-blending-offset-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-blending-offset.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1d.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1e.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-005.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-006.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-007.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-008.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-columns-shape-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-columns-shape-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1d.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1e.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-descendant-text-mutated-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-document-element-will-change.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-document-element.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-005.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-006.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-007.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-008.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-fillBox-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-fillBox-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-order-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-order.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-radius-clips.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-scroll-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-scroll.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-foreignobject-non-zero-xy.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-2.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-004-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-005-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-005.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-006-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-006.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-007-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-007.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-008-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-008.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-009-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-009.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-010-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-010.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inset-round-percent-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-inset-round-percent.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-localRef-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-localRef-1.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1d-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1d.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-mix-blend-mode-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-mix-blend-mode-1.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1d.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1e.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-with-zoom-hittest.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-with-zoom.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-005.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-006.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-007.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-008.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-009.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-010.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-011.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-012.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-013.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-restore.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-round-zero-size-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-round-zero-size.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-scaled-video-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-scaled-video.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-scroll.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-002-units.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-foreignobject-non-zero-xy.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-invalidate-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-invalidate.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-css.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-font-loading.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-transform-mutated-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-transform-mutated-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-change-from-empty.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-change.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-svg-foreignobject-zoomed.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1d.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/interpolation.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference-local-url-with-base-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference-mutated.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference-nonexisting-existing-local.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-3-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-columns-shape-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-columns-shape-002-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-descendant-text-mutated-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-document-element-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ellipse-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-filter-radius-clips-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-002-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-with-zoom-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-rectangle-border-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-rectangle-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ref-bottom-green-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ref-right-green-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-002-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-003-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-004-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-restore-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-scroll-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-shape-003-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-shape-004-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-square-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-square-002-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-002-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-003-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-svg-text-css-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-transform-mutated-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-transform-mutated-002-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-xywh-003-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/green-100x100.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/green-circle-100x100.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/reference-local-url-with-base-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/reference-mutated-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/reference/reference-nonexisting-existing-local-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-circle-offset-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-circle-offset.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-ellipse-offset-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-ellipse-offset.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-fixed-values-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-fixed-values.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-path/svg-clipPath.svg create mode 100644 testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-no-interpolation.html create mode 100644 testing/web-platform/tests/css/css-masking/clip-rule/reference/clip-rule-rectangle-border-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-absolute-positioned-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-absolute-positioned-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-filter-order-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-filter-order.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-negative-values-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-negative-values-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-negative-values-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-negative-values-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-no-clipping-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-no-clipping-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-no-stacking-context-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-no-stacking-context.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-005.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-006.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-001.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-002.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-003.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-004.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-rect-scroll.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-transform-order-2.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/clip-transform-order.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-absolute-positioned-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-full-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-horizontal-stripe-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-no-clipping-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-overflow-hidden-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-bottom-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-left-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-right-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-scroll-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-top-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/clip/reference/clip-vertical-stripe-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-objectboundingbox-001.html create mode 100644 testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-objectboundingbox-002.html create mode 100644 testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-userspaceonuse-001.html create mode 100644 testing/web-platform/tests/css/css-masking/hit-test/clip-path-shape-polygon-and-box-shadow.html create mode 100644 testing/web-platform/tests/css/css-masking/hit-test/clip-path-svg-geometry-box.html create mode 100644 testing/web-platform/tests/css/css-masking/idlharness.html create mode 100644 testing/web-platform/tests/css/css-masking/inheritance.sub.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-1.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-2.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-3-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-3.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-4-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-4.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-5.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-6.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-8-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-clip-8.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1d.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2c.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2d.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-1d.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-2.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3c.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3d.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3e.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3f.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3g.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3h.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-3i.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-4a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-4b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-5-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-5.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-6-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-6.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-clip-exclude-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-clip-exclude.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-data-url-image.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-ib-split-2.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-ib-split.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-inline-sliced-1.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-child-will-change.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-foreignobject-zoomed.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-gradient-zoomed.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-image-hash.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-image.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-local-mask.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-remote-mask.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-c.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-d.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-e.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type-svg.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1d.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1e.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-origin-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-origin-1.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-origin-3-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-origin-3.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-1a-svg.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-1a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-1b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-1c.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-2a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-2b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-3-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-3a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-3b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-4-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-4a.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-4b.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-4c.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-4d.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-5-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-5.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-6-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-6.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-7-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-7.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-position-8.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1-svg.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2-svg.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3-svg.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-auto.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-length-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-length.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-percent.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-border-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-border.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-padding-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-padding.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-position-fifty-fifty-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-position-fifty-fifty.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-cover-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-cover.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-auto.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-length-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-length.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-percent-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-percent.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-length.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-auto.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-length.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-stretch-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-stretch.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/reference/1x1-black-30-alpha.png create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-data-url-image-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ib-split-2-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ib-split-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-inline-sliced-1-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-svg-child-will-change-ref.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/50x100-opaque-blue.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/50x50-opaque-blue.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x100.png create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x100.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x50-transparent-100x50.png create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x50-transparent-100x50.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/blue-luminance-100x100.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/green-100x100.png create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/green-100x100.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/green-luminance-100x100.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/image-with-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/image.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/mask-half-transparent-100x100.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/mask.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/red-100x100.png create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/red-100x100.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/red-luminance-100x100.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/transparent-100x50-blue-100x50.png create mode 100644 testing/web-platform/tests/css/css-masking/mask-image/support/transparent-100x50-blue-100x50.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-shorthand-subproperties-reset.html create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-empty-container-with-filter.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-invalid-reference.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-negative-scale.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-text-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-001.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-002.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-003.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-filter-clipped-to-region.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-filter.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-rotation.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-green-square-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-negative-scale-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-text-001-ref.svg create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-computed.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-invalid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-path-computed.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-path-invalid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-path-shape-parsing.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-path-valid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-rule-computed.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-rule-invalid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-rule-valid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/clip-valid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-composite-computed.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-composite-invalid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-composite-valid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-computed.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-invalid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-position-invalid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-position-valid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-repeat-computed.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-repeat-invalid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-repeat-valid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-type-computed.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-type-invalid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-type-valid.html create mode 100644 testing/web-platform/tests/css/css-masking/parsing/mask-valid.sub.html create mode 100644 testing/web-platform/tests/css/css-masking/resources/blue-20.png create mode 100644 testing/web-platform/tests/css/css-masking/resources/green-20.png create mode 100644 testing/web-platform/tests/css/css-masking/resources/stripes-20.png (limited to 'testing/web-platform/tests/css/css-masking') diff --git a/testing/web-platform/tests/css/css-masking/META.yml b/testing/web-platform/tests/css/css-masking/META.yml new file mode 100644 index 0000000000..7f92755b09 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/META.yml @@ -0,0 +1,5 @@ +spec: https://drafts.fxtf.org/css-masking/ +suggested_reviewers: + - dirkschulze + - birtles + - tabatkins diff --git a/testing/web-platform/tests/css/css-masking/animations/clip-interpolation.html b/testing/web-platform/tests/css/css-masking/animations/clip-interpolation.html new file mode 100644 index 0000000000..322ebd724e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/clip-interpolation.html @@ -0,0 +1,117 @@ + + +clip interpolation + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/animations/clip-path-composition.html b/testing/web-platform/tests/css/css-masking/animations/clip-path-composition.html new file mode 100644 index 0000000000..42c5988e04 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/clip-path-composition.html @@ -0,0 +1,189 @@ + + +clip-path composition + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-001.html b/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-001.html new file mode 100644 index 0000000000..21c34f1f2b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-001.html @@ -0,0 +1,141 @@ + + +clip-path interpolation + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-002.html b/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-002.html new file mode 100644 index 0000000000..88e34b3864 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-002.html @@ -0,0 +1,221 @@ + + + +clip-path-interpolation + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-shape.html b/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-shape.html new file mode 100644 index 0000000000..ad3e2a0bdb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-shape.html @@ -0,0 +1,170 @@ + + + +clip-path-interpolation + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-xywh-rect.html b/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-xywh-rect.html new file mode 100644 index 0000000000..8d35c2e9b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/clip-path-interpolation-xywh-rect.html @@ -0,0 +1,169 @@ + + +clip-path-interpolation for basic-shape-rect, xywh and rect + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/animations/mask-image-interpolation.html b/testing/web-platform/tests/css/css-masking/animations/mask-image-interpolation.html new file mode 100644 index 0000000000..ac6b266992 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/mask-image-interpolation.html @@ -0,0 +1,110 @@ + + +mask-image-interpolation + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/animations/mask-no-interpolation.html b/testing/web-platform/tests/css/css-masking/animations/mask-no-interpolation.html new file mode 100644 index 0000000000..1275340ea8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/mask-no-interpolation.html @@ -0,0 +1,17 @@ + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/animations/mask-position-interpolation.html b/testing/web-platform/tests/css/css-masking/animations/mask-position-interpolation.html new file mode 100644 index 0000000000..d832048ca3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/animations/mask-position-interpolation.html @@ -0,0 +1,146 @@ + + + +mask-position-interpolation + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-nested-twice.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-nested-twice.svg new file mode 100644 index 0000000000..269e8feed2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-nested-twice.svg @@ -0,0 +1,23 @@ + + + CSS Masking: clipPath element nested twice + + + + + svg + Check deep referencing of content of one clipPath + element to another clipPath element. A green square should be visible. + + + + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-001.svg new file mode 100644 index 0000000000..e5b972ff0b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-001.svg @@ -0,0 +1,18 @@ + + + CSS Masking: clip-rule property - evenodd + + + + + + svg + Check if the clip-rule 'evenodd' applies to a content + polygon element of clipPath element. A green square with a + rectangular hole should be visible. + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-002.svg new file mode 100644 index 0000000000..7729f79731 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-002.svg @@ -0,0 +1,18 @@ + + + CSS Masking: clip-rule property - nonzero + + + + + + svg + Check if the clip-rule 'nonzero' applies to a content + polygon element of clipPath element. A green square should be + visible. + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-003.svg new file mode 100644 index 0000000000..c4f2bf42b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-003.svg @@ -0,0 +1,21 @@ + + + CSS Masking: clip-rule property - evenodd nested clip + + + + + + svg + Check if the clip-rule 'evenodd' applies to a content + polygon element of clipPath element. A green square with a + rectangular hole should be visible. + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-004.svg new file mode 100644 index 0000000000..2ea618602a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-004.svg @@ -0,0 +1,21 @@ + + + CSS Masking: clip-rule property - nonzero nested clip + + + + + + svg + Check that clip-rule 'nonzero' applies to + clipPath element and a second clipPath element can be applied to + the first one. A green square should be visible. + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-005.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-005.svg new file mode 100644 index 0000000000..ca492583cd --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-005.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath clip-rule evenodd nonzero + + + + + + svg + Test two different clip-rules on two different content + elements. You should see two green rectangles. The one on the top left + should have a hole, the shifted one shouldn't. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-006.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-006.svg new file mode 100644 index 0000000000..da9d1010d5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-006.svg @@ -0,0 +1,20 @@ + + + CSS Masking: clipPath clip-rule nonzero nonzero + + + + + + svg + Test two equal clip-rules 'nonzero' on two different + content elements. You should see two solid green rectangles. The first one + on the top left, the second one slightly shifted to the bottom right. + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-007.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-007.svg new file mode 100644 index 0000000000..d1edb6cd9a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-007.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath clip-rule nonzero evenodd + + + + + + svg + Test two different clip-rules on two different content + elements. You should see two green rectangles. The one on the top left + shouldn't have a hole, the shifted one should have. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-008.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-008.svg new file mode 100644 index 0000000000..66ad9b5cb9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-008.svg @@ -0,0 +1,20 @@ + + + CSS Masking: clipPath clip-rule evenodd evenodd + + + + + + svg + Test two equal clip-rules 'evenodd' on two different + content elements. You should see two green rectangles with a hole. The + first one on the top left, the second one slightly shifted to the bottom + right. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-009.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-009.svg new file mode 100644 index 0000000000..69d70b4e3e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-009.svg @@ -0,0 +1,18 @@ + + + CSS Masking: clipPath fill-rule + + + + + + svg + The fill-rule must not affect the winding rule for + clipping. A green square should be visible. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-010.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-010.svg new file mode 100644 index 0000000000..594e3097c9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip-rule-010.svg @@ -0,0 +1,18 @@ + + + CSS Masking: clipPath clip-rule inheritance + + + + + + svg + inheritance and overriding of inheritance. The one on + the top left should have a hole, the shifted one shouldn't. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip.svg new file mode 100644 index 0000000000..530fd014d3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-clip.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath references clipPath + + + + + svg + A clipPath element references another + clipPath element. A green square should be visible. + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-001.svg new file mode 100644 index 0000000000..9991f16476 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-001.svg @@ -0,0 +1,21 @@ + + + CSS Masking: content of clipPath clipped 1 + + + + + svg + Content element of clipPath references second + clipPath element and should be clipped by it. A green square should + be visible. + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-002.svg new file mode 100644 index 0000000000..7677e3f19a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-002.svg @@ -0,0 +1,21 @@ + + + CSS Masking: content of clipPath clipped 2 + + + + + svg + One content element of clipPath references second + clipPath element and should be clipped by it. Second content element + isn't clipped. A green square should be visible. + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-003.svg new file mode 100644 index 0000000000..fd1b291625 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-003.svg @@ -0,0 +1,24 @@ + + + CSS Masking: content of clipPath clipped 3 + + + + + svg + Both content elements of clipPath reference + different other clipPath elements and should be clipped by them. A + green square should be visible. + + + + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-004.svg new file mode 100644 index 0000000000..2317842e5f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-clip-004.svg @@ -0,0 +1,29 @@ + + + CSS Masking: clip-path applied to an element in a clipPath with objectBoundingBox units + + + + + svg + + When a clipPath establishes a coordinate system using objectBoundingBox + units, any other clipPath referenced through the clip-path property on + the first clipPath's children must use that same coordinate system if + it is using userSpaceOnUse units. + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-invisible.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-invisible.svg new file mode 100644 index 0000000000..0696d4b09f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-invisible.svg @@ -0,0 +1,19 @@ + + + CSS Masking: Content of clipPath with visibility: hidden + + + + + svg + From the spec: "If a child element is made invisible + by display or visibility it does not contribute to the clipping path." + clipPath without content hides the clipped element. Nothing should be + visible. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-syling.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-syling.svg new file mode 100644 index 0000000000..5fb527d1e5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-syling.svg @@ -0,0 +1,16 @@ + + + CSS Masking: clipPath content styling + + + + + svg + Style properties on content elements of clipPath + must be ignored. A green square should be visible. + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-001.svg new file mode 100644 index 0000000000..b70cdde683 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-001.svg @@ -0,0 +1,20 @@ + + + CSS Masking: clipPath reference content with use 1 + + + + + svg + Reference content clip shape with use element from + defs section. A green square should be visible. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-002.svg new file mode 100644 index 0000000000..0596d21cfe --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-002.svg @@ -0,0 +1,24 @@ + + + CSS Masking: clipPath reference content with use 2 + + + + + svg + Reference content clip shape with use element from + defs section. Afterwards, the clipPath element gets clipped. + A green square should be visible. + + + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-003.svg new file mode 100644 index 0000000000..79354679cf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-003.svg @@ -0,0 +1,26 @@ + + + CSS Masking: clipPath reference content with use 3 + + + + + svg + Reference content clip shape with use element from + defs section. Afterwards, the clipPath element gets clipped. + The second clipPath element references the content element with + use as well. A green square should be visible. + + + + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-004.svg new file mode 100644 index 0000000000..8e2e7a67ae --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-004.svg @@ -0,0 +1,21 @@ + + + CSS Masking: clipPath reference content with use 4 + + + + + svg + Reference content clip shape with use element from + defs section. Furthermore, the referenced shape gets transformed. A + green square should be visible. + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-005.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-005.svg new file mode 100644 index 0000000000..c7d5ec8390 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-005.svg @@ -0,0 +1,25 @@ + + + CSS Masking: clipPath reference content with use 5 + + + + + svg + The clipPath elements reference the same content + clip shape with use. One use reference gets transformed. The one + clipPath element gets clipped by the other one. A green square should + be visible. + + + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-006.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-006.svg new file mode 100644 index 0000000000..6f9d7e0673 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-006.svg @@ -0,0 +1,26 @@ + + + CSS Masking: clipPath reference content with use 6 + + + + + svg + The clipPath elements reference two different + content clip shapes with use. One use reference gets transformed. + The one clipPath element gets clipped by the other one. A green square + should be visible. + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-007.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-007.svg new file mode 100644 index 0000000000..7cf0fa08e5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-content-use-007.svg @@ -0,0 +1,25 @@ + + + CSS Masking: clipPath reference content with use 7 + + + + + svg + The clipPath element has a content use + element which references another use element which references a shape. + A green square should be visible. + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-001.svg new file mode 100644 index 0000000000..35b21f5f1e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-001.svg @@ -0,0 +1,16 @@ + + + CSS Masking: clipPath with CSS Transforms + + + + + svg + CSS Transforms must apply on the clipPath + element. A green square should be visible. + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-002.svg new file mode 100644 index 0000000000..78b57628ff --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-002.svg @@ -0,0 +1,20 @@ + + + CSS Masking: clipPath with CSS Transforms and 2nd content element + + + + + svg + CSS Transforms must apply on the clipPath + element. This example adds a second content element since that may + cause masking in some implementations. A green square should be + visible. + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-003.svg new file mode 100644 index 0000000000..8f2713d276 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-003.svg @@ -0,0 +1,18 @@ + + + CSS Masking: clipPath with CSS Transforms on content element + + + + + svg + CSS Transforms must apply on content element of the + clipPath element. A green square should be visible. + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-004.svg new file mode 100644 index 0000000000..d290fe13a7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-004.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath with CSS Transforms on both content elements + + + + + svg + CSS Transforms must apply on both content elements of + the clipPath element. A green square should be visible. + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-child-changes.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-child-changes.svg new file mode 100644 index 0000000000..611fb3fcf0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-child-changes.svg @@ -0,0 +1,26 @@ + + + CSS Masking: Dynamic transform on clipPath content element + + + + + svg + A transformation is applied on the content element of + clipPath. A green square should be visible. + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-clippathunits.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-clippathunits.svg new file mode 100644 index 0000000000..edfccbd83f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-clippathunits.svg @@ -0,0 +1,26 @@ + + + CSS Masking: Dynamic change of clipPathUnits on clipPath + + + + + svg + The clipPathUnits attribute on the clipPath + element gets changed dynamically from objectBoundingBox to userSpaceOnUse. + This reduces the clipping area from a size much bigger than the document to + the size of the green rectangle. A green square should be visible. + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-href.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-href.svg new file mode 100644 index 0000000000..748ff2cc5c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-href.svg @@ -0,0 +1,25 @@ + + + CSS Masking: Dynamic reference of clipPath element + + + + + svg + The clip-path property gets applied to the later + clipped rectangle dynamically. A green square should be visible. + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-id.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-id.svg new file mode 100644 index 0000000000..e8ad7daecc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-id.svg @@ -0,0 +1,23 @@ + + + CSS Masking: Dynamic change of clipPath id + + + + + svg + The id of a clipPath element is changed + dynamically. This makes the previous invalid clip path reference + of the group valid. A green square should be visible. + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-001.svg new file mode 100644 index 0000000000..06c810cd11 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-001.svg @@ -0,0 +1,15 @@ + + + CSS Masking: Basic shape without a geometry-box should default to stroke-box + + + The spec states: "If no reference box is specified, the + border-box will be used as reference box", and "For SVG elements without + an associated CSS layout box, the used value for ... border-box and margin-box + is stroke-box." In this testcase, no reference box is specified, so the + clip-path of "inset(0)" should be equivalent to "inset(0) stroke-box", and + should not clip out the stroke. You should see a 100x100 green square formed + by a stroked rect. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-002.svg new file mode 100644 index 0000000000..bfc60355ba --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-inset-stroke-002.svg @@ -0,0 +1,14 @@ + + + CSS Masking: Basic shape using border-box should use stroke-box + + + The spec states: "For SVG elements without an associated + CSS layout box, the used value for ... border-box and margin-box is + stroke-box." In this testcase, border-box is specified, so the + clip-path of "inset(0) border-box" should be equivalent to + "inset(0) stroke-box", and should not clip out the stroke. You should see a + 100x100 green square formed by a stroked rect. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-invalid-reference.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-invalid-reference.svg new file mode 100644 index 0000000000..714d90ee76 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-invalid-reference.svg @@ -0,0 +1,13 @@ + + + CSS Masking: clipPath with invalid reference + + + svg + clip-paths are ignored if their + reference doesn't point to a clipPath. + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-invalid.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-invalid.svg new file mode 100644 index 0000000000..85aa3a825b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-invalid.svg @@ -0,0 +1,21 @@ + + + CSS Masking: clipPath invalid content element + + + + + svg + clipPath elements get invalid if the content + element is not a basic shape or a reference to a basic shape. + Invalid clipPath elements let the clipped element disappear. + Nothing should be visible. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-negative-scale.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-negative-scale.svg new file mode 100644 index 0000000000..33d6a78c7d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-negative-scale.svg @@ -0,0 +1,40 @@ + + + CSS Masking: clipPath negative scale + + + + + svg + Negative scale factors on clipped elements should + be handled correctly by clipPath elements. First clipped, then + scaled. + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-001.svg new file mode 100644 index 0000000000..f7943c615d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-001.svg @@ -0,0 +1,15 @@ + + + CSS Masking: clipPath without content + + + + + svg + clipPath element without content make the clipped + element disappear. Nothing should be visible. + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-002.svg new file mode 100644 index 0000000000..65df6176ac --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-002.svg @@ -0,0 +1,17 @@ + + + CSS Masking: clipPath without content 2 + + + + + svg + clipPath element where the clip shape does not + intersect with the clipped element make the clipped element disappear. + Nothing should be visible. + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-003.svg new file mode 100644 index 0000000000..afd8f702ed --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-003.svg @@ -0,0 +1,20 @@ + + + CSS Masking: clipPath and clipPath without intersection + + + + + svg + If a clipPath element get clipped and there is no + intersection with the second clipPath element, the originally clipped + element disappears. Nothing should be visible. + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-004.svg new file mode 100644 index 0000000000..92b27af017 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-004.svg @@ -0,0 +1,23 @@ + + + CSS Masking: clipPath with invalid/empty content + + + + + svg + If a clipPath element has an invalid or empty + basic shape the clipped element disappears. Nothing should be visible. + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-005.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-005.svg new file mode 100644 index 0000000000..e0c03d28cb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-005.svg @@ -0,0 +1,19 @@ + + Removing a clip-path attribute pointing to an empty <clipPath> + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-001.svg new file mode 100644 index 0000000000..d5ef03ac01 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-001.svg @@ -0,0 +1,18 @@ + + + CSS Masking: clipPath with objectBoundingBox + + + + + svg + clipPathUnits="objectBoundingBox" changes the + behavior of non-percentage values. The dimension of the clipped + element is equal to one unit for the content of clipPath. + You should see a green square. + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-002.svg new file mode 100644 index 0000000000..8180ddf9f8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-002.svg @@ -0,0 +1,17 @@ + + + CSS Masking: clipPath with objectBoundingBox and percentage + + + + + svg + clipPathUnits="objectBoundingBox" changes the + behavior of percentage values. The behavior is specified by SVG. + You should see a green square. + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-003.svg new file mode 100644 index 0000000000..8a7aa0ff5c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-003.svg @@ -0,0 +1,17 @@ + + + CSS Masking: clipPath with objectBoundingBox and scaled clipped element + + + + + svg + The clipped element has a transform. The transform + should apply "after" the clipping. You should see a full green circle. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-004.svg new file mode 100644 index 0000000000..215d253618 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-objectboundingbox-004.svg @@ -0,0 +1,20 @@ + + + CSS Masking: Nested clipPath with different clipPathUnits + + + + + svg + The first clipPath element has + clipPathUnits="objectBoundingBox", the second userSpaceOnUse (default). + Both should be handled accordingly. You should see a green square. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-001.svg new file mode 100644 index 0000000000..6d837af68b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-001.svg @@ -0,0 +1,18 @@ + + + CSS Masking: clipPath on g element + + + + + svg + A clipPath element on a g element should clip the + group with it's content. You should see a green square. + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-002.svg new file mode 100644 index 0000000000..a14287cbc9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-002.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath on g element and child + + + + + svg + A clipPath element on a g element and it's child + element should clip the child first, then the group with it's content. + You should see a green square. + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-003.svg new file mode 100644 index 0000000000..b3eead8ac2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-003.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath on child of g element + + + + + svg + A clipPath element on a child of g element should + just clip the child and not the group. You should see a green square. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-004.svg new file mode 100644 index 0000000000..32eaf00369 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-004.svg @@ -0,0 +1,22 @@ + + + CSS Masking: Two different clipPaths on g element and child + + + + + svg + A clipPath element on a child and a differnt + clipPath element on g element should clip their targets independent of + each other but the child first. You should see a green square. + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-005.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-005.svg new file mode 100644 index 0000000000..c621d91c3e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-g-005.svg @@ -0,0 +1,25 @@ + + + CSS Masking: Two different clipPaths with objectBoundingBox on g element and child + + + + + svg + A clipPath element on a child and a differnt + clipPath element on g element should clip their targets independent of + each other but the child first. When both have + clipPathUnits="objectBoundingBox", then the bounding box of each element is + taken. Note that clipping on the child influences the bounding box of the + group. You should see a green square. + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-001.svg new file mode 100644 index 0000000000..ae5df003fa --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-001.svg @@ -0,0 +1,21 @@ + + + CSS Masking: clipPath on element with marker + + + + + svg + A clipPath element with marker is clipped as a + whole. Note that a marker does not influence the bounding box of an + element. You should see a green square with a blur square in it on the top + left. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-002.svg new file mode 100644 index 0000000000..4f2ffa4c7a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-002.svg @@ -0,0 +1,22 @@ + + + CSS Masking: clipPath on element with marker + + + + + svg + A clipPath element with marker is clipped as a + whole. Note that a marker does not influence the bounding box of an + element. The clipping region includes the whole canvas. Nothing gets + clipped. You should see a green square with a blur square on top of it, + slightly shifted to the top left. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-003.svg new file mode 100644 index 0000000000..45fc0fbd37 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-marker-003.svg @@ -0,0 +1,21 @@ + + + CSS Masking: clipPath with objectBoundingBox on element with marker + + + + + svg + A clipPath element with marker is clipped as a + whole. Note that a marker does not influence the bounding box of an + element. You should see a green square with a blur square in it on the top + left. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-001.svg new file mode 100644 index 0000000000..e92ce1d10f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-001.svg @@ -0,0 +1,16 @@ + + + CSS Masking: clipPath on root <svg> + + + + + svg + A clipPath element can be applied to a root + <svg> element. You should see a green square. + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-002.svg new file mode 100644 index 0000000000..94067d4ba3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-002.svg @@ -0,0 +1,20 @@ + + + CSS Masking: Clipped clipPath on root <svg> + + + + + svg + A clipPath element can be applied to a root + <svg> element. This clipPath element can be clipped itself. You + should see a green square. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-003.svg new file mode 100644 index 0000000000..01c4a2610e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-003.svg @@ -0,0 +1,24 @@ + + + CSS Masking: Clipped clipPath on root <svg> + + + + + svg + A clipPath element can be applied to a root + <svg> element. This clipPath element can be clipped itself. You + should see a green square. + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-004.svg new file mode 100644 index 0000000000..62a020e558 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-004.svg @@ -0,0 +1,22 @@ + + + CSS Masking: Clipped clipPath on root <svg> + + + + + svg + A clipPath element can be applied to a root + <svg> element. This clipPath element can be clipped itself. You + should see a green square. + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-005.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-005.svg new file mode 100644 index 0000000000..c39d266028 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-svg-005.svg @@ -0,0 +1,16 @@ + + + CSS Masking: clipPath on root <svg> + + + + + svg + A clipPath element can be applied to a root + <svg> element. You should see a green square. + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-use-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-use-001.svg new file mode 100644 index 0000000000..8a2cf81c51 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-use-001.svg @@ -0,0 +1,20 @@ + + + CSS Masking: clipPath on use + + + + + svg + A use element can be clipped by an clipPath + element as well. You should see a green square. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-use-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-use-002.svg new file mode 100644 index 0000000000..22e5ab7151 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-on-use-002.svg @@ -0,0 +1,24 @@ + + + CSS Masking: Clipped clipPath on use + + + + + svg + A use element can be clipped by an clipPath + element. The clipPath element can be clipped as well. You should see a + green square. + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-precision-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-precision-001.svg new file mode 100644 index 0000000000..aa8e5ba7e1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-precision-001.svg @@ -0,0 +1,44 @@ + + + CSS Masking: clipPath precision + + + + + + + svg + Various comma values should no influence the precision + of the clipPath element. The test should not show any red outlines + around the boxes. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-recursion-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-recursion-001.svg new file mode 100644 index 0000000000..5d4b7c2710 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-recursion-001.svg @@ -0,0 +1,32 @@ + + + CSS Masking: clipPath recursion 1 + + + + + + + svg + A clipPath recursion counts as invalid clipping + path and makes the element disappear. You should see nothing. + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-recursion-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-recursion-002.svg new file mode 100644 index 0000000000..7d921ee67d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-recursion-002.svg @@ -0,0 +1,25 @@ + + + CSS Masking: clipPath recursion 2 + + + + + svg + + A clipPath recursion counts as invalid clipping path. + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-001.svg new file mode 100644 index 0000000000..873947943c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-001.svg @@ -0,0 +1,13 @@ + + + CSS Masking: Basic shape circle() on SVG rectangle + + + + + svg + A basic shape function circle() applied to an SVG + rectangle. You should see a full green circle. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-002.svg new file mode 100644 index 0000000000..dca307dd91 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-002.svg @@ -0,0 +1,13 @@ + + + CSS Masking: Basic shape circle() on SVG rectangle with absolute values + + + + + svg + A basic shape function circle() with absolute values + applied to an SVG rectangle. You should see a full green circle. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-003.svg new file mode 100644 index 0000000000..804e1e920a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-003.svg @@ -0,0 +1,15 @@ + + + CSS Masking: Basic shape circle() on SVG rectangle with fill-box + + + + + + svg + A basic shape function circle() applied to an SVG + rectangle. The specified keyword fill-box defines the reference box + (here objectBoundingBox). You should see a full green circle. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-004.svg new file mode 100644 index 0000000000..83f7eec4fe --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-004.svg @@ -0,0 +1,15 @@ + + + CSS Masking: Basic shape circle() on SVG rectangle with stroke-box + + + + + + svg + A basic shape function circle() applied to an SVG + rectangle. The specified keyword stroke-box defines the reference box + stroking bounding box. You should see a full green circle. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-005.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-005.svg new file mode 100644 index 0000000000..90a57e7c15 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-circle-005.svg @@ -0,0 +1,14 @@ + + + CSS Masking: Basic shape circle() on SVG rectangle with view-box + + + + + svg + A basic shape function circle() applied to an SVG + rectangle. The specified keyword view-box defines the viewport as reference + box. You should see a full green circle. + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-ellipse-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-ellipse-001.svg new file mode 100644 index 0000000000..511a197644 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-ellipse-001.svg @@ -0,0 +1,13 @@ + + + CSS Masking: Basic shape ellipse() on SVG rectangle + + + + + svg + A basic shape function ellipse() applied to an SVG + rectangle. You should see a full green ellipse. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-ellipse-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-ellipse-002.svg new file mode 100644 index 0000000000..08bdc3e19e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-ellipse-002.svg @@ -0,0 +1,13 @@ + + + CSS Masking: Basic shape ellipse() on SVG rectangle with absolute values + + + + + svg + A basic shape function ellipse() with absolute values + applied to an SVG rectangle. You should see a full green ellipse. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-inset-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-inset-001.svg new file mode 100644 index 0000000000..bc8a4d810e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-inset-001.svg @@ -0,0 +1,17 @@ + + + CSS Masking: Basic shape inset() on SVG rectangle with percentag values + + + + + + svg + A basic shape function inset() applied to an SVG + rectangle. Percentage values are relative to a reference box. If not + reference box was specified the objectBoundingBox is used. The inset used + per side is specified by the first 10% argument. The second 10% specify the + border radius. You should see a green square with rounded corners. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-inset-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-inset-002.svg new file mode 100644 index 0000000000..5e5b189905 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-inset-002.svg @@ -0,0 +1,16 @@ + + + CSS Masking: Basic shape inset() on SVG rectangle with absolute values + + + + + + svg + A basic shape function inset() applied to an SVG + rectangle. The inset used per side is specified by the first 20px argument. + The second 20px specify the border radius. You should see a green square + with rounded corners. + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-001.svg new file mode 100644 index 0000000000..f474b1264d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-001.svg @@ -0,0 +1,14 @@ + + + CSS Masking: Basic shape polygon() on SVG rectangle with nonzero + + + + + svg + A basic shape function polygon() with absolute values + applied to an SVG rectangle. The clip-rule is specified with nonzero. You + should see a green square. + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-002.svg new file mode 100644 index 0000000000..0fd8b1bec1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-002.svg @@ -0,0 +1,14 @@ + + + CSS Masking: Basic shape polygon() on SVG rectangle with evenodd + + + + + svg + A basic shape function polygon() with absolute values + applied to an SVG rectangle. The clip-rule is specified with evenodd. You + should see a green square with an rectangular hole. + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-003.svg new file mode 100644 index 0000000000..91ee3d0576 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-shape-polygon-003.svg @@ -0,0 +1,14 @@ + + + CSS Masking: Basic shape polygon() on SVG rectangle with no clip rule + + + + + svg + A basic shape function polygon() with absolute values + applied to an SVG rectangle. The clip-rule is not specified and defaults to + nonzero. You should see a green square. + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-001.svg new file mode 100644 index 0000000000..6d850b993a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-001.svg @@ -0,0 +1,17 @@ + + + CSS Masking: clipPath with text + + + + + + svg + A clipPath element can contain text. You should + see four adjacent 40x40 green squares and nothing else. + + + XXXX + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-002.svg new file mode 100644 index 0000000000..f40d13c40d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-002.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath and text with styling + + + + + + svg + A clipPath element can contain text. Text styling + (e.g. stroke/stroke-width) should not influence the clipping path. + You should see four adjacent 40x40 green squares and nothing else. + + + + XXXX + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-003.svg new file mode 100644 index 0000000000..7a5e9e7d82 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-003.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath with text and a polygon + + + + + + svg + A clipPath element can contain text. Text can be + combined with other clipping shapes like polygons. You should see a green + stripe through the hole of a green rectangle. + + + XXXX + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-004.svg new file mode 100644 index 0000000000..2389320677 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-004.svg @@ -0,0 +1,19 @@ + + + CSS Masking: clipPath and tspan element with styling + + + + + + svg + A clipPath element can contain text in a + tspan element. Text styling on text element or tspan element should + not influence the clipping path. You should see four adjacent 40x40 + green squares and nothing else. + + + XXXX + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-005.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-005.svg new file mode 100644 index 0000000000..487e2fead8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-text-005.svg @@ -0,0 +1,22 @@ + + + CSS Masking: Clipped clipPath with text + + + + + svg + + A clipPath element can contain text. The + clipPath element can be clipped itself with the text. You should see + fragments of four adjacent 40x40 green squares and nothing else. + + + + + + + XXXX + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-userspaceonuse-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-userspaceonuse-001.svg new file mode 100644 index 0000000000..1a3d769089 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-userspaceonuse-001.svg @@ -0,0 +1,20 @@ + + + CSS Masking: Two clipPath elements with different clipPathUnits + + + + + svg + A clipPath element with clipPathUnits + userSpaceOnUse gets clipped by a clipPath element with cliPathUnits + objectBoundingBox. You should see a green square. + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-with-opacity.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-with-opacity.svg new file mode 100644 index 0000000000..ac944beaff --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-with-opacity.svg @@ -0,0 +1,17 @@ + + + CSS Masking: clipPath child with opacity style + + + + + svg + The opacit on the child of the clipPath should + not influence the clipping path. You should see a green square. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-with-transform.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-with-transform.svg new file mode 100644 index 0000000000..b3c3b25d50 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-with-transform.svg @@ -0,0 +1,18 @@ + + + CSS Masking: clipPath with transformed child + + + + + svg + The child of the clipPath element has a transform + that influences the size of the clipping path. You should see a green + square. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-and-nested-clip-path.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-and-nested-clip-path.svg new file mode 100644 index 0000000000..725f955752 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-and-nested-clip-path.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-001.svg new file mode 100644 index 0000000000..0dc0f7c0f2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-001.svg @@ -0,0 +1,40 @@ + + + CSS Masking: clipPath and mask nesting 1 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see a green square with 4 equally + sized and positioned white squares in it. + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-002.svg new file mode 100644 index 0000000000..2e611feb8b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-002.svg @@ -0,0 +1,43 @@ + + + CSS Masking: clipPath and mask nesting 2 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see a green square with 4 equally + sized and positioned white squares in it. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-003.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-003.svg new file mode 100644 index 0000000000..622125318c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-003.svg @@ -0,0 +1,51 @@ + + + CSS Masking: clipPath and mask nesting 3 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see a green square with 4 equally + sized and positioned white squares in it. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-004.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-004.svg new file mode 100644 index 0000000000..66bb3b7ea4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-004.svg @@ -0,0 +1,36 @@ + + + CSS Masking: clipPath and mask nesting 4 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see a green square with 4 equally + sized and positioned white squares in it. + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-005.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-005.svg new file mode 100644 index 0000000000..9317ce4ed0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-005.svg @@ -0,0 +1,35 @@ + + + CSS Masking: clipPath and mask nesting 5 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see 4 equally sized and positioned green + squares. + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-006.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-006.svg new file mode 100644 index 0000000000..6ab2a20f4b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-006.svg @@ -0,0 +1,35 @@ + + + CSS Masking: clipPath and mask nesting 6 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see 4 equally sized and positioned green + squares. + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-007.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-007.svg new file mode 100644 index 0000000000..27f372494f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-007.svg @@ -0,0 +1,36 @@ + + + CSS Masking: clipPath and mask nesting 7 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see a green square with 4 equally + sized and positioned white squares in it. + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-008.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-008.svg new file mode 100644 index 0000000000..b3f33e1999 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-008.svg @@ -0,0 +1,44 @@ + + + CSS Masking: clipPath and mask nesting 8 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see a green square with 4 equally + sized and positioned white squares in it. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-009.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-009.svg new file mode 100644 index 0000000000..955edd3389 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-009.svg @@ -0,0 +1,43 @@ + + + CSS Masking: clipPath and mask nesting 9 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see 4 equally sized and positioned green + squares. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-010.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-010.svg new file mode 100644 index 0000000000..dc1040e51d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-010.svg @@ -0,0 +1,45 @@ + + + CSS Masking: clipPath and mask nesting 10 + + + + + + + svg + Multiple references between clipPath and + mask elements. You should see 2 equally sized and positioned green + squares next to each other. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-panning-001.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-panning-001.svg new file mode 100644 index 0000000000..16890a5859 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-panning-001.svg @@ -0,0 +1,48 @@ + + + CSS Masking: Panning with clipPath and mask nesting 1 + + + + + + + svg + Multiple references between clipPath and + mask elements. The current viewport gets translated by panning. You + should see a green square with 4 equally sized and positioned white squares + in it. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-panning-002.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-panning-002.svg new file mode 100644 index 0000000000..e5e426789f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-nested-clip-path-panning-002.svg @@ -0,0 +1,56 @@ + + + CSS Masking: Panning with clipPath and mask nesting 2 + + + + + + + svg + Multiple references between clipPath and + mask elements. The current viewport gets translated by panning. You + should see a green square with 4 equally sized and positioned white squares + in it. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-objectboundingbox-content-clip-transform.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-objectboundingbox-content-clip-transform.svg new file mode 100644 index 0000000000..397f56d190 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-objectboundingbox-content-clip-transform.svg @@ -0,0 +1,24 @@ + + + CSS Masking: mask with objectBoundingBox gets clipped 1 + + + + + + + + svg + The mask element with + maskContentUnits="objectBoundingBox" gets clipped. The clipping path has a + transform that scales the content down. You should see a full green circle. + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-objectboundingbox-content-clip.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-objectboundingbox-content-clip.svg new file mode 100644 index 0000000000..c87fedec4f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-objectboundingbox-content-clip.svg @@ -0,0 +1,24 @@ + + + CSS Masking: mask with objectBoundingBox gets clipped 2 + + + + + + + + svg + The mask element with + maskContentUnits="objectBoundingBox" gets clipped. The clipping path has a + coordinates in the mask's user space. You should see a full green circle. + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-userspaceonuse-content-clip-transform.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-userspaceonuse-content-clip-transform.svg new file mode 100644 index 0000000000..624084a07b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-userspaceonuse-content-clip-transform.svg @@ -0,0 +1,24 @@ + + + CSS Masking: mask with userSpaceOnUse gets clipped 1 + + + + + + + + svg + The mask element with + maskContentUnits="userSpaceOnUse" gets clipped. The clipping path has a + transform that scales the content down. You should see a full green circle. + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-userspaceonuse-content-clip.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-userspaceonuse-content-clip.svg new file mode 100644 index 0000000000..f1bfbdda58 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/mask-userspaceonuse-content-clip.svg @@ -0,0 +1,24 @@ + + + CSS Masking: mask with userSpaceOnUse gets clipped 2 + + + + + + + + svg + The mask element with + maskContentUnits="userSpaceOnUse" gets clipped. The clipping path has a + coordinates in the mask's user space. You should see a full green circle. + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-circle-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-circle-001-ref.svg new file mode 100644 index 0000000000..56b7fbeef0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-circle-001-ref.svg @@ -0,0 +1,10 @@ + + + CSS Masking: Reftest reference + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-001-ref.svg new file mode 100644 index 0000000000..eaeb6b2b56 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-001-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-002-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-002-ref.svg new file mode 100644 index 0000000000..d6c87cd139 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-002-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-003-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-003-ref.svg new file mode 100644 index 0000000000..3247b87a6b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-003-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-004-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-004-ref.svg new file mode 100644 index 0000000000..8a25ffebe6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-004-ref.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-content-clip-004-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-content-clip-004-ref.svg new file mode 100644 index 0000000000..269d289b4a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-content-clip-004-ref.svg @@ -0,0 +1,8 @@ + + + CSS Reference + + svg + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-ellipse-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-ellipse-001-ref.svg new file mode 100644 index 0000000000..2532eb3c1b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-ellipse-001-ref.svg @@ -0,0 +1,12 @@ + + + CSS Masking: Reftest reference + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-green-square-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-green-square-001-ref.svg new file mode 100644 index 0000000000..c83ec87e7b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-green-square-001-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + svg + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-invisible-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-invisible-ref.svg new file mode 100644 index 0000000000..15cfd5fdca --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-invisible-ref.svg @@ -0,0 +1,6 @@ + + + CSS Masking: Reftest reference + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-negative-scale-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-negative-scale-ref.svg new file mode 100644 index 0000000000..be24efa8e8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-negative-scale-ref.svg @@ -0,0 +1,14 @@ + + + CSS Masking: Reftest reference + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-on-marker-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-on-marker-001-ref.svg new file mode 100644 index 0000000000..693c72e429 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-on-marker-001-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-on-marker-002-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-on-marker-002-ref.svg new file mode 100644 index 0000000000..21cf9cd7cc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-on-marker-002-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-precision-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-precision-001-ref.svg new file mode 100644 index 0000000000..4c83c9def7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-precision-001-ref.svg @@ -0,0 +1,18 @@ + + + CSS Masking: Reftest reference + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-recursion-002-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-recursion-002-ref.svg new file mode 100644 index 0000000000..6eb3cb155c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-recursion-002-ref.svg @@ -0,0 +1,5 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-shape-inset-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-shape-inset-001-ref.svg new file mode 100644 index 0000000000..e458ad994a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-shape-inset-001-ref.svg @@ -0,0 +1,12 @@ + + + CSS Masking: Reftest reference + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-001-ref.svg new file mode 100644 index 0000000000..8ddfdaa723 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-001-ref.svg @@ -0,0 +1,7 @@ + + + CSS Masking: Reftest reference + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-002-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-002-ref.svg new file mode 100644 index 0000000000..e8e03bf051 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-002-ref.svg @@ -0,0 +1,7 @@ + + + CSS Masking: Reftest reference + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-003-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-003-ref.svg new file mode 100644 index 0000000000..e7709d44b3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-003-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-hole-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-hole-001-ref.svg new file mode 100644 index 0000000000..7e1cb1b394 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-square-hole-001-ref.svg @@ -0,0 +1,7 @@ + + + CSS Masking: Reftest reference + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-001-ref.svg new file mode 100644 index 0000000000..f13bb8ba44 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-001-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + + +XXXX + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-002-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-002-ref.svg new file mode 100644 index 0000000000..d51fd55b4b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-002-ref.svg @@ -0,0 +1,9 @@ + + + CSS Masking: Reftest reference + + + +XXXX + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-003-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-003-ref.svg new file mode 100644 index 0000000000..254f361d3e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-text-003-ref.svg @@ -0,0 +1,11 @@ + + + CSS Masking: Reftest reference + + + + + + +XXXX + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-and-nested-clip-path-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-and-nested-clip-path-ref.svg new file mode 100644 index 0000000000..8aed79967e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-and-nested-clip-path-ref.svg @@ -0,0 +1,3 @@ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-content-clip-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-content-clip-001-ref.svg new file mode 100644 index 0000000000..0aa5233304 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-content-clip-001-ref.svg @@ -0,0 +1,10 @@ + + + CSS Masking: Reftest reference + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-content-clip-002-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-content-clip-002-ref.svg new file mode 100644 index 0000000000..4da47823b6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-content-clip-002-ref.svg @@ -0,0 +1,10 @@ + + + CSS Masking: Reftest reference + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-001-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-001-ref.svg new file mode 100644 index 0000000000..e080c95e18 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-001-ref.svg @@ -0,0 +1,11 @@ + + + CSS Masking: Reftest reference + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-002-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-002-ref.svg new file mode 100644 index 0000000000..7b54566651 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-002-ref.svg @@ -0,0 +1,10 @@ + + + CSS Masking: Reftest reference + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-003-ref.svg b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-003-ref.svg new file mode 100644 index 0000000000..01330054c2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/mask-nested-clip-path-003-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-ref.html new file mode 100644 index 0000000000..49732d361b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-ref.html @@ -0,0 +1,17 @@ + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-reverse-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-reverse-ref.html new file mode 100644 index 0000000000..edaf92cb8a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-reverse-ref.html @@ -0,0 +1,17 @@ + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-reverse.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-reverse.html new file mode 100644 index 0000000000..5346a4c224 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function-reverse.html @@ -0,0 +1,59 @@ + + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function.html new file mode 100644 index 0000000000..4dbf3a44a9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-custom-timing-function.html @@ -0,0 +1,54 @@ + + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse-mixed-change.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse-mixed-change.html new file mode 100644 index 0000000000..e42d3ee08e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse-mixed-change.html @@ -0,0 +1,38 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse-ref.html new file mode 100644 index 0000000000..63b3174806 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse-ref.html @@ -0,0 +1,15 @@ + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse.html new file mode 100644 index 0000000000..1c7c90ee84 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ellipse.html @@ -0,0 +1,34 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ensure-keyframe-update.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ensure-keyframe-update.html new file mode 100644 index 0000000000..a20595ead8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ensure-keyframe-update.html @@ -0,0 +1,38 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-filter-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-filter-ref.html new file mode 100644 index 0000000000..5bb9a9c722 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-filter-ref.html @@ -0,0 +1,14 @@ + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-filter.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-filter.html new file mode 100644 index 0000000000..a9809cbc30 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-filter.html @@ -0,0 +1,28 @@ + + + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-ref.html new file mode 100644 index 0000000000..2a21cc445c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-ref.html @@ -0,0 +1,28 @@ + + + + +
+
+
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-rounding-error-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-rounding-error-ref.html new file mode 100644 index 0000000000..a069e4d3ae --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-rounding-error-ref.html @@ -0,0 +1,17 @@ + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-rounding-error.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-rounding-error.html new file mode 100644 index 0000000000..8a02a5b2a6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position-rounding-error.html @@ -0,0 +1,40 @@ + + + + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position.html new file mode 100644 index 0000000000..3ffc2a30a7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fixed-position.html @@ -0,0 +1,52 @@ + + + + + + + + + + + +
+
+
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-inherited.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-inherited.html new file mode 100644 index 0000000000..6836af5a29 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-inherited.html @@ -0,0 +1,38 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-mixed-change.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-mixed-change.html new file mode 100644 index 0000000000..9e24aa905c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-mixed-change.html @@ -0,0 +1,46 @@ + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-ref.html new file mode 100644 index 0000000000..912a8e8464 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size-ref.html @@ -0,0 +1,16 @@ + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size.html new file mode 100644 index 0000000000..00563305e5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-font-size.html @@ -0,0 +1,35 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-forward-fill.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-forward-fill.html new file mode 100644 index 0000000000..7088968828 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-forward-fill.html @@ -0,0 +1,35 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fragmented-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fragmented-ref.html new file mode 100644 index 0000000000..8883679aca --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fragmented-ref.html @@ -0,0 +1,4 @@ + +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fragmented.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fragmented.html new file mode 100644 index 0000000000..9f68c238fa --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-fragmented.html @@ -0,0 +1,42 @@ + + + + + + + + + +
+
+
+
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes1-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes1-ref.html new file mode 100644 index 0000000000..cbfebddcdc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes1-ref.html @@ -0,0 +1,13 @@ + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes1.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes1.html new file mode 100644 index 0000000000..88c6862aa9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes1.html @@ -0,0 +1,37 @@ + + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes2-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes2-ref.html new file mode 100644 index 0000000000..6cd7e76774 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes2-ref.html @@ -0,0 +1,13 @@ + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes2.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes2.html new file mode 100644 index 0000000000..f2aa4964ad --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-incompatible-shapes2.html @@ -0,0 +1,37 @@ + + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-missing-0-percent-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-missing-0-percent-ref.html new file mode 100644 index 0000000000..200edcd038 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-missing-0-percent-ref.html @@ -0,0 +1,14 @@ + + + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-missing-0-percent.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-missing-0-percent.html new file mode 100644 index 0000000000..4d4fee1b5b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-missing-0-percent.html @@ -0,0 +1,44 @@ + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-mixed-interpolation.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-mixed-interpolation.html new file mode 100644 index 0000000000..016f892f95 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-mixed-interpolation.html @@ -0,0 +1,26 @@ + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-non-keyframe-timing-function-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-non-keyframe-timing-function-ref.html new file mode 100644 index 0000000000..d351f80a26 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-non-keyframe-timing-function-ref.html @@ -0,0 +1,16 @@ + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-non-keyframe-timing-function.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-non-keyframe-timing-function.html new file mode 100644 index 0000000000..9e4eb01943 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-non-keyframe-timing-function.html @@ -0,0 +1,36 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-none-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-none-ref.html new file mode 100644 index 0000000000..f47e9f31b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-none-ref.html @@ -0,0 +1,21 @@ + + + +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-none.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-none.html new file mode 100644 index 0000000000..3efb593b72 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-none.html @@ -0,0 +1,53 @@ + + + + + + + + + + +
+
+
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-overflow-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-overflow-ref.html new file mode 100644 index 0000000000..154a56d5f0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-overflow-ref.html @@ -0,0 +1,14 @@ + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-overflow.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-overflow.html new file mode 100644 index 0000000000..fc8c78efbf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-overflow.html @@ -0,0 +1,28 @@ + + + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-path-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-path-ref.html new file mode 100644 index 0000000000..d53067f563 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-path-ref.html @@ -0,0 +1,15 @@ + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-path.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-path.html new file mode 100644 index 0000000000..20400ba5ec --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-path.html @@ -0,0 +1,35 @@ + + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon-mixed-change.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon-mixed-change.html new file mode 100644 index 0000000000..569c0af66a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon-mixed-change.html @@ -0,0 +1,38 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon-ref.html new file mode 100644 index 0000000000..28e11e966d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon-ref.html @@ -0,0 +1,15 @@ + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon.html new file mode 100644 index 0000000000..1a9d0cc168 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-polygon.html @@ -0,0 +1,34 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ref.html new file mode 100644 index 0000000000..b548c5d590 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-ref.html @@ -0,0 +1,13 @@ + + + +
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-ref.html new file mode 100644 index 0000000000..6cc3b4d58b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-ref.html @@ -0,0 +1,26 @@ + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-zoom-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-zoom-ref.html new file mode 100644 index 0000000000..8d620ceb69 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-zoom-ref.html @@ -0,0 +1,27 @@ + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-zoom.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-zoom.html new file mode 100644 index 0000000000..f7be6d2532 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg-zoom.html @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg.html new file mode 100644 index 0000000000..5318355585 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-svg.html @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes1-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes1-ref.html new file mode 100644 index 0000000000..965d259d26 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes1-ref.html @@ -0,0 +1,13 @@ + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes1.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes1.html new file mode 100644 index 0000000000..61e24e6208 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes1.html @@ -0,0 +1,45 @@ + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes2-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes2-ref.html new file mode 100644 index 0000000000..afc8c85561 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes2-ref.html @@ -0,0 +1,13 @@ + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes2.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes2.html new file mode 100644 index 0000000000..b70c136c32 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-three-keyframes2.html @@ -0,0 +1,49 @@ + + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-zoom-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-zoom-ref.html new file mode 100644 index 0000000000..99126195a1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-zoom-ref.html @@ -0,0 +1,17 @@ + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-zoom.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-zoom.html new file mode 100644 index 0000000000..89641240f6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation-zoom.html @@ -0,0 +1,35 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation.html new file mode 100644 index 0000000000..307d972ef6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-animation.html @@ -0,0 +1,26 @@ + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-001-ref.html new file mode 100644 index 0000000000..4e26ac61f6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-001-ref.html @@ -0,0 +1,24 @@ + + + + CSS Masking: Reference for clip-path's path nonzero interpolation + + + +
+ + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-001.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-001.html new file mode 100644 index 0000000000..0c988e090e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-001.html @@ -0,0 +1,35 @@ + + + + CSS Masking: Test clip-path nonzero path interpolation + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-002-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-002-ref.html new file mode 100644 index 0000000000..567764a301 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-002-ref.html @@ -0,0 +1,24 @@ + + + + CSS Masking: Reference for clip-path's path evenodd interpolation + + + +
+ + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-002.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-002.html new file mode 100644 index 0000000000..4c1c485f7f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-002.html @@ -0,0 +1,35 @@ + + + + CSS Masking: Test clip-path evenodd path interpolation + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-with-zoom-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-with-zoom-ref.html new file mode 100644 index 0000000000..7e0d2a5426 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-with-zoom-ref.html @@ -0,0 +1,12 @@ + +CSS Masking: Test clip-path nonzero path interpolation with zoom + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-with-zoom.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-with-zoom.html new file mode 100644 index 0000000000..50dc5e6f4e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-path-interpolation-with-zoom.html @@ -0,0 +1,27 @@ + + + CSS Masking: Test clip-path nonzero path interpolation with zoom + + + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-rect-interpolation-001.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-rect-interpolation-001.html new file mode 100644 index 0000000000..f204fb953a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-rect-interpolation-001.html @@ -0,0 +1,34 @@ + + + + CSS Masking: Test clip-path rect() interpolation + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-shape-interpolation-001.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-shape-interpolation-001.html new file mode 100644 index 0000000000..dae7f24d37 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-shape-interpolation-001.html @@ -0,0 +1,39 @@ + + + + CSS Masking: Test clip-path nonzero path interpolation + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-shape-interpolation-002.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-shape-interpolation-002.html new file mode 100644 index 0000000000..6af23c37d6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-shape-interpolation-002.html @@ -0,0 +1,39 @@ + + + + CSS Masking: Test clip-path evenodd path interpolation + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition-custom-timing-function.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition-custom-timing-function.html new file mode 100644 index 0000000000..f8bf6e08fe --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition-custom-timing-function.html @@ -0,0 +1,38 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition-ref.html new file mode 100644 index 0000000000..af164c30f0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition-ref.html @@ -0,0 +1,13 @@ + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition.html new file mode 100644 index 0000000000..980f7a53e2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-transition.html @@ -0,0 +1,34 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-xywh-interpolation-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-xywh-interpolation-001-ref.html new file mode 100644 index 0000000000..e3f646b3e0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-xywh-interpolation-001-ref.html @@ -0,0 +1,20 @@ + + + + CSS Masking: Reference for clip-path's xywh interpolation + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-xywh-interpolation-001.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-xywh-interpolation-001.html new file mode 100644 index 0000000000..853195aa27 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/clip-path-xywh-interpolation-001.html @@ -0,0 +1,34 @@ + + + + CSS Masking: Test clip-path xywh() interpolation + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length1-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length1-ref.html new file mode 100644 index 0000000000..0feacb50ba --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length1-ref.html @@ -0,0 +1,14 @@ + + + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length1.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length1.html new file mode 100644 index 0000000000..f647c1af59 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length1.html @@ -0,0 +1,50 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length2-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length2-ref.html new file mode 100644 index 0000000000..0feacb50ba --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length2-ref.html @@ -0,0 +1,14 @@ + + + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length2.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length2.html new file mode 100644 index 0000000000..bc3460111f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length2.html @@ -0,0 +1,50 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length3-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length3-ref.html new file mode 100644 index 0000000000..853f47f9ba --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length3-ref.html @@ -0,0 +1,14 @@ + + + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length3.html b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length3.html new file mode 100644 index 0000000000..5a66568132 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/animations/two-clip-path-animation-diff-length3.html @@ -0,0 +1,53 @@ + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-blending-offset-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-blending-offset-ref.html new file mode 100644 index 0000000000..c2613ac0a6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-blending-offset-ref.html @@ -0,0 +1,3 @@ + +
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-blending-offset.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-blending-offset.html new file mode 100644 index 0000000000..806904d687 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-blending-offset.html @@ -0,0 +1,26 @@ + +CSS Masking: Test clip-path with mix-blend-mode with offset + + + + +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1a.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1a.html new file mode 100644 index 0000000000..c0304a59bb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1a.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: clip-path: clip path border-box + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1b.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1b.html new file mode 100644 index 0000000000..c253c3c9db --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1b.html @@ -0,0 +1,19 @@ + + + + + CSS Masking: clip-path: clip path border-box + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1c.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1c.html new file mode 100644 index 0000000000..99f6bb0fc9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1c.html @@ -0,0 +1,31 @@ + + + + + CSS Masking: clip-path: clip path border-box + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1d.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1d.html new file mode 100644 index 0000000000..3b63d9251f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1d.html @@ -0,0 +1,18 @@ + +CSS Masking: clip path with border-box + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1e.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1e.html new file mode 100644 index 0000000000..17ac0b0d72 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-borderBox-1e.html @@ -0,0 +1,21 @@ + +CSS Masking: clip path with border-box and border-radius + + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-001.html new file mode 100644 index 0000000000..e40cdb103a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-001.html @@ -0,0 +1,20 @@ + + + + CSS Masking: Test clip-path property and circle function with absolute values + + + + + + + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-002.html new file mode 100644 index 0000000000..deb199a5b6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-002.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip-path property and circle function with percentage values + + + + + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-003.html new file mode 100644 index 0000000000..24b3f31f61 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-003.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip-path property and circle function with percentage radius + + + + + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-004.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-004.html new file mode 100644 index 0000000000..ddbccf0336 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-004.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip-path property and circle function with percentage position + + + + + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-005.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-005.html new file mode 100644 index 0000000000..3a25ce5fff --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-005.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip-path property and circle function with closest-side + + + + + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-006.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-006.html new file mode 100644 index 0000000000..8434edd216 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-006.html @@ -0,0 +1,20 @@ + + + + CSS Masking: Test clip-path property and circle function with farthest-side + + + + + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-007.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-007.html new file mode 100644 index 0000000000..60c5cd52e3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-007.html @@ -0,0 +1,24 @@ + + + + CSS Masking: Test clip-path property and circle with closest-side on rectangular div 1 + + + + + + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-008.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-008.html new file mode 100644 index 0000000000..a931d3e319 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-circle-008.html @@ -0,0 +1,24 @@ + + + + CSS Masking: Test clip-path property and circle with closest-side on rectangular div 2 + + + + + + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-columns-shape-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-columns-shape-001.html new file mode 100644 index 0000000000..de13607ad8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-columns-shape-001.html @@ -0,0 +1,20 @@ + +CSS Masking: Test clip-path property in column + + + + + + +
+
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-columns-shape-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-columns-shape-002.html new file mode 100644 index 0000000000..6bd11a5e49 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-columns-shape-002.html @@ -0,0 +1,25 @@ + +CSS Masking: Test clip-path property with svg clipPath element in column + + + + + + +
+
+
+
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1a.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1a.html new file mode 100644 index 0000000000..b10dcbe3ad --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1a.html @@ -0,0 +1,28 @@ + + + + + CSS Masking: clip-path: clip path content-box + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1b.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1b.html new file mode 100644 index 0000000000..8c2a651766 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1b.html @@ -0,0 +1,19 @@ + + + + + CSS Masking: clip-path: clip path content-box + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1c.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1c.html new file mode 100644 index 0000000000..e1b653aaf7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1c.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: clip-path: clip path content-box + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1d.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1d.html new file mode 100644 index 0000000000..1968fc8044 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1d.html @@ -0,0 +1,28 @@ + +CSS Masking: clip path with content-box + + + + + +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1e.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1e.html new file mode 100644 index 0000000000..5fde5ccd9a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-contentBox-1e.html @@ -0,0 +1,31 @@ + +CSS Masking: clip path with content-box and border-radius + + + + + + + +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-descendant-text-mutated-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-descendant-text-mutated-001.html new file mode 100644 index 0000000000..8753a25f1e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-descendant-text-mutated-001.html @@ -0,0 +1,32 @@ + + +CSS Masking: Test ancestors update as text descendants change + + + + + + + + + +
+ + + XX + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-document-element-will-change.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-document-element-will-change.html new file mode 100644 index 0000000000..977eaca140 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-document-element-will-change.html @@ -0,0 +1,21 @@ + + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-document-element.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-document-element.html new file mode 100644 index 0000000000..56f2d5c8eb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-document-element.html @@ -0,0 +1,20 @@ + + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-001.html new file mode 100644 index 0000000000..1381f53cb0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-001.html @@ -0,0 +1,23 @@ + + + + CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 1 + + + + + + + + +

The test passes if there is a green box.

+
+ + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html new file mode 100644 index 0000000000..6d6d77ceca --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html @@ -0,0 +1,23 @@ + + + + CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 2 + + + + + + + + +

The test passes if there is a green box.

+
+ + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-003.html new file mode 100644 index 0000000000..1eff3b4fce --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-003.html @@ -0,0 +1,32 @@ + + + + CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1 + + + + + + + + + + +
+

The test passes if the left half of the site is white and the right half of the site is green.

+ + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-004.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-004.html new file mode 100644 index 0000000000..af65df668f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-004.html @@ -0,0 +1,32 @@ + + + + CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 2 + + + + + + + + + + +
+

The test passes if the top half of the site is white and the bottom half of the site is green.

+ + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-001.html new file mode 100644 index 0000000000..f48b197137 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-001.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip-path property and ellipse function with absolute values + + + + + + + + +

The test passes if there is a full green ellipse.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-002.html new file mode 100644 index 0000000000..ecc5ca090f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-002.html @@ -0,0 +1,20 @@ + + + + CSS Masking: Test clip-path property and ellipse function with percentage values + + + + + + + + +

The test passes if there is a full green ellipse.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-003.html new file mode 100644 index 0000000000..eff287614b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-003.html @@ -0,0 +1,20 @@ + + + + CSS Masking: Test clip-path property and ellipse function with percentage values on square + + + + + + + + +

The test passes if there is a full green circle.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-004.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-004.html new file mode 100644 index 0000000000..3988840943 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-004.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip-path property and ellipse function with different absolute values on square + + + + + + + + +

The test passes if there is a full green ellipse.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-005.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-005.html new file mode 100644 index 0000000000..c7107d2617 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-005.html @@ -0,0 +1,21 @@ + + + + CSS Masking: Test clip-path property and ellipse function with different percentage values on square + + + + + + + + +

The test passes if there is a full green ellipse.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-006.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-006.html new file mode 100644 index 0000000000..d0b4efafeb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-006.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip-path property and ellipse function with absolute values + + + + + + + + +

The test passes if there is a full green ellipse.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-007.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-007.html new file mode 100644 index 0000000000..2105b36df3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-007.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip-path property and ellipse function with no arguments + + + + + + + + +

The test passes if there is a full green ellipse.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-008.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-008.html new file mode 100644 index 0000000000..4e4ac51842 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-008.html @@ -0,0 +1,22 @@ + + + + CSS Masking: Test clip-path property and ellipse function with 50% 50% + + + + + + + + +

The test passes if there is a full green ellipse.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fillBox-1a.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fillBox-1a.html new file mode 100644 index 0000000000..c14890e967 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fillBox-1a.html @@ -0,0 +1,32 @@ + + + + + CSS Masking: clip-path: clip path fill-box + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fillBox-1b.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fillBox-1b.html new file mode 100644 index 0000000000..529cee6a42 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fillBox-1b.html @@ -0,0 +1,18 @@ + + + + + CSS Masking: clip-path: clip path fill-box + + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-order-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-order-ref.html new file mode 100644 index 0000000000..5fdef1e300 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-order-ref.html @@ -0,0 +1,21 @@ + + +Clip-path should be applied after filtering + + +
+

Expected: A green box.
+ There should be no red visible.
+ There should be a crisp, clipped edge around the green box (no blurring).

+
+ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-order.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-order.html new file mode 100644 index 0000000000..5806e75d53 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-order.html @@ -0,0 +1,25 @@ + + +Clip-path should be applied after filtering + + + + +
+

Expected: A green box.
+ There should be no red visible.
+ There should be a crisp, clipped edge around the green box (no blurring).

+
+ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-radius-clips.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-radius-clips.html new file mode 100644 index 0000000000..f715f0de78 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-filter-radius-clips.html @@ -0,0 +1,12 @@ + + + + + +
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested-ref.html new file mode 100644 index 0000000000..b860304f04 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested-ref.html @@ -0,0 +1,17 @@ + +CSS Test Reference + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested.html new file mode 100644 index 0000000000..5090bc2aed --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-nested.html @@ -0,0 +1,38 @@ + +CSS Test: nested clip-path() inside the same reference frame with position: fixed + + + + + + +
+
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-scroll-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-scroll-ref.html new file mode 100644 index 0000000000..86aad95935 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-scroll-ref.html @@ -0,0 +1,6 @@ + +
+
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-scroll.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-scroll.html new file mode 100644 index 0000000000..2b6e09b0e8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-fixed-scroll.html @@ -0,0 +1,20 @@ + + +CSS Test: clip-path above position: fixed scrolled + + + + + +
+
+
+
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-foreignobject-non-zero-xy.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-foreignobject-non-zero-xy.html new file mode 100644 index 0000000000..a63f4c8aa2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-foreignobject-non-zero-xy.html @@ -0,0 +1,14 @@ + +CSS Masking: clip-path on a foreignObject with non-zero 'x' and 'y' render correctly + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-1-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-1-ref.html new file mode 100644 index 0000000000..add81e8dfe --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-1-ref.html @@ -0,0 +1,14 @@ + + + + + CSS Masking: clip-path: clip path geometry box + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-2-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-2-ref.html new file mode 100644 index 0000000000..b9ee9ab63b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-2-ref.html @@ -0,0 +1,14 @@ + + + + + CSS Masking: clip-path: clip path geometry box + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-2.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-2.html new file mode 100644 index 0000000000..d4c47349d2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-geometryBox-2.html @@ -0,0 +1,28 @@ + + + + + CSS Masking: clip-path: clip path margin-box + + + + + + + + + +
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-001.html new file mode 100644 index 0000000000..76018614ba --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-001.html @@ -0,0 +1,32 @@ + +clip-path on inline, horizontal-tb writing-mode + + + + + + +

Test passes if there is a filled green square and no red.

+
+
+ XXXX
XXXXX +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-002.html new file mode 100644 index 0000000000..ca8634b903 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-002.html @@ -0,0 +1,32 @@ + +clip-path on inline, vertical-rl writing-mode + + + + + + +

Test passes if there is a filled green square and no red.

+
+
+ XXXX
XXXXX +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-003.html new file mode 100644 index 0000000000..471c54c1c6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-003.html @@ -0,0 +1,32 @@ + +clip-path on inline, vertical-lr writing-mode + + + + + + +

Test passes if there is a filled green square and no red.

+
+
+ XXXX
XXXXX +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-004-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-004-ref.html new file mode 100644 index 0000000000..9dfce3f7fa --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-004-ref.html @@ -0,0 +1,18 @@ + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-004.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-004.html new file mode 100644 index 0000000000..8061a91988 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-004.html @@ -0,0 +1,21 @@ + +clip-path on inline with margin-box + + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-005-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-005-ref.html new file mode 100644 index 0000000000..9dfce3f7fa --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-005-ref.html @@ -0,0 +1,18 @@ + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-005.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-005.html new file mode 100644 index 0000000000..39dac759e2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-005.html @@ -0,0 +1,21 @@ + +clip-path on inline with content-box + + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-006-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-006-ref.html new file mode 100644 index 0000000000..9dfce3f7fa --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-006-ref.html @@ -0,0 +1,18 @@ + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-006.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-006.html new file mode 100644 index 0000000000..7a37c04f44 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-006.html @@ -0,0 +1,21 @@ + +clip-path on inline with padding-box + + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-007-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-007-ref.html new file mode 100644 index 0000000000..981482ff72 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-007-ref.html @@ -0,0 +1,17 @@ + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-007.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-007.html new file mode 100644 index 0000000000..9518b587c4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-007.html @@ -0,0 +1,25 @@ + +clip-path on inline with border-box and border-radius + + + + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-008-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-008-ref.html new file mode 100644 index 0000000000..981482ff72 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-008-ref.html @@ -0,0 +1,17 @@ + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-008.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-008.html new file mode 100644 index 0000000000..911f9cac4d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-008.html @@ -0,0 +1,28 @@ + +clip-path on inline with margin-box and border-radius + + + + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-009-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-009-ref.html new file mode 100644 index 0000000000..26da94d8f3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-009-ref.html @@ -0,0 +1,18 @@ + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-009.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-009.html new file mode 100644 index 0000000000..6a7fbb5498 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-009.html @@ -0,0 +1,23 @@ + +clip-path on inline with content-box and border-radius + + + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-010-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-010-ref.html new file mode 100644 index 0000000000..981482ff72 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-010-ref.html @@ -0,0 +1,17 @@ + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-010.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-010.html new file mode 100644 index 0000000000..dea78b6347 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inline-010.html @@ -0,0 +1,26 @@ + +clip-path on inline with padding-box and border-radius + + + + + + + +

Test passes if there is a filled green circle with radius 50px. +

+ X +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inset-round-percent-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inset-round-percent-ref.html new file mode 100644 index 0000000000..597481d7db --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inset-round-percent-ref.html @@ -0,0 +1,14 @@ + +CSS Test Reference + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inset-round-percent.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inset-round-percent.html new file mode 100644 index 0000000000..cb0e5ec735 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-inset-round-percent.html @@ -0,0 +1,19 @@ + +inset() with percentages resolves against reference box, not inset rect + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-localRef-1-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-localRef-1-ref.html new file mode 100644 index 0000000000..d605e046fc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-localRef-1-ref.html @@ -0,0 +1,27 @@ + + + + + Reference for clip-path linked to local-ref URL + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-localRef-1.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-localRef-1.html new file mode 100644 index 0000000000..e24afbcd6b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-localRef-1.html @@ -0,0 +1,32 @@ + + + + + + + Testcase for clip-path linked to local-ref URL + + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1a.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1a.html new file mode 100644 index 0000000000..009ba674d8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1a.html @@ -0,0 +1,19 @@ + + + + + CSS Masking: clip-path: clip path margin-box + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1b.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1b.html new file mode 100644 index 0000000000..04f22e84d5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1b.html @@ -0,0 +1,20 @@ + +CSS Masking: clip path with margin-box + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1c.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1c.html new file mode 100644 index 0000000000..7d6780731e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1c.html @@ -0,0 +1,23 @@ + +CSS Masking: clip path with margin-box and border-radius + + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1d-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1d-ref.html new file mode 100644 index 0000000000..cd78d2009a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1d-ref.html @@ -0,0 +1,11 @@ + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1d.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1d.html new file mode 100644 index 0000000000..39d3c9db5a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-marginBox-1d.html @@ -0,0 +1,31 @@ + +CSS Masking: clip path with margin-box and border-radius when the ratio of border-radius/margin is less than 1 + + + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-mix-blend-mode-1-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-mix-blend-mode-1-ref.html new file mode 100644 index 0000000000..12bfbda589 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-mix-blend-mode-1-ref.html @@ -0,0 +1,29 @@ + + + + + CSS clip-path reference + + + + + +
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-mix-blend-mode-1.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-mix-blend-mode-1.html new file mode 100644 index 0000000000..ff0c376905 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-mix-blend-mode-1.html @@ -0,0 +1,41 @@ + + + + + CSS Masking: clip-path with mix-blend-mode + + + + + + + + +
+
+ + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll-ref.html new file mode 100644 index 0000000000..a4f7dc5479 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll-ref.html @@ -0,0 +1,15 @@ + + +
+
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll.html new file mode 100644 index 0000000000..b947f10aa2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll.html @@ -0,0 +1,35 @@ + +CSS Masking: Test out-of-view clip-path above fixed-position element scrolled into view + + + + + +
Scroll to the bottom.
+
+
+
+
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1a.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1a.html new file mode 100644 index 0000000000..493ba7ab05 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1a.html @@ -0,0 +1,28 @@ + + + + + CSS Masking: clip-path: clip path padding-box + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1b.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1b.html new file mode 100644 index 0000000000..d3ea29633e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1b.html @@ -0,0 +1,19 @@ + + + + + CSS Masking: clip-path: clip path padding-box + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1c.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1c.html new file mode 100644 index 0000000000..c3fc5a90af --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1c.html @@ -0,0 +1,30 @@ + + + + + CSS Masking: clip-path: clip path padding-box + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1d.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1d.html new file mode 100644 index 0000000000..3425c3d2d6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1d.html @@ -0,0 +1,18 @@ + +CSS Masking: clip path with padding-box + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1e.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1e.html new file mode 100644 index 0000000000..cd0d3987d9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-paddingBox-1e.html @@ -0,0 +1,21 @@ + +CSS Masking: clip path with padding-box and border-radius + + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-001.html new file mode 100644 index 0000000000..ebdfc2297b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-001.html @@ -0,0 +1,23 @@ + + + + CSS Masking: Test clip-path property and path function with nonzero fill + + + + + + +

The test passes if there are a green filled rect.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-002.html new file mode 100644 index 0000000000..e3049922eb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-002.html @@ -0,0 +1,23 @@ + + + + CSS Masking: Test clip-path property and path function with evenodd fill + + + + + + +

The test passes if there are a green hollow rect.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-003.html new file mode 100644 index 0000000000..af1de750c5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-003.html @@ -0,0 +1,16 @@ + +CSS Masking: clip-path property and path() function with non-zero reference box offset + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-with-zoom-hittest.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-with-zoom-hittest.html new file mode 100644 index 0000000000..30ceefcbc0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-with-zoom-hittest.html @@ -0,0 +1,25 @@ + +CSS Masking: Test clip-path property hit-testing when the page is zoomed + + + + + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-with-zoom.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-with-zoom.html new file mode 100644 index 0000000000..5879917f36 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-path-with-zoom.html @@ -0,0 +1,23 @@ + +CSS Masking: Test clip-path property when the page is zoomed + + + + + +
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-001.html new file mode 100644 index 0000000000..954f0ba8d9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-001.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test clip-path property and polygon function with absolute values + + + + + + + +

The test passes if there is a green box.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-002.html new file mode 100644 index 0000000000..ed2ede4fed --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-002.html @@ -0,0 +1,20 @@ + + + + CSS Masking: Test clip-path property and polygon function with percentage values + + + + + + + +

The test passes if there is a green box.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-003.html new file mode 100644 index 0000000000..1ecf6803ab --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-003.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test clip-path property and polygon function with absolute and percentage values + + + + + + + +

The test passes if there is a green box.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-004.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-004.html new file mode 100644 index 0000000000..cec947a361 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-004.html @@ -0,0 +1,21 @@ + + + + CSS Masking: Test clip-path property and polygon function with fill rule evenodd + + + + + + + +

The test passes if there is a green box with a blue border.

+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-005.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-005.html new file mode 100644 index 0000000000..b687f2e752 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-005.html @@ -0,0 +1,22 @@ + + + + CSS Masking: Test clip-path property and polygon function with fill rule nonzero + + + + + + + +

The test passes if there is a green box with a blue border.

+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-006.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-006.html new file mode 100644 index 0000000000..1b33eaaf2f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-006.html @@ -0,0 +1,29 @@ + + + + CSS Masking: Test clip-path and polygon with padding-box + + + + + + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-007.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-007.html new file mode 100644 index 0000000000..9b59097942 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-007.html @@ -0,0 +1,30 @@ + + + + CSS Masking: Test clip-path and polygon with border-box + + + + + + + +

The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-008.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-008.html new file mode 100644 index 0000000000..454aba6915 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-008.html @@ -0,0 +1,31 @@ + + + + CSS Masking: Test clip-path and polygon with margin-box + + + + + + + + +

The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-009.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-009.html new file mode 100644 index 0000000000..7d3ab5bb42 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-009.html @@ -0,0 +1,29 @@ + + + + CSS Masking: Test clip-path and polygon with content-box + + + + + + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-010.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-010.html new file mode 100644 index 0000000000..e74a134082 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-010.html @@ -0,0 +1,32 @@ + + + + CSS Masking: Test clip-path and polygon with fill-box + + + + + + + +

The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-011.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-011.html new file mode 100644 index 0000000000..7acccd1a69 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-011.html @@ -0,0 +1,32 @@ + + + + CSS Masking: Test clip-path and polygon with stroke-box + + + + + + + +

The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-012.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-012.html new file mode 100644 index 0000000000..9a24abfd10 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-012.html @@ -0,0 +1,32 @@ + + + + CSS Masking: Test clip-path and polygon with view-box + + + + + + + +

The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-013.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-013.html new file mode 100644 index 0000000000..23c93f347d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-013.html @@ -0,0 +1,52 @@ + + + + CSS Masking: Test clip-path and polygon different units + + + + + + + + + +

The test passes if you see a multiple green and blue stripe pairs. For each pair, the blue and green stripe must be of same length.

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-001.html new file mode 100644 index 0000000000..1645d45829 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-001.html @@ -0,0 +1,22 @@ + + + + CSS Masking: Test clip-path property and rect function + + + + + + +

The test passes if there is a green box.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-002.html new file mode 100644 index 0000000000..c9032e0a5b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-002.html @@ -0,0 +1,22 @@ + + + + CSS Masking: Test clip-path property and rect function + + + + + + +

The test passes if there is a green box.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-003.html new file mode 100644 index 0000000000..a2d201c1b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rect-003.html @@ -0,0 +1,23 @@ + + + + CSS Masking: Test clip-path property and rect function + + + + + + + +

The test passes if there is a green box with round.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-001.html new file mode 100644 index 0000000000..35b31ebaef --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-001.html @@ -0,0 +1,19 @@ + +CSS Masking: clip path reference box with box-shadow + + + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-002.html new file mode 100644 index 0000000000..a45e4537fc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-002.html @@ -0,0 +1,19 @@ + +CSS Masking: clip path with floated element + + + + + + + +
+
 
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-003.html new file mode 100644 index 0000000000..ac88439d7b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-003.html @@ -0,0 +1,26 @@ + +CSS Masking: clip path reference box with transform + + + + + + + +
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-004.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-004.html new file mode 100644 index 0000000000..eb89065364 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-box-004.html @@ -0,0 +1,29 @@ + +CSS Masking: clip path reference box with inline boxes + + + + + + + + + + +
+XX XX +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-restore.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-restore.html new file mode 100644 index 0000000000..eccebd8fbc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-reference-restore.html @@ -0,0 +1,31 @@ + +CSS Masking: Consecutive clip-paths don't affect each other. + + + + + + +
+
+
+ + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform-ref.html new file mode 100644 index 0000000000..ddbf0e9812 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform-ref.html @@ -0,0 +1,4 @@ + +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform.html new file mode 100644 index 0000000000..a609e9cc91 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform.html @@ -0,0 +1,11 @@ + +Clip Path: should be correctly rotated by transform with will-change:transform + + + +
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-round-zero-size-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-round-zero-size-ref.html new file mode 100644 index 0000000000..a5e44e7398 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-round-zero-size-ref.html @@ -0,0 +1,13 @@ + + +CSS Test Reference + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-round-zero-size.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-round-zero-size.html new file mode 100644 index 0000000000..59404f81c9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-round-zero-size.html @@ -0,0 +1,20 @@ + + +CSS clip path with zero box size + + + + + + + + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scaled-video-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scaled-video-ref.html new file mode 100644 index 0000000000..43ebcc8dc7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scaled-video-ref.html @@ -0,0 +1,2 @@ + +

Expect no hairlines below.

diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scaled-video.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scaled-video.html new file mode 100644 index 0000000000..c92702d8e7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scaled-video.html @@ -0,0 +1,46 @@ + + + + + + + + +

Expect no hairlines below.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scroll.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scroll.html new file mode 100644 index 0000000000..880fd8b77a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-scroll.html @@ -0,0 +1,24 @@ + +CSS Masking: Test clip-path property with overflow:scroll + + + +

The test passes if there is a green square containing text (which can be scrolled +with mouse wheel or touch). No scrollbars should be seen.

+
+
+
+
+
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-001.html new file mode 100644 index 0000000000..6033e9743e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-001.html @@ -0,0 +1,25 @@ + + + + CSS Masking: Test clip-path property and shape function with nonzero fill + + + + + + +

The test passes if there are a green filled rect.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-002-units.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-002-units.html new file mode 100644 index 0000000000..b928876a0a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-002-units.html @@ -0,0 +1,37 @@ + + + + CSS Masking: Test clip-path property and shape function with evenodd fill + + + + + + + +

The test passes if there are a green hollow rect.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-002.html new file mode 100644 index 0000000000..3cb39f8d44 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-002.html @@ -0,0 +1,25 @@ + + + + CSS Masking: Test clip-path property and shape function with evenodd fill + + + + + + +

The test passes if there are a green hollow rect.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-003.html new file mode 100644 index 0000000000..22e7d9aaf5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-003.html @@ -0,0 +1,36 @@ + + + + CSS Masking: Test clip-path property and shape function with nonzero fill + + + + + + +

You should see no red.

+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-004.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-004.html new file mode 100644 index 0000000000..14e3ba6329 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-004.html @@ -0,0 +1,35 @@ + + + + CSS Masking: Test clip-path property and shape function with nonzero fill + + + + + + +

You should see no red.

+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-foreignobject-non-zero-xy.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-foreignobject-non-zero-xy.html new file mode 100644 index 0000000000..4e221f36e4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-shape-foreignobject-non-zero-xy.html @@ -0,0 +1,11 @@ + +CSS Masking: clip-path on a foreignObject with non-zero 'x' and 'y' render correctly + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1a.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1a.html new file mode 100644 index 0000000000..487f5363b6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1a.html @@ -0,0 +1,32 @@ + + + + + CSS Masking: clip-path: clip path stroke-box + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1b.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1b.html new file mode 100644 index 0000000000..33956e3d47 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1b.html @@ -0,0 +1,18 @@ + + + + + CSS Masking: clip-path: clip path stroke-box + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1c.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1c.html new file mode 100644 index 0000000000..577e6d0a4e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-strokeBox-1c.html @@ -0,0 +1,18 @@ + + + + + CSS Masking: clip-path: clip path stroke-box with transform + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-invalidate-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-invalidate-ref.html new file mode 100644 index 0000000000..20c8085b94 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-invalidate-ref.html @@ -0,0 +1,28 @@ + + +Clip Path: invalidate composited clip-path via SVG + + + + +
+ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-invalidate.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-invalidate.html new file mode 100644 index 0000000000..0bf921c7cf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-invalidate.html @@ -0,0 +1,41 @@ + + +Clip Path: invalidate composited clip-path via SVG + + + + + + + + +
+ + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter-ref.html new file mode 100644 index 0000000000..194c473482 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter-ref.html @@ -0,0 +1,11 @@ + + + + + + Text + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter.html new file mode 100644 index 0000000000..68d462ab80 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter.html @@ -0,0 +1,25 @@ + + + + + + + + +
+ + + Text + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-css.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-css.html new file mode 100644 index 0000000000..8a0d7111b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-css.html @@ -0,0 +1,24 @@ + + + + + + + + + + + + Hello + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-font-loading.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-font-loading.html new file mode 100644 index 0000000000..230c36ce6e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-svg-text-font-loading.html @@ -0,0 +1,30 @@ + + + + + + + + + +
+ + + X + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-transform-mutated-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-transform-mutated-001.html new file mode 100644 index 0000000000..01f11a34a3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-transform-mutated-001.html @@ -0,0 +1,27 @@ + +CSS Masking: Test clip-path after updating its transform + + + + + + + +
+ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-transform-mutated-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-transform-mutated-002.html new file mode 100644 index 0000000000..de00a013ad --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-transform-mutated-002.html @@ -0,0 +1,32 @@ + + +CSS Masking: Mutating a <clipPath>s 'transform' updates the clip path + + + + + + + + + + +
+ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-change-from-empty.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-change-from-empty.html new file mode 100644 index 0000000000..2de0bb866f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-change-from-empty.html @@ -0,0 +1,23 @@ + + +Switch from an empty to a non-empty clip-path url() + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-change.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-change.html new file mode 100644 index 0000000000..4a6266aabd --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-change.html @@ -0,0 +1,25 @@ + + +Switch from one clip-path url() to another with the same bounds + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-svg-foreignobject-zoomed.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-svg-foreignobject-zoomed.html new file mode 100644 index 0000000000..df8d0cc89c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-url-reference-svg-foreignobject-zoomed.html @@ -0,0 +1,23 @@ + +CSS Masking: clip-path, <clipPath> with objectBoundingBox units on a foreignObject + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1a.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1a.html new file mode 100644 index 0000000000..5b029e1ef7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1a.html @@ -0,0 +1,19 @@ + + + + + CSS Masking: clip-path: clip path view-box + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1b.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1b.html new file mode 100644 index 0000000000..7d44efb81e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1b.html @@ -0,0 +1,19 @@ + + + + + CSS Masking: clip-path: clip path view-box with viewbox + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1c.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1c.html new file mode 100644 index 0000000000..d46c6d2f03 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1c.html @@ -0,0 +1,32 @@ + + + + + CSS Masking: clip-path: clip path view-box + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1d.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1d.html new file mode 100644 index 0000000000..0d58e4f331 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-viewBox-1d.html @@ -0,0 +1,18 @@ + + + + + CSS Masking: clip-path: clip path view-box + + + + + + + + +
+ + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-001.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-001.html new file mode 100644 index 0000000000..a3d55c277c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-001.html @@ -0,0 +1,22 @@ + + + + CSS Masking: Test clip-path property and xywh function + + + + + + +

The test passes if there is a green box.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-002.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-002.html new file mode 100644 index 0000000000..be317ec0d4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-002.html @@ -0,0 +1,22 @@ + + + + CSS Masking: Test clip-path property and xywh function + + + + + + +

The test passes if there is a green box.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-003.html b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-003.html new file mode 100644 index 0000000000..370e1af975 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-xywh-003.html @@ -0,0 +1,23 @@ + + + + CSS Masking: Test clip-path property and xywh function + + + + + + + +

The test passes if there is a green box with round.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/interpolation.html b/testing/web-platform/tests/css/css-masking/clip-path/interpolation.html new file mode 100644 index 0000000000..f580de9c76 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/interpolation.html @@ -0,0 +1,60 @@ + + + +Tests for the output of the interpolation of clip-path + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference-local-url-with-base-001.html b/testing/web-platform/tests/css/css-masking/clip-path/reference-local-url-with-base-001.html new file mode 100644 index 0000000000..c65761bddf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference-local-url-with-base-001.html @@ -0,0 +1,25 @@ + +CSS Masking: clip path with local URL using a base element + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference-mutated.html b/testing/web-platform/tests/css/css-masking/clip-path/reference-mutated.html new file mode 100644 index 0000000000..09642853c7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference-mutated.html @@ -0,0 +1,32 @@ + + +CSS Masking: SVG clipPath dynamically updated. + + + + + + + + +
+ + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference-nonexisting-existing-local.html b/testing/web-platform/tests/css/css-masking/clip-path/reference-nonexisting-existing-local.html new file mode 100644 index 0000000000..d02e1439e6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference-nonexisting-existing-local.html @@ -0,0 +1,21 @@ + +CSS Masking: fragment of non valid URL as clip. + + + + +
+
+
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-2-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-2-ref.html new file mode 100644 index 0000000000..7794d32b3f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-2-ref.html @@ -0,0 +1,17 @@ + + + + CSS Reftest Reference + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-3-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-3-ref.html new file mode 100644 index 0000000000..4cffe8837d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-3-ref.html @@ -0,0 +1,17 @@ + + + + CSS Reftest Reference + + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-ref.html new file mode 100644 index 0000000000..c427e696bf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-circle-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a full green circle.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-columns-shape-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-columns-shape-001-ref.html new file mode 100644 index 0000000000..4337cdf637 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-columns-shape-001-ref.html @@ -0,0 +1,4 @@ + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-columns-shape-002-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-columns-shape-002-ref.html new file mode 100644 index 0000000000..4337cdf637 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-columns-shape-002-ref.html @@ -0,0 +1,4 @@ + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-descendant-text-mutated-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-descendant-text-mutated-001-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-descendant-text-mutated-001-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-document-element-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-document-element-ref.html new file mode 100644 index 0000000000..4608e54b20 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-document-element-ref.html @@ -0,0 +1,12 @@ + + +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ellipse-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ellipse-ref.html new file mode 100644 index 0000000000..5adc91a5c0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ellipse-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a full green ellipse.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-filter-radius-clips-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-filter-radius-clips-ref.html new file mode 100644 index 0000000000..72bdf2202d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-filter-radius-clips-ref.html @@ -0,0 +1,4 @@ + +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-001-ref.html new file mode 100644 index 0000000000..afc1d18f20 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-001-ref.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: Reference for clip-path's path function with nonzero + + + +

The test passes if there are a green filled rect.

+
+ + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-002-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-002-ref.html new file mode 100644 index 0000000000..d9ea5183fb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-002-ref.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: Reference for clip-path's path function with evenodd + + + +

The test passes if there are a green hollow rect.

+
+ + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-with-zoom-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-with-zoom-ref.html new file mode 100644 index 0000000000..ef91c619c4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-path-with-zoom-ref.html @@ -0,0 +1,13 @@ + + + CSS Masking: Test clip-path property when the page is zoomed + +
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-rectangle-border-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-rectangle-border-ref.html new file mode 100644 index 0000000000..9a61c76902 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-rectangle-border-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a green box with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-rectangle-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-rectangle-ref.html new file mode 100644 index 0000000000..1d3810a778 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-rectangle-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a green box.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ref-bottom-green-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ref-bottom-green-ref.html new file mode 100644 index 0000000000..ad6abc4f91 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ref-bottom-green-ref.html @@ -0,0 +1,19 @@ + + + + + CSS Reftest Reference + + + + +
+

The test passes if the top half of the site is white and the bottom half of the site is green.

+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ref-right-green-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ref-right-green-ref.html new file mode 100644 index 0000000000..a19be598ca --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-ref-right-green-ref.html @@ -0,0 +1,19 @@ + + + + + CSS Reftest Reference + + + + +
+

The test passes if the left half of the site is white and the right half of the site is green.

+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-001-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-001-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-002-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-002-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-002-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-003-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-003-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-003-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-004-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-004-ref.html new file mode 100644 index 0000000000..3464a4712a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-box-004-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-restore-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-restore-ref.html new file mode 100644 index 0000000000..683511fd80 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-reference-restore-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-scroll-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-scroll-ref.html new file mode 100644 index 0000000000..a647e8a0c2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-scroll-ref.html @@ -0,0 +1,5 @@ + +

The test passes if there is a green square containing text (which can be scrolled +with mouse wheel or touch). No scrollbars should be seen.

+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-shape-003-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-shape-003-ref.html new file mode 100644 index 0000000000..46e098c4eb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-shape-003-ref.html @@ -0,0 +1,22 @@ + + + + Reference of CSS Masking: Test clip-path property and shape function with nonzero fill + + + + +

You should see no red.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-shape-004-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-shape-004-ref.html new file mode 100644 index 0000000000..ec8f941079 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-shape-004-ref.html @@ -0,0 +1,22 @@ + + + + Reference of CSS Masking: Test clip-path property and shape function with nonzero fill + + + + +

You should see no red.

+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-square-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-square-001-ref.html new file mode 100644 index 0000000000..6bc5a16754 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-square-001-ref.html @@ -0,0 +1,11 @@ + + + + CSS Masking: Reftest reference + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-square-002-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-square-002-ref.html new file mode 100644 index 0000000000..5230b0f2ff --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-square-002-ref.html @@ -0,0 +1,11 @@ + + + + CSS Masking: Reftest reference + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-001-ref.html new file mode 100644 index 0000000000..75d08dc59e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-001-ref.html @@ -0,0 +1,13 @@ + + + + CSS Masking: Reftest reference + + + +

The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-002-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-002-ref.html new file mode 100644 index 0000000000..8dd1c926cb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-002-ref.html @@ -0,0 +1,13 @@ + + + + CSS Masking: Reftest reference + + + +

The test passes if you see a green vertical stripe next to a lime green vertical stripe, both stripes should be of equal size and there should be no red.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-003-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-003-ref.html new file mode 100644 index 0000000000..f4b7fa10f2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-stripes-003-ref.html @@ -0,0 +1,44 @@ + + + + CSS Masking: Reftest reference + + + + + +

The test passes if you see a multiple green and blue stripe pairs. For each pair, the blue and green stripe must be of same length.

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-svg-text-css-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-svg-text-css-ref.html new file mode 100644 index 0000000000..8cf2cd253a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-svg-text-css-ref.html @@ -0,0 +1,16 @@ + + + + + + + + Hello + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-transform-mutated-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-transform-mutated-001-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-transform-mutated-001-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-transform-mutated-002-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-transform-mutated-002-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-transform-mutated-002-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-xywh-003-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-xywh-003-ref.html new file mode 100644 index 0000000000..12f219eca6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/clip-path-xywh-003-ref.html @@ -0,0 +1,17 @@ + +CSS Reftest Reference for xywh() + + +

The test passes if there is a green box with round.

+
+ diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/green-100x100.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/green-100x100.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/green-100x100.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/green-circle-100x100.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/green-circle-100x100.html new file mode 100644 index 0000000000..e1bd7e5f2f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/green-circle-100x100.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-local-url-with-base-001-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-local-url-with-base-001-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-local-url-with-base-001-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-mutated-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-mutated-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-mutated-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-nonexisting-existing-local-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-nonexisting-existing-local-ref.html new file mode 100644 index 0000000000..f718ea6abf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/reference/reference-nonexisting-existing-local-ref.html @@ -0,0 +1,2 @@ + +
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-circle-offset-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-circle-offset-ref.html new file mode 100644 index 0000000000..5ba54fa8a7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-circle-offset-ref.html @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-circle-offset.html b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-circle-offset.html new file mode 100644 index 0000000000..ec4cbaeb25 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-circle-offset.html @@ -0,0 +1,10 @@ + +CSS Test: circle clip-path on svg graphics element with offset + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-ellipse-offset-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-ellipse-offset-ref.html new file mode 100644 index 0000000000..75b867ff19 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-ellipse-offset-ref.html @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-ellipse-offset.html b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-ellipse-offset.html new file mode 100644 index 0000000000..2b0876eb58 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-ellipse-offset.html @@ -0,0 +1,10 @@ + +CSS Test: ellipse clip-path on svg graphics element with offset + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-fixed-values-ref.html b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-fixed-values-ref.html new file mode 100644 index 0000000000..537b77d30a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-fixed-values-ref.html @@ -0,0 +1,49 @@ + + +
+
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-fixed-values.html b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-fixed-values.html new file mode 100644 index 0000000000..eb2c44fbb2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/svg-clip-path-fixed-values.html @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-path/svg-clipPath.svg b/testing/web-platform/tests/css/css-masking/clip-path/svg-clipPath.svg new file mode 100644 index 0000000000..d31a1df42e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-path/svg-clipPath.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-001.html b/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-001.html new file mode 100644 index 0000000000..a5a0961d10 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-001.html @@ -0,0 +1,28 @@ + + + + CSS Masking: Test clip-rule property on polygon clip rule evenodd + + + + + + + + +

The test passes if there is a green box with a blue border.

+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-002.html b/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-002.html new file mode 100644 index 0000000000..5fee625594 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-002.html @@ -0,0 +1,28 @@ + + + + CSS Masking: Test clip-rule property on polygon clip rule nonzero + + + + + + + + +

The test passes if there is a green box with a blue border.

+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-no-interpolation.html b/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-no-interpolation.html new file mode 100644 index 0000000000..066636c5e9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-rule/clip-rule-no-interpolation.html @@ -0,0 +1,15 @@ + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/clip-rule/reference/clip-rule-rectangle-border-ref.html b/testing/web-platform/tests/css/css-masking/clip-rule/reference/clip-rule-rectangle-border-ref.html new file mode 100644 index 0000000000..9a61c76902 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip-rule/reference/clip-rule-rectangle-border-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a green box with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-absolute-positioned-001.html b/testing/web-platform/tests/css/css-masking/clip/clip-absolute-positioned-001.html new file mode 100644 index 0000000000..c5b0d9001c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-absolute-positioned-001.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip property and rect function on div with position: absolute + + + + + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-absolute-positioned-002.html b/testing/web-platform/tests/css/css-masking/clip/clip-absolute-positioned-002.html new file mode 100644 index 0000000000..53b2517a27 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-absolute-positioned-002.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip property and rect function on div with position: fixed + + + + + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-filter-order-ref.html b/testing/web-platform/tests/css/css-masking/clip/clip-filter-order-ref.html new file mode 100644 index 0000000000..fe9511a8df --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-filter-order-ref.html @@ -0,0 +1,24 @@ + + +Clip should be applied after filtering + + + + +
+

Expected: A green box.
+ There should be no red visible.
+ There should be a crisp, clipped edge around the green box (no blurring).

+
+ +
diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-filter-order.html b/testing/web-platform/tests/css/css-masking/clip/clip-filter-order.html new file mode 100644 index 0000000000..0570d02b85 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-filter-order.html @@ -0,0 +1,28 @@ + + +Clip should be applied after filtering + + + + + + +
+

Expected: A green box.
+ There should be no red visible.
+ There should be a crisp, clipped edge around the green box (no blurring).

+
+ +
diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001-ref.html b/testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001-ref.html new file mode 100644 index 0000000000..ed78cb7338 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001-ref.html @@ -0,0 +1,11 @@ + +CSS Test Reference + +
diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001.html b/testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001.html new file mode 100644 index 0000000000..395b0bc964 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-fixed-pos-transform-descendant-001.html @@ -0,0 +1,38 @@ + +CSS Masking: Transformed descendants of a fixed pos element under a clipped element get properly clipped + + + + + + +
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-001.html b/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-001.html new file mode 100644 index 0000000000..b295c89ba3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-001.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip property does not clip on with negative values - 1 + + + + + + + +

The test passes if there is a green square and no red.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-002.html b/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-002.html new file mode 100644 index 0000000000..dd92e5b774 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-002.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip property does not clip on with negative values - 2 + + + + + + + +

The test passes if there is a green square and no red.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-003.html b/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-003.html new file mode 100644 index 0000000000..5118135345 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-003.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test clip property does not clip on with negative values - 3 + + + + + + + +

The test passes if there is only a vertical blue stripe.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-004.html b/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-004.html new file mode 100644 index 0000000000..1fb5add9da --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-negative-values-004.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test clip property does not clip on with negative values - 4 + + + + + + + +

The test passes if there is only a horizontal blue stripe.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-no-clipping-001.html b/testing/web-platform/tests/css/css-masking/clip/clip-no-clipping-001.html new file mode 100644 index 0000000000..3a63c2ca71 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-no-clipping-001.html @@ -0,0 +1,16 @@ + + + + CSS Masking: Test clip property does not clip on 'auto' + + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-no-clipping-002.html b/testing/web-platform/tests/css/css-masking/clip/clip-no-clipping-002.html new file mode 100644 index 0000000000..a09e6a0a85 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-no-clipping-002.html @@ -0,0 +1,20 @@ + + + + CSS Masking: Test clip property does not clip overflowing content on 'auto'. + + + + + + + +

The test passes if there is a green square with a blue border.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-no-stacking-context-ref.html b/testing/web-platform/tests/css/css-masking/clip/clip-no-stacking-context-ref.html new file mode 100644 index 0000000000..056af22375 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-no-stacking-context-ref.html @@ -0,0 +1,4 @@ + + +

Expected: A green box with no red visible.

+
diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-no-stacking-context.html b/testing/web-platform/tests/css/css-masking/clip/clip-no-stacking-context.html new file mode 100644 index 0000000000..cbd07ee638 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-no-stacking-context.html @@ -0,0 +1,36 @@ + + +Clip does not create a stacking context + + + + + + +

Expected: A green box with no red visible.

+
+ +
+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-001.html b/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-001.html new file mode 100644 index 0000000000..613f6afebc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-001.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip property and rect function on not absolutely positioned div - 1 + + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-002.html b/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-002.html new file mode 100644 index 0000000000..4d071323f0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-002.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip property and rect function on not absolutely positioned div - 2 + + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-003.html b/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-003.html new file mode 100644 index 0000000000..ee3765db7a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-003.html @@ -0,0 +1,19 @@ + + + + CSS Masking: Test clip property and rect function on not absolutely positioned div - 3 + + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-004.html b/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-004.html new file mode 100644 index 0000000000..56825d10f6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-not-absolute-positioned-004.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip property and rect function on not absolutely positioned div - 4 + + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-001.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-001.html new file mode 100644 index 0000000000..6a1a064059 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-001.html @@ -0,0 +1,20 @@ + + + + CSS Masking: Test clip property with rect function and auto values clip to border box - 1 + + + + + + + +

The test passes if there is a blue square and a smaller green square in the bottom right corner of the blue square.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-002.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-002.html new file mode 100644 index 0000000000..0ee45183b8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-002.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip property with rect function and auto values clip to border box - 2 + + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-003.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-003.html new file mode 100644 index 0000000000..5f12ae4863 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-003.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test clip property with rect function and auto value for top value + + + + + + + +

The test passes if there is a horizontal green stripe under a horizontal blue stripe.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-004.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-004.html new file mode 100644 index 0000000000..d5d5ce9b31 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-004.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip property with rect function and auto value for right value + + + + + + + +

The test passes if there is a vertical blue stripe on the right side of a vertical green stripe.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-005.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-005.html new file mode 100644 index 0000000000..b2b3b13a49 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-005.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip property with rect function and auto value for bottom value + + + + + + + +

The test passes if there is a horizontal blue stripe under a horizontal green stripe.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-006.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-006.html new file mode 100644 index 0000000000..410b93d28b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-006.html @@ -0,0 +1,18 @@ + + + + CSS Masking: Test clip property with rect function and auto value for left value + + + + + + + +

The test passes if there is a vertical green stripe on the right side of a vertical blue stripe.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-001.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-001.html new file mode 100644 index 0000000000..d15b324a4f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-001.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test comma separation of rect function on clip - no commas + + + + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-002.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-002.html new file mode 100644 index 0000000000..aad2aebe67 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-002.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test comma separation of rect function on clip - no comma between 1st and 2nd value + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-003.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-003.html new file mode 100644 index 0000000000..875e97173e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-003.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test comma separation of rect function on clip - no comma between 2nd and 3rd value + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-004.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-004.html new file mode 100644 index 0000000000..2a8b9305df --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-comma-004.html @@ -0,0 +1,17 @@ + + + + CSS Masking: Test comma separation of rect function on clip - no comma between 3rd and 4th value + + + + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-rect-scroll.html b/testing/web-platform/tests/css/css-masking/clip/clip-rect-scroll.html new file mode 100644 index 0000000000..0c84ee299a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-rect-scroll.html @@ -0,0 +1,24 @@ + +CSS Masking: Test clip property with rect function with overflow:scroll + + + +

The test passes if there is a green square containing text (which can be scrolled +with mouse wheel or touch). No scrollbars should be seen.

+
+
+
+
+
+ + + diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-transform-order-2.html b/testing/web-platform/tests/css/css-masking/clip/clip-transform-order-2.html new file mode 100644 index 0000000000..bd8e909d76 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-transform-order-2.html @@ -0,0 +1,30 @@ + +Clips should be applied before transforms (when fixed positioned too) + + + + + + + + +
+

Expected: A green box.
+ There should be no red visible.
+ There should be a crisp, clipped edge around the green box (no blurring).

+
+ +
+ +
diff --git a/testing/web-platform/tests/css/css-masking/clip/clip-transform-order.html b/testing/web-platform/tests/css/css-masking/clip/clip-transform-order.html new file mode 100644 index 0000000000..1f24864bc9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/clip-transform-order.html @@ -0,0 +1,28 @@ + +Clips should be applied before transforms + + + + + + + + +
+

Expected: A green box.
+ There should be no red visible.
+ There should be a crisp, clipped edge around the green box (no blurring).

+
+ +
diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-absolute-positioned-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-absolute-positioned-ref.html new file mode 100644 index 0000000000..2a9a49fd3a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-absolute-positioned-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-full-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-full-ref.html new file mode 100644 index 0000000000..f556d5f12a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-full-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a green square and no red.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-horizontal-stripe-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-horizontal-stripe-ref.html new file mode 100644 index 0000000000..fccb18318d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-horizontal-stripe-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is only a horizontal blue stripe.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-no-clipping-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-no-clipping-ref.html new file mode 100644 index 0000000000..724f8c5194 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-no-clipping-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a green square with a blue border.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-overflow-hidden-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-overflow-hidden-ref.html new file mode 100644 index 0000000000..e6a6e125e8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-overflow-hidden-ref.html @@ -0,0 +1,13 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a blue square and a smaller green square in the bottom right corner of the blue square.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-bottom-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-bottom-ref.html new file mode 100644 index 0000000000..9642435bf1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-bottom-ref.html @@ -0,0 +1,13 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a horizontal blue stripe under a horizontal green stripe.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-left-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-left-ref.html new file mode 100644 index 0000000000..b6dd6e0a48 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-left-ref.html @@ -0,0 +1,13 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a vertical green stripe on the right side of a vertical blue stripe.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-right-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-right-ref.html new file mode 100644 index 0000000000..09b90e7614 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-right-ref.html @@ -0,0 +1,13 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a vertical blue stripe on the right side of a vertical green stripe.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-scroll-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-scroll-ref.html new file mode 100644 index 0000000000..a647e8a0c2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-scroll-ref.html @@ -0,0 +1,5 @@ + +

The test passes if there is a green square containing text (which can be scrolled +with mouse wheel or touch). No scrollbars should be seen.

+
+
diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-top-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-top-ref.html new file mode 100644 index 0000000000..5ec30181f2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-rect-top-ref.html @@ -0,0 +1,13 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is a horizontal green stripe under a horizontal blue stripe.

+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/clip/reference/clip-vertical-stripe-ref.html b/testing/web-platform/tests/css/css-masking/clip/reference/clip-vertical-stripe-ref.html new file mode 100644 index 0000000000..96ccc2c19c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/clip/reference/clip-vertical-stripe-ref.html @@ -0,0 +1,11 @@ + + + + CSS Reftest Reference + + + +

The test passes if there is only a vertical blue stripe.

+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-objectboundingbox-001.html b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-objectboundingbox-001.html new file mode 100644 index 0000000000..22d4bc0b0d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-objectboundingbox-001.html @@ -0,0 +1,41 @@ + +Hit-test of clip-path objectBoundingBox <clipPath> with additional transform + + + + +
+ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-objectboundingbox-002.html b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-objectboundingbox-002.html new file mode 100644 index 0000000000..1932848a13 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-objectboundingbox-002.html @@ -0,0 +1,44 @@ + +Hit-test of clip-path nested objectBoundingBox <clipPath> + + + + +
+ + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-userspaceonuse-001.html b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-userspaceonuse-001.html new file mode 100644 index 0000000000..2b8beab910 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-element-userspaceonuse-001.html @@ -0,0 +1,41 @@ + +Hit-test of clip-path userSpaceOnUse <clipPath> + + + + +
+ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/hit-test/clip-path-shape-polygon-and-box-shadow.html b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-shape-polygon-and-box-shadow.html new file mode 100644 index 0000000000..23009f76e5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-shape-polygon-and-box-shadow.html @@ -0,0 +1,36 @@ + +Hit-test of clip-path polygon combined with box-shadow + + + + +
+ diff --git a/testing/web-platform/tests/css/css-masking/hit-test/clip-path-svg-geometry-box.html b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-svg-geometry-box.html new file mode 100644 index 0000000000..13ad624be2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/hit-test/clip-path-svg-geometry-box.html @@ -0,0 +1,86 @@ + +Hit-tests of clip-path with geometry-box + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/idlharness.html b/testing/web-platform/tests/css/css-masking/idlharness.html new file mode 100644 index 0000000000..c415eaaa67 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/idlharness.html @@ -0,0 +1,31 @@ + +css-masking IDL tests + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/inheritance.sub.html b/testing/web-platform/tests/css/css-masking/inheritance.sub.html new file mode 100644 index 0000000000..95424204d5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/inheritance.sub.html @@ -0,0 +1,38 @@ + + + + +Inheritance of CSS Masking properties + + + + + + + + +
+
+
+ + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-1-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-1-ref.html new file mode 100644 index 0000000000..3925bd4f1d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-1-ref.html @@ -0,0 +1,50 @@ + + + + + CSS mask-clip reference + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-1.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-1.html new file mode 100644 index 0000000000..9c1448439e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-1.html @@ -0,0 +1,77 @@ + + + + + CSS Masking: mask-clip: clip mask image + + + + + + + + +
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-2-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-2-ref.html new file mode 100644 index 0000000000..5b72b6b942 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-2-ref.html @@ -0,0 +1,28 @@ + + + + + CSS mask-clip reference + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-2.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-2.html new file mode 100644 index 0000000000..2093b073dc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-2.html @@ -0,0 +1,49 @@ + + + + + CSS Masking: mask-clip: clip mask image + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-3-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-3-ref.html new file mode 100644 index 0000000000..08fdf2e992 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-3-ref.html @@ -0,0 +1,41 @@ + + + + + CSS mask-clip reference + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-3.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-3.html new file mode 100644 index 0000000000..d79baa3b5e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-3.html @@ -0,0 +1,56 @@ + + + + + CSS Masking: mask-clip: clip mask image + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-4-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-4-ref.html new file mode 100644 index 0000000000..a1a2898644 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-4-ref.html @@ -0,0 +1,31 @@ + + + + + CSS mask-clip reference + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-4.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-4.html new file mode 100644 index 0000000000..133c489041 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-4.html @@ -0,0 +1,56 @@ + + + + + CSS Masking: mask-clip: clip mask image + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-5.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-5.html new file mode 100644 index 0000000000..db6a91942b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-5.html @@ -0,0 +1,56 @@ + +CSS Masking: mask-clip: clip mask image, foreignObject + + + + + + +
+ + + + +
+ + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-6.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-6.html new file mode 100644 index 0000000000..43b75df368 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-6.html @@ -0,0 +1,30 @@ + +CSS Masking: mask-clip: clip mask image, foreignObject no-clip + + + + +

Test passes if there is a filled green square.

+ + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7-ref.html new file mode 100644 index 0000000000..f67f74bc8b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7-ref.html @@ -0,0 +1,37 @@ + + + + + + + + + +
+
+ XX + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7.html new file mode 100644 index 0000000000..1c0d8e1dc4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-7.html @@ -0,0 +1,45 @@ + + + + + CSS Masking: mask-clip: no-clip should not clip in the presence of border-radius + + + + + + + + +
+
+ XX + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-8-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-8-ref.html new file mode 100644 index 0000000000..d7276bd664 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-8-ref.html @@ -0,0 +1,48 @@ + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-8.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-8.html new file mode 100644 index 0000000000..924920ffac --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-clip-8.html @@ -0,0 +1,52 @@ + + + + + CSS Masking: mask-clip: clip mask image + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1-ref.html new file mode 100644 index 0000000000..9249622cc4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1-ref.html @@ -0,0 +1,33 @@ + + + + + CSS mask-composite reference + + + + + +
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1a.html new file mode 100644 index 0000000000..795e52b8ae --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1a.html @@ -0,0 +1,51 @@ + + + + + CSS Masking: mask-composite: compose vector image + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1b.html new file mode 100644 index 0000000000..be158c923b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1b.html @@ -0,0 +1,51 @@ + + + + + CSS Masking: mask-composite: compose raster image + + + + + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1c.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1c.html new file mode 100644 index 0000000000..0eb098d1b7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1c.html @@ -0,0 +1,56 @@ + + + + + CSS Masking: mask-composite: compose svg mask + + + + + + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1d.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1d.html new file mode 100644 index 0000000000..efd26ecb3d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-1d.html @@ -0,0 +1,61 @@ + + + + + CSS Masking: mask-composite: compose vector image + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2-ref.html new file mode 100644 index 0000000000..cbf91daad9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2-ref.html @@ -0,0 +1,39 @@ + + + + + CSS mask-composite reference + + + + + +
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2a.html new file mode 100644 index 0000000000..7db800814c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2a.html @@ -0,0 +1,51 @@ + + + + + CSS Masking: mask-composite: compose vector image + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2b.html new file mode 100644 index 0000000000..3fd983fb11 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2b.html @@ -0,0 +1,51 @@ + + + + + CSS Masking: mask-composite: compose raster image + + + + + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2c.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2c.html new file mode 100644 index 0000000000..2b26e9ac66 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2c.html @@ -0,0 +1,59 @@ + + + + + CSS Masking: mask-composite: compose SVG mask + + + + + + + + + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2d.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2d.html new file mode 100644 index 0000000000..feb70df051 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-composite-2d.html @@ -0,0 +1,47 @@ + + +CSS Masking: mask-composite: compose vector image on SVG content + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1-ref.html new file mode 100644 index 0000000000..2800844061 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1-ref.html @@ -0,0 +1,19 @@ + + + + + CSS Masking: mask-image: mask layer image + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1a.html new file mode 100644 index 0000000000..62e00660a3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1a.html @@ -0,0 +1,26 @@ + + + + + CSS Masking: mask-image: mask layer image + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1b.html new file mode 100644 index 0000000000..9bf74102f9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1b.html @@ -0,0 +1,26 @@ + + + + + CSS Masking: mask-image: mask layer image + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1c.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1c.html new file mode 100644 index 0000000000..1328d06c95 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1c.html @@ -0,0 +1,26 @@ + + + + + CSS Masking: mask-image: mask layer image + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1d.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1d.html new file mode 100644 index 0000000000..11f0ae7d93 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-1d.html @@ -0,0 +1,17 @@ + + + + + CSS Masking: mask-image: mask layer image + + + + + + + + + + + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-2-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-2-ref.html new file mode 100644 index 0000000000..db949934e4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-2-ref.html @@ -0,0 +1,20 @@ + + + + + CSS Masking: mask-image: mask layer image + + + + + +
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-2.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-2.html new file mode 100644 index 0000000000..673f55a7e3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-2.html @@ -0,0 +1,32 @@ + + + + + CSS Masking: mask-image: mask layer image + + + + + + + + + +
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3-ref.html new file mode 100644 index 0000000000..96b111aaea --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3-ref.html @@ -0,0 +1,16 @@ + + + + + CSS Masking: mask-image: multiple SVG masks + + + + +
+ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3a.html new file mode 100644 index 0000000000..3aae3df393 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3a.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-image: multiple SVG masks + + + + + + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3b.html new file mode 100644 index 0000000000..b6609fde6a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3b.html @@ -0,0 +1,33 @@ + + + + + CSS Masking: mask-image: interleave SVG mask with image mask + + + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3c.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3c.html new file mode 100644 index 0000000000..91cc9f7bb1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3c.html @@ -0,0 +1,33 @@ + + + + + CSS Masking: mask-image: interleave SVG mask with image mask + + + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3d.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3d.html new file mode 100644 index 0000000000..468872fecb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3d.html @@ -0,0 +1,33 @@ + + + + + CSS Masking: mask-image: interleave SVG mask with image mask + + + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3e.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3e.html new file mode 100644 index 0000000000..5e53937554 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3e.html @@ -0,0 +1,43 @@ + + + + + CSS Masking: mask-image: interleave SVG mask with image mask + + + + + + + + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3f.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3f.html new file mode 100644 index 0000000000..0ecfd38365 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3f.html @@ -0,0 +1,36 @@ + + + + + CSS Masking: mask-image: SVG masks apply on border area + + + + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3g.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3g.html new file mode 100644 index 0000000000..133a69fa60 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3g.html @@ -0,0 +1,47 @@ + + + + + CSS Masking: mask-image: SVG masks apply on border area + + + + + + + + + + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3h.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3h.html new file mode 100644 index 0000000000..29f2c33bdf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3h.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: clip-path in SVG mask + + + + + + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3i.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3i.html new file mode 100644 index 0000000000..c0440145e5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-3i.html @@ -0,0 +1,33 @@ + + + + + CSS Masking: mask-image: interleave SVG mask with image mask + + + + + + + + + + + + + + + + +
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-4a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-4a.html new file mode 100644 index 0000000000..bffcedae9a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-4a.html @@ -0,0 +1,26 @@ + + + + + CSS Masking: mask-image: unresovlable mask url + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-4b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-4b.html new file mode 100644 index 0000000000..b05232a1e1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-4b.html @@ -0,0 +1,31 @@ + + + + + CSS Masking: mask-image: unresovlable mask url + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-5-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-5-ref.html new file mode 100644 index 0000000000..a24b349c5e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-5-ref.html @@ -0,0 +1,19 @@ + + + + + CSS Masking: mask-image: data url mask + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-5.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-5.html new file mode 100644 index 0000000000..12f0f60007 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-5.html @@ -0,0 +1,26 @@ + + + + + CSS Masking: mask-image: data url mask + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-6-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-6-ref.html new file mode 100644 index 0000000000..d85e075fd4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-6-ref.html @@ -0,0 +1,25 @@ + + + + + CSS Masking: mask on inline element + + + + + +
A
+
B
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-6.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-6.html new file mode 100644 index 0000000000..3132efb047 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-6.html @@ -0,0 +1,32 @@ + + + + + CSS Masking: mask on inline element + + + + + + + + + +
+ A B +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-clip-exclude-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-clip-exclude-ref.html new file mode 100644 index 0000000000..5d82c5cf27 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-clip-exclude-ref.html @@ -0,0 +1,10 @@ + +CSS test reference + +
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-clip-exclude.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-clip-exclude.html new file mode 100644 index 0000000000..21466670b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-clip-exclude.html @@ -0,0 +1,19 @@ + + + + + + + +mask-image + mask-clip + mask-composite: exclude on different background boxes + +
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-data-url-image.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-data-url-image.html new file mode 100644 index 0000000000..aac59f3c4a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-data-url-image.html @@ -0,0 +1,27 @@ + +CSS Test: mask-image: url(data:...) + + + + + +

The test passes if there is a blue-ish square with a 20px green border around it and a 40px blue-green-ish border around that.

+
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-ib-split-2.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-ib-split-2.html new file mode 100644 index 0000000000..94c653a5c4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-ib-split-2.html @@ -0,0 +1,24 @@ + +CSS Test: mask-image on a fragmented inline + + + + + +
 + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-ib-split.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-ib-split.html new file mode 100644 index 0000000000..dab941b111 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-ib-split.html @@ -0,0 +1,14 @@ + +CSS Test: mask-image on an inline with a block inside split by a columnset + + + + + +
 + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-inline-sliced-1.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-inline-sliced-1.html new file mode 100644 index 0000000000..9d09cc00a1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-inline-sliced-1.html @@ -0,0 +1,19 @@ + +'box-decoration-break: slice' and 'mask-image' + + + + + + +

There should be a green square below.

+
+ A A +
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-child-will-change.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-child-will-change.html new file mode 100644 index 0000000000..248589d54d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-child-will-change.html @@ -0,0 +1,21 @@ + +CSS Test: mask-image on svg with child with will-change: transform + + + + +

The test passes if there is a green square and no red below.

+ + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-foreignobject-zoomed.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-foreignobject-zoomed.html new file mode 100644 index 0000000000..85a8b2dbf2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-foreignobject-zoomed.html @@ -0,0 +1,24 @@ + +<mask> on <foreignObject> in zoomed SVG + + + +

Test passes if there is a filled green square.

+ + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-gradient-zoomed.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-gradient-zoomed.html new file mode 100644 index 0000000000..17d2869f6e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-svg-gradient-zoomed.html @@ -0,0 +1,14 @@ + +linear-gradient() mask-image on <rect> in zoomed SVG + + + +

Test passes if there is a filled green square.

+ + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-image-hash.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-image-hash.html new file mode 100644 index 0000000000..b1efc90818 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-image-hash.html @@ -0,0 +1,28 @@ + +CSS Test: mask-image: url(image.svg#hash) + + + + + + +

The test passes if there is a green square and no red below.

+
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-image.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-image.html new file mode 100644 index 0000000000..40a1ff9b28 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-image.html @@ -0,0 +1,28 @@ + +CSS Test: mask-image: url(image.svg) + + + + + + +

The test passes if there is a green square and no red below.

+
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-local-mask.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-local-mask.html new file mode 100644 index 0000000000..18abc54f85 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-local-mask.html @@ -0,0 +1,33 @@ + +CSS Test: mask-image: url(#local-mask) + + + + + + +

The test passes if there is a green square and no red below.

+
+ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-remote-mask.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-remote-mask.html new file mode 100644 index 0000000000..f3f2eefaa9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-image-url-remote-mask.html @@ -0,0 +1,28 @@ + +CSS Test: mask-image: url(remote.svg#mask) + + + + + + +

The test passes if there is a green square and no red below.

+
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-a.html new file mode 100644 index 0000000000..d69ca24ee4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-a.html @@ -0,0 +1,61 @@ + + + + + CSS Masking: mask-mode with vector image + + + + + + + + + +
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-b.html new file mode 100644 index 0000000000..961411d718 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-b.html @@ -0,0 +1,62 @@ + + + + + CSS Masking: mask-mode with raster image + + + + + + + + + +
+
+
+
+
+ + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-c.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-c.html new file mode 100644 index 0000000000..115996db9c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-c.html @@ -0,0 +1,61 @@ + + + + + CSS Masking: mask-mode with gradient image + + + + + + + + + +
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-d.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-d.html new file mode 100644 index 0000000000..c49155e2dc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-d.html @@ -0,0 +1,61 @@ + + + + + CSS Masking: mask-mode with raster image + + + + + + + + + +
+
+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-e.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-e.html new file mode 100644 index 0000000000..3ece03c5b7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-e.html @@ -0,0 +1,57 @@ + + +CSS Masking: mask-mode with gradient on SVG content + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-ref.html new file mode 100644 index 0000000000..0f7dbd571f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-ref.html @@ -0,0 +1,52 @@ + + + + + CSS mask-mode reference + + + + + +
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type-ref.html new file mode 100644 index 0000000000..2b5e1fd3e7 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type-ref.html @@ -0,0 +1,63 @@ + + + + + CSS mask-mode reference + + + + + + +
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type-svg.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type-svg.html new file mode 100644 index 0000000000..f3719c7098 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type-svg.html @@ -0,0 +1,84 @@ + + +CSS Masking: mask-mode with SVG <mask> + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type.html new file mode 100644 index 0000000000..1d1a94c585 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-mode-to-mask-type.html @@ -0,0 +1,90 @@ + + + + + CSS Masking: mask-mode with vector image + + + + + + + + + +
+
+
+
+
+
+ + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1-ref.html new file mode 100644 index 0000000000..5def84f067 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1-ref.html @@ -0,0 +1,22 @@ + + + + + CSS Masking: mask-image: mask with opacity + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1a.html new file mode 100644 index 0000000000..9182371794 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1a.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: mask-image: mask with filter and opacity + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1b.html new file mode 100644 index 0000000000..681ec360ae --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1b.html @@ -0,0 +1,33 @@ + + + + + CSS Masking: mask-image: mask with opacity + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1c.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1c.html new file mode 100644 index 0000000000..271e663e63 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1c.html @@ -0,0 +1,28 @@ + + + + + CSS Masking: mask-image: filter with opacity + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1d.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1d.html new file mode 100644 index 0000000000..77eab966cb --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1d.html @@ -0,0 +1,33 @@ + + + + + CSS Masking: mask-image: mask with opacity + + + + + + + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1e.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1e.html new file mode 100644 index 0000000000..ad7aa8829e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-opacity-1e.html @@ -0,0 +1,36 @@ + + + + + CSS Masking: mask-image: mask with opacity + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-1-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-1-ref.html new file mode 100644 index 0000000000..df7e684d2a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-1-ref.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-origin: mask positioning area + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-1.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-1.html new file mode 100644 index 0000000000..3788a5591a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-1.html @@ -0,0 +1,48 @@ + + + + + CSS Masking: mask-origin: mask positioning area + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-3-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-3-ref.html new file mode 100644 index 0000000000..0271998a29 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-3-ref.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: mask-origin: mask positioning area + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-3.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-3.html new file mode 100644 index 0000000000..9659d09ba3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-origin-3.html @@ -0,0 +1,52 @@ + + + + + CSS Masking: mask-origin: mask positioning area + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1-ref.html new file mode 100644 index 0000000000..e323bd3529 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1-ref.html @@ -0,0 +1,33 @@ + + + + + CSS Masking: mask-position: position mask layer image + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1a-svg.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1a-svg.html new file mode 100644 index 0000000000..aa9a742e99 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1a-svg.html @@ -0,0 +1,46 @@ + +CSS Masking: mask-position: mask positioning, SVG content + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1a.html new file mode 100644 index 0000000000..cee15ee713 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1a.html @@ -0,0 +1,39 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1b.html new file mode 100644 index 0000000000..669810e61a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1b.html @@ -0,0 +1,39 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1c.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1c.html new file mode 100644 index 0000000000..9a1671c3d4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-1c.html @@ -0,0 +1,39 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2-ref.html new file mode 100644 index 0000000000..46be4b8b08 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2-ref.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: mask-position: position mask layer image + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2a.html new file mode 100644 index 0000000000..d8427338d4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2a.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2b.html new file mode 100644 index 0000000000..b5f7b31051 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-2b.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3-ref.html new file mode 100644 index 0000000000..dd2630356e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3-ref.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: mask-position: position mask layer image + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3a.html new file mode 100644 index 0000000000..17b1137f62 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3a.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3b.html new file mode 100644 index 0000000000..742a65ea15 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-3b.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4-ref.html new file mode 100644 index 0000000000..7ddf68b28a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4-ref.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: mask-position: position mask layer image + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4a.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4a.html new file mode 100644 index 0000000000..9d17692e83 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4a.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4b.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4b.html new file mode 100644 index 0000000000..9b46546d31 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4b.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4c.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4c.html new file mode 100644 index 0000000000..7437c0232b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4c.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4d.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4d.html new file mode 100644 index 0000000000..e5dce03b4a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-4d.html @@ -0,0 +1,32 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-5-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-5-ref.html new file mode 100644 index 0000000000..dc8c9ecb93 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-5-ref.html @@ -0,0 +1,38 @@ + + + + + CSS Masking: mask-position: position mask layer image + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-5.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-5.html new file mode 100644 index 0000000000..295402263d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-5.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-6-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-6-ref.html new file mode 100644 index 0000000000..b94527eb0a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-6-ref.html @@ -0,0 +1,30 @@ + + + + + CSS Masking: mask-position: position mask layer image + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-6.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-6.html new file mode 100644 index 0000000000..e4b0715c4d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-6.html @@ -0,0 +1,50 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-7-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-7-ref.html new file mode 100644 index 0000000000..c3c8d85ebd --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-7-ref.html @@ -0,0 +1,30 @@ + + + + + CSS Masking: mask-position: position mask layer image + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-7.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-7.html new file mode 100644 index 0000000000..d24fca5bc2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-7.html @@ -0,0 +1,50 @@ + + + + + CSS Masking: mask-position: mask positioning + + + + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-position-8.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-8.html new file mode 100644 index 0000000000..cb99135fa1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-position-8.html @@ -0,0 +1,15 @@ + +CSS Masking: mask-position with overflowing mask-size on SVG content + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1-ref.html new file mode 100644 index 0000000000..ca1addf562 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1-ref.html @@ -0,0 +1,49 @@ + + + + + CSS Masking: mask-repeat: repeated mask layer image + + + + + +
+
+
+
+
+
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1-svg.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1-svg.html new file mode 100644 index 0000000000..ba96faf18f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1-svg.html @@ -0,0 +1,63 @@ + + +CSS Masking: mask-repeat: repeated mask layer image, SVG content + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1.html new file mode 100644 index 0000000000..6c74f1cb91 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-1.html @@ -0,0 +1,48 @@ + + + + + CSS Masking: mask-repeat: repeated mask layer image + + + + + + + + +
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2-ref.html new file mode 100644 index 0000000000..fa386cdac1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2-ref.html @@ -0,0 +1,45 @@ + + + + + CSS Masking: mask-repeat: repeated mask layer image + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2-svg.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2-svg.html new file mode 100644 index 0000000000..740d254473 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2-svg.html @@ -0,0 +1,48 @@ + + +CSS Masking: mask-repeat: repeated mask layer image, SVG content + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2.html new file mode 100644 index 0000000000..e349239fbf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-2.html @@ -0,0 +1,43 @@ + + + + + CSS Masking: mask-repeat: repeated mask layer image + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3-ref.html new file mode 100644 index 0000000000..4d4b869ce9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3-ref.html @@ -0,0 +1,40 @@ + + + + + CSS Masking: mask-repeat: repeated mask layer image + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3-svg.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3-svg.html new file mode 100644 index 0000000000..b7d64ac365 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3-svg.html @@ -0,0 +1,48 @@ + + +CSS Masking: mask-repeat: repeated mask layer image, SVG content + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3.html new file mode 100644 index 0000000000..cb950d4f2c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-repeat-3.html @@ -0,0 +1,43 @@ + + + + + CSS Masking: mask-repeat: repeated mask layer image + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-auto.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-auto.html new file mode 100644 index 0000000000..01d55f9629 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-auto.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-length-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-length-ref.html new file mode 100644 index 0000000000..aa21231924 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-length-ref.html @@ -0,0 +1,27 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-length.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-length.html new file mode 100644 index 0000000000..5ef49cc612 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-length.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-percent.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-percent.html new file mode 100644 index 0000000000..f2644bb1b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-percent.html @@ -0,0 +1,34 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-ref.html new file mode 100644 index 0000000000..73e3df2703 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto-ref.html @@ -0,0 +1,27 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto.html new file mode 100644 index 0000000000..6560a81ee3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-auto.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-border-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-border-ref.html new file mode 100644 index 0000000000..afbeb72f10 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-border-ref.html @@ -0,0 +1,27 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-border.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-border.html new file mode 100644 index 0000000000..a04557639a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-border.html @@ -0,0 +1,37 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-padding-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-padding-ref.html new file mode 100644 index 0000000000..041e48d03d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-padding-ref.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-padding.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-padding.html new file mode 100644 index 0000000000..4f321d9c58 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-clip-padding.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-position-fifty-fifty-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-position-fifty-fifty-ref.html new file mode 100644 index 0000000000..50ab373eb8 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-position-fifty-fifty-ref.html @@ -0,0 +1,33 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-position-fifty-fifty.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-position-fifty-fifty.html new file mode 100644 index 0000000000..fcae5ba0ed --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-position-fifty-fifty.html @@ -0,0 +1,36 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-ref.html new file mode 100644 index 0000000000..a7346bfcb2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain-ref.html @@ -0,0 +1,27 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain.html new file mode 100644 index 0000000000..19fc42d6ec --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-contain.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-cover-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-cover-ref.html new file mode 100644 index 0000000000..961019bf16 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-cover-ref.html @@ -0,0 +1,21 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-cover.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-cover.html new file mode 100644 index 0000000000..171e11805b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-cover.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-auto.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-auto.html new file mode 100644 index 0000000000..7152f6ff95 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-auto.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-length-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-length-ref.html new file mode 100644 index 0000000000..5411da9f87 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-length-ref.html @@ -0,0 +1,27 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-length.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-length.html new file mode 100644 index 0000000000..f9cf2cb6bc --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-length.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-percent-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-percent-ref.html new file mode 100644 index 0000000000..26195541d1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-percent-ref.html @@ -0,0 +1,27 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-percent.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-percent.html new file mode 100644 index 0000000000..ba5bbbc55c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length-percent.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length.html new file mode 100644 index 0000000000..961357e12f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-length.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-auto.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-auto.html new file mode 100644 index 0000000000..603346d6e6 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-auto.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-length.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-length.html new file mode 100644 index 0000000000..4ac9c8e81f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-length.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-ref.html new file mode 100644 index 0000000000..96a3d1bdca --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-ref.html @@ -0,0 +1,27 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-stretch-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-stretch-ref.html new file mode 100644 index 0000000000..2c023ec13c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-stretch-ref.html @@ -0,0 +1,29 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-stretch.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-stretch.html new file mode 100644 index 0000000000..69f89b8a98 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent-stretch.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent.html new file mode 100644 index 0000000000..7b04d9b6d5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent-percent.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent.html b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent.html new file mode 100644 index 0000000000..2e056df521 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/mask-size-percent.html @@ -0,0 +1,35 @@ + + + + + CSS Masking: mask-size: mask layer size + + + + + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/reference/1x1-black-30-alpha.png b/testing/web-platform/tests/css/css-masking/mask-image/reference/1x1-black-30-alpha.png new file mode 100644 index 0000000000..e334f44a03 Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/mask-image/reference/1x1-black-30-alpha.png differ diff --git a/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-data-url-image-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-data-url-image-ref.html new file mode 100644 index 0000000000..c2e88b3657 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-data-url-image-ref.html @@ -0,0 +1,24 @@ + +Reference: mask-image: url(data:...) + + +

The test passes if there is a blue-ish square with a 20px green border around it and a 40px blue-green-ish border around that.

+
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ib-split-2-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ib-split-2-ref.html new file mode 100644 index 0000000000..ee28190878 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ib-split-2-ref.html @@ -0,0 +1,21 @@ + +CSS Test: mask-image on a fragmented inline + + +
 + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ib-split-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ib-split-ref.html new file mode 100644 index 0000000000..e5c09f9449 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ib-split-ref.html @@ -0,0 +1,11 @@ + +CSS Reference: mask-image on an inline with a block inside split by a columnset + + +
 + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-inline-sliced-1-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-inline-sliced-1-ref.html new file mode 100644 index 0000000000..4e540c2011 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-inline-sliced-1-ref.html @@ -0,0 +1,14 @@ + +'box-decoration-break: slice' and 'mask-image' (reference) + + + +

There should be a green square below.

+
+ A +
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ref.html new file mode 100644 index 0000000000..4e121163f9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-ref.html @@ -0,0 +1,14 @@ + +CSS Reference: mask-image + + + +

The test passes if there is a green square and no red below.

+
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-svg-child-will-change-ref.html b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-svg-child-will-change-ref.html new file mode 100644 index 0000000000..722879303d --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/reference/mask-image-svg-child-will-change-ref.html @@ -0,0 +1,3 @@ + +

The test passes if there is a green square and no red below.

+
diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/50x100-opaque-blue.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/50x100-opaque-blue.svg new file mode 100644 index 0000000000..c9a82b4939 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/50x100-opaque-blue.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/50x50-opaque-blue.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/50x50-opaque-blue.svg new file mode 100644 index 0000000000..a68a1fa5b5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/50x50-opaque-blue.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x100.png b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x100.png new file mode 100644 index 0000000000..3b72d5ce53 Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x100.png differ diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x100.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x100.svg new file mode 100644 index 0000000000..38cae60fc0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x100.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x50-transparent-100x50.png b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x50-transparent-100x50.png new file mode 100644 index 0000000000..65b1e88a56 Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x50-transparent-100x50.png differ diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x50-transparent-100x50.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x50-transparent-100x50.svg new file mode 100644 index 0000000000..459f21d5cf --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-100x50-transparent-100x50.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/blue-luminance-100x100.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-luminance-100x100.svg new file mode 100644 index 0000000000..5b79155b66 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/blue-luminance-100x100.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/green-100x100.png b/testing/web-platform/tests/css/css-masking/mask-image/support/green-100x100.png new file mode 100644 index 0000000000..d65838b7f0 Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/mask-image/support/green-100x100.png differ diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/green-100x100.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/green-100x100.svg new file mode 100644 index 0000000000..87fd691a01 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/green-100x100.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/green-luminance-100x100.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/green-luminance-100x100.svg new file mode 100644 index 0000000000..795bd7e5c9 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/green-luminance-100x100.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/image-with-ref.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/image-with-ref.svg new file mode 100644 index 0000000000..fe77fb37ac --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/image-with-ref.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/image.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/image.svg new file mode 100644 index 0000000000..28dbaa0238 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/image.svg @@ -0,0 +1,3 @@ + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/mask-half-transparent-100x100.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/mask-half-transparent-100x100.svg new file mode 100644 index 0000000000..78f6993552 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/mask-half-transparent-100x100.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/mask.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/mask.svg new file mode 100644 index 0000000000..cab55923d3 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/mask.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/red-100x100.png b/testing/web-platform/tests/css/css-masking/mask-image/support/red-100x100.png new file mode 100644 index 0000000000..43b8e542a9 Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/mask-image/support/red-100x100.png differ diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/red-100x100.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/red-100x100.svg new file mode 100644 index 0000000000..0ba285bf00 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/red-100x100.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/red-luminance-100x100.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/red-luminance-100x100.svg new file mode 100644 index 0000000000..05075f5210 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/red-luminance-100x100.svg @@ -0,0 +1,4 @@ + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/transparent-100x50-blue-100x50.png b/testing/web-platform/tests/css/css-masking/mask-image/support/transparent-100x50-blue-100x50.png new file mode 100644 index 0000000000..f451746654 Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/mask-image/support/transparent-100x50-blue-100x50.png differ diff --git a/testing/web-platform/tests/css/css-masking/mask-image/support/transparent-100x50-blue-100x50.svg b/testing/web-platform/tests/css/css-masking/mask-image/support/transparent-100x50-blue-100x50.svg new file mode 100644 index 0000000000..658aed9f1e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-image/support/transparent-100x50-blue-100x50.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-shorthand-subproperties-reset.html b/testing/web-platform/tests/css/css-masking/mask-shorthand-subproperties-reset.html new file mode 100644 index 0000000000..9ea20cbb8b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-shorthand-subproperties-reset.html @@ -0,0 +1,52 @@ + + + + +Resetting mask shorthand subproperties + + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-empty-container-with-filter.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-empty-container-with-filter.svg new file mode 100644 index 0000000000..ebe7e7e4d1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-empty-container-with-filter.svg @@ -0,0 +1,23 @@ + + mask with only an empty container with a filter + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-invalid-reference.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-invalid-reference.svg new file mode 100644 index 0000000000..3d68fc0d74 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-invalid-reference.svg @@ -0,0 +1,13 @@ + + + CSS Masking: mask with invalid reference + + + svg + masks are ignored if their + reference doesn't point to a mask element. + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-negative-scale.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-negative-scale.svg new file mode 100644 index 0000000000..36b7abb42e --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-negative-scale.svg @@ -0,0 +1,40 @@ + + + CSS Masking: mask with negative scale target + + + + + svg + The masked target elements get scaled with negative + factors. Check if that influences masking. You should see 4 green + rectangles with smaller blue rectangles in it in various rotations. + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-text-001.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-text-001.svg new file mode 100644 index 0000000000..28515105a4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-text-001.svg @@ -0,0 +1,19 @@ + + + CSS Masking: mask with transformed text content + + + + + + svg + The masked target elements get scaled with negative + factors. Check if that influences masking. You should see 4 green + rectangles with smaller blue rectangles in it in various rotations. + + + foobar + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-001.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-001.svg new file mode 100644 index 0000000000..9bcc40d55b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-001.svg @@ -0,0 +1,19 @@ + + + CSS Masking: mask without mask-type alpha + + + + + + svg + The mask type "alpha" is applied to the mask element. + The mask should take the alpha channel of the content to mask. You should + see a green square. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-002.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-002.svg new file mode 100644 index 0000000000..c298297329 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-002.svg @@ -0,0 +1,19 @@ + + + CSS Masking: mask without mask-type luminance + + + + + + svg + The mask type "alpha" is applied to the mask element. + The mask should take the luminocity of the content to mask. You should + see a green square. + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-003.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-003.svg new file mode 100644 index 0000000000..891405dc46 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-type-003.svg @@ -0,0 +1,19 @@ + + + CSS Masking: mask without specified mask-type + + + + + + svg + No mask type was specified the mask element should + take the luminocity of the content to mask. You should see a green square. + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-filter-clipped-to-region.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-filter-clipped-to-region.svg new file mode 100644 index 0000000000..3307ce5101 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-filter-clipped-to-region.svg @@ -0,0 +1,26 @@ + + + filter applied to element in mask, clipped by filter region + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-filter.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-filter.svg new file mode 100644 index 0000000000..aaa383983f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-filter.svg @@ -0,0 +1,25 @@ + + + 'filters applied to masked elements + + + + + + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-rotation.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-rotation.svg new file mode 100644 index 0000000000..9964fd524a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/mask-with-rotation.svg @@ -0,0 +1,16 @@ + + + CSS Masking: mask with rotation transform + + + + svg + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-green-square-001-ref.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-green-square-001-ref.svg new file mode 100644 index 0000000000..c83ec87e7b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-green-square-001-ref.svg @@ -0,0 +1,8 @@ + + + CSS Masking: Reftest reference + + svg + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-negative-scale-001-ref.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-negative-scale-001-ref.svg new file mode 100644 index 0000000000..1ed0513327 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-negative-scale-001-ref.svg @@ -0,0 +1,15 @@ + + + CSS Masking: Reftest reference + + svg + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-text-001-ref.svg b/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-text-001-ref.svg new file mode 100644 index 0000000000..edaed2c200 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/mask-svg-content/reference/mask-text-001-ref.svg @@ -0,0 +1,10 @@ + + + CSS Masking: Reftest reference + + + svg + +foobar + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-computed.html b/testing/web-platform/tests/css/css-masking/parsing/clip-computed.html new file mode 100644 index 0000000000..a1a8ce1cb2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-computed.html @@ -0,0 +1,26 @@ + + + + +CSS Masking Module Level 1: getComputedStyle().clip + + + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-invalid.html b/testing/web-platform/tests/css/css-masking/parsing/clip-invalid.html new file mode 100644 index 0000000000..d8b3868903 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-invalid.html @@ -0,0 +1,20 @@ + + + + +CSS Masking Module Level 1: parsing clip with invalid values + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-path-computed.html b/testing/web-platform/tests/css/css-masking/parsing/clip-path-computed.html new file mode 100644 index 0000000000..481c1140b4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-path-computed.html @@ -0,0 +1,47 @@ + + + + +CSS Shapes Module Level 1: getComputedStyle().clipPath + + + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-path-invalid.html b/testing/web-platform/tests/css/css-masking/parsing/clip-path-invalid.html new file mode 100644 index 0000000000..40020d91d4 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-path-invalid.html @@ -0,0 +1,65 @@ + + + + +CSS Masking Module Level 1: parsing clip-path with invalid values + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-path-shape-parsing.html b/testing/web-platform/tests/css/css-masking/parsing/clip-path-shape-parsing.html new file mode 100644 index 0000000000..5e8eb8e117 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-path-shape-parsing.html @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-path-valid.html b/testing/web-platform/tests/css/css-masking/parsing/clip-path-valid.html new file mode 100644 index 0000000000..84555fd2d1 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-path-valid.html @@ -0,0 +1,86 @@ + + + + +CSS Masking Module Level 1: parsing clip-path with valid values + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-rule-computed.html b/testing/web-platform/tests/css/css-masking/parsing/clip-rule-computed.html new file mode 100644 index 0000000000..533b7dc0f0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-rule-computed.html @@ -0,0 +1,19 @@ + + + + +CSS Masking Module Level 1: getComputedStyle().clipRule + + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-rule-invalid.html b/testing/web-platform/tests/css/css-masking/parsing/clip-rule-invalid.html new file mode 100644 index 0000000000..4f4883e8a0 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-rule-invalid.html @@ -0,0 +1,19 @@ + + + + +CSS Masking Module Level 1: parsing clip-rule with invalid values + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-rule-valid.html b/testing/web-platform/tests/css/css-masking/parsing/clip-rule-valid.html new file mode 100644 index 0000000000..fe94f8f6c5 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-rule-valid.html @@ -0,0 +1,19 @@ + + + + +CSS Masking Module Level 1: parsing clip-rule with valid values + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/clip-valid.html b/testing/web-platform/tests/css/css-masking/parsing/clip-valid.html new file mode 100644 index 0000000000..d60802b897 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/clip-valid.html @@ -0,0 +1,20 @@ + + + + +CSS Masking Module Level 1: parsing clip with valid values + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-composite-computed.html b/testing/web-platform/tests/css/css-masking/parsing/mask-composite-computed.html new file mode 100644 index 0000000000..d2b9a4a606 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-composite-computed.html @@ -0,0 +1,21 @@ + + + + +CSS Masking Module Level 1: getComputedStyle().maskComposite + + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-composite-invalid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-composite-invalid.html new file mode 100644 index 0000000000..9dc4df163c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-composite-invalid.html @@ -0,0 +1,30 @@ + + + + +CSS Masking Module Level 1: parsing mask-composite with invalid values + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-composite-valid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-composite-valid.html new file mode 100644 index 0000000000..385726c17a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-composite-valid.html @@ -0,0 +1,21 @@ + + + + +CSS Masking Module Level 1: parsing mask-composite with valid values + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-computed.html b/testing/web-platform/tests/css/css-masking/parsing/mask-computed.html new file mode 100644 index 0000000000..28fc38defa --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-computed.html @@ -0,0 +1,94 @@ + + + + +CSS Masking Module Level 1: getComputedStyle().mask + + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-invalid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-invalid.html new file mode 100644 index 0000000000..f9999ca982 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-invalid.html @@ -0,0 +1,37 @@ + + + + +CSS Masking Module Level 1: parsing mask with invalid values + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-position-invalid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-position-invalid.html new file mode 100644 index 0000000000..c246a1e795 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-position-invalid.html @@ -0,0 +1,30 @@ + + + + +CSS Masking Module Level 1: parsing mask-position with invalid values + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-position-valid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-position-valid.html new file mode 100644 index 0000000000..32e00c6d6b --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-position-valid.html @@ -0,0 +1,39 @@ + + + + +CSS Masking Module Level 1: parsing mask-position with valid values + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-computed.html b/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-computed.html new file mode 100644 index 0000000000..0ecb9aa573 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-computed.html @@ -0,0 +1,44 @@ + + + + +CSS Masking Module Level 1: getComputedStyle().maskRepeat + + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-invalid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-invalid.html new file mode 100644 index 0000000000..8a0f4e892a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-invalid.html @@ -0,0 +1,25 @@ + + + + +CSS Masking Module Level 1: parsing mask-repeat with invalid values + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-valid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-valid.html new file mode 100644 index 0000000000..1d75a1bcb2 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-repeat-valid.html @@ -0,0 +1,47 @@ + + + + +CSS Masking Module Level 1: parsing mask-repeat with valid values + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-type-computed.html b/testing/web-platform/tests/css/css-masking/parsing/mask-type-computed.html new file mode 100644 index 0000000000..0fd02c8b4f --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-type-computed.html @@ -0,0 +1,19 @@ + + + + +CSS Masking Module Level 1: getComputedStyle().maskType + + + + + + + +
+ + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-type-invalid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-type-invalid.html new file mode 100644 index 0000000000..56451d2879 --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-type-invalid.html @@ -0,0 +1,19 @@ + + + + +CSS Masking Module Level 1: parsing mask-type with invalid values + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-type-valid.html b/testing/web-platform/tests/css/css-masking/parsing/mask-type-valid.html new file mode 100644 index 0000000000..31a528381a --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-type-valid.html @@ -0,0 +1,18 @@ + + + + +CSS Masking Module Level 1: parsing mask-type with valid values + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/parsing/mask-valid.sub.html b/testing/web-platform/tests/css/css-masking/parsing/mask-valid.sub.html new file mode 100644 index 0000000000..c4d2d4eb2c --- /dev/null +++ b/testing/web-platform/tests/css/css-masking/parsing/mask-valid.sub.html @@ -0,0 +1,106 @@ + + + + +CSS Masking Module Level 1: parsing mask with valid values + + + + + + + + + + + diff --git a/testing/web-platform/tests/css/css-masking/resources/blue-20.png b/testing/web-platform/tests/css/css-masking/resources/blue-20.png new file mode 100644 index 0000000000..c464c75eec Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/resources/blue-20.png differ diff --git a/testing/web-platform/tests/css/css-masking/resources/green-20.png b/testing/web-platform/tests/css/css-masking/resources/green-20.png new file mode 100644 index 0000000000..738d1db846 Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/resources/green-20.png differ diff --git a/testing/web-platform/tests/css/css-masking/resources/stripes-20.png b/testing/web-platform/tests/css/css-masking/resources/stripes-20.png new file mode 100644 index 0000000000..de30887ea3 Binary files /dev/null and b/testing/web-platform/tests/css/css-masking/resources/stripes-20.png differ -- cgit v1.2.3