From b7efb61fbee45766af1b5e77150b44ce0fa54c66 Mon Sep 17 00:00:00 2001
From: Sam Atkins <sam@ladybird.org>
Date: Tue, 5 Nov 2024 12:49:08 +0000
Subject: [PATCH] Tests/LibWeb: Restructure Ref and Screenshot test dirs to
 match others

Now each test type has the same directories:
- input
- expected
- data

Also, tests can be in subdirectories within ./input.
---
 Documentation/Testing.md                      |   4 +-
 Ladybird/Headless/Test.cpp                    |  23 ++--
 Tests/LibWeb/Ref/body-link-attribute.html     |   4 -
 .../Ref/{assets => data}/2x2checkerboard.png  | Bin
 .../Ref/{assets => data}/nested-svg.svg       |   0
 .../LibWeb/Ref/{assets => data}/rectangle.png | Bin
 .../Ref/{assets => data}/vertical-rect.svg    |   0
 .../abspos-escapes-scroll-container-ref.html  |   0
 .../abspos-z-index-painting-order-ref.html    |   0
 .../alternative-style-sheets-ref.html         |   0
 .../anonymous-wrapper-css-visibility-ref.html |   2 +-
 ...round-clip-text-inside-scrollable-ref.html |   0
 .../background-clip-text-ref.html             |   0
 .../background-size-calc-ref.html             |   4 +-
 .../body-link-attribute-ref.html              |   2 +-
 ...rder-radius-shrink-zero-sized-box-ref.html |   0
 .../border-radius-with-padding-ref.html       |   0
 ...sform-should-be-above-other-boxes-ref.html |   0
 ...-should-not-consume-scroll-events-ref.html |   0
 .../button-inside-scroll-container-ref.html   |   0
 .../calc-border-radius-ref.html               |   0
 .../change-opacity-ref.html                   |   0
 .../clip-abspos-children-ref.html             |   0
 ...-border-radius-with-css-transform-ref.html |   0
 .../Ref/{reference => expected}/clip-ref.html |   0
 .../color-hsl-ref.html                        |   0
 .../color-hwb-ref.html                        |   0
 .../color-oklab-ref.html                      |   0
 .../color-oklch-ref.html                      |   0
 .../color-rgb-ref.html                        |   0
 .../corner-clip-inside-scrollable-ref.html    |   0
 .../css-any-link-selector-ref.html            |   0
 .../css-attr-typed-ref.html                   |   0
 ...ensitive-html-attributes-selector-ref.html |   0
 .../css-gradient-currentcolor-ref.html        |   0
 .../css-has-compound.html                     |   0
 .../css-has-descendant.html                   |   0
 .../css-has-direct-child.html                 |   0
 .../css-has-next-sibling.html                 |   0
 .../css-has-subsequent-sibling.html           |   0
 .../css-invalid-var-ref.html                  |   0
 .../css-keyframe-fill-forwards-ref.html       |   0
 ...valid-transform-should-not-render-ref.html |   0
 .../css-lang-selector-ref.html                |   0
 .../css-local-link-selector-ref.html          |   0
 .../css-nested-declarations-ref.html          |   0
 .../css-nested-has.html                       |   0
 .../css-nesting-ref.html                      |   0
 .../css-open-closed-selectors-ref.html        |   0
 .../css-placeholder-shown-selector-ref.html   |   0
 .../css-pseudo-element-in-has.html            |   0
 .../css-quotes-ref.html                       |   0
 ...ss-read-only-read-write-selectors-ref.html |   0
 ...le-font-should-include-whitespace-ref.html |   0
 .../grid-item-and-css-filter-ref.html         |   0
 .../grid-items-painting-order-ref.html        |   0
 .../iframe-contains-scrollable-box-ref.html   |   0
 ...mg-srcset-viewport-relative-sizes-ref.html |   0
 .../inline-block-with-css-background-ref.html |   0
 ...ne-paintable-background-clip-text-ref.html |   0
 ...table-inside-translated-container-ref.html |   2 +-
 .../inline-stacking-context-ref.html          |   0
 .../inline-visibility-hidden-ref.html         |   0
 .../input-background.html                     |   0
 ...invalidate-css-transform-property-ref.html |   0
 .../item-with-negative-z-index-ref.html       |   0
 .../nested-svg-as-img-ref.html                |   0
 ...d-stacking-context-with-z-index-0-ref.html |   0
 .../options-set-index.html                    |   0
 .../{reference => expected}/outlines-ref.html |   2 +-
 .../overflow-hidden-2-ref.html                |   0
 .../overflow-hidden-3-ref.html                |   2 +-
 .../overflow-hidden-4-ref.html                |   2 +-
 .../overflow-hidden-5-ref.html                |   2 +-
 .../overflow-hidden-6-ref.html                |   2 +-
 .../overflow-hidden-7-ref.html                |   0
 .../overflow-hidden-ref.html                  |   0
 ...-text-inside-translated-container-ref.html |   0
 ...s-corner-clip-in-scroll-container-ref.html |   0
 .../position-sticky-bottom-ref.html           |   0
 .../position-sticky-left-ref.html             |   0
 .../position-sticky-right-ref.html            |   0
 ...ould-stay-within-containing-block-ref.html |   0
 .../position-sticky-top-ref.html              |   0
 ...oned-elements-in-scroll-container-ref.html |   2 +-
 ...aint-only-properties-after-layout-ref.html |   2 +-
 .../scroll-iframe-ref.html                    |   0
 .../scroll-using-mousewheel-event-ref.html    |   0
 ...-box-with-nested-stacking-context-ref.html |   0
 ...ains-box-with-gradient-background-ref.html |   0
 ...ains-boxes-with-hidden-overflow-1-ref.html |   0
 ...ains-boxes-with-hidden-overflow-2-ref.html |   0
 ...-with-hidden-overflow-and-opacity-ref.html |   0
 .../scrollable-contains-iframe-ref.html       |   0
 ...scrollable-contains-rotated-boxes-ref.html |   0
 .../scrollable-contains-table-ref.html        |   0
 ...content-inside-fixed-position-box-ref.html |   2 +-
 ...crolled-text-with-clipped-corners-ref.html |   0
 .../separate-borders-ref.html                 |   0
 .../simple-svg-mask-ref.html                  |   0
 .../space-glyph-width-ref.html                |   0
 .../{reference => expected}/square-ref.html   |   0
 ...sticky-box-with-percentage-insets-ref.html |   0
 ...sticky-positioned-box-with-border-ref.html |   0
 .../svg-clipPathUnits.html                    |   2 +-
 .../svg-display-attr.html                     |   0
 .../svg-file-matches-html-file.html           |   0
 .../svg-image-positioning-ref.html            |   0
 .../svg-inside-scroll-container-ref.html      |   0
 .../svg-invalid-number-arguments-ref.html     |   0
 ...-non-local-clip-path-display-none-ref.html |   0
 .../svg-overflow-hidden-ref.html              |   0
 .../svg-overflow-visible-ref.html             |   0
 .../svg-path-incomplete-args-ref.html         |   0
 ...vg-polygon-with-incomplete-points-ref.html |   0
 .../svg-symbol-ref.html                       |   0
 .../svg-use-defined-earlier.html              |   0
 ...t-decoration-in-anonymous-wrapper-ref.html |   0
 .../Ref/{reference => expected}/text-div.html |   0
 .../text-overflow.html                        |   0
 .../textnode-segmenter-invalidation.html      |   0
 .../transform-2d-translate-ref.html           |   0
 .../transform-box-ref.html                    |   0
 .../transform-calc-length-percentage-ref.html |   0
 .../unicode-range-ref.html                    |   0
 .../webkit-box-shadow.html                    |   0
 .../webkit-text-fill-color.html               |   0
 ...uld-not-affect-svg-painting-order-ref.html |   0
 .../abspos-escapes-scroll-container.html      |   2 +-
 .../abspos-z-index-painting-order.html        |   2 +-
 .../{ => input}/alternative-style-sheets.html |   2 +-
 .../anonymous-wrapper-css-visibility.html     |   2 +-
 ...ackground-clip-text-inside-scrollable.html |   2 +-
 .../Ref/{ => input}/background-clip-text.html |   2 +-
 .../Ref/{ => input}/background-size-calc.html |   6 +-
 .../LibWeb/Ref/input/body-link-attribute.html |   4 +
 .../border-radius-shrink-zero-sized-box.html  |   2 +-
 .../border-radius-with-padding.html           |   2 +-
 ...transform-should-be-above-other-boxes.html |   2 +-
 ...flow-should-not-consume-scroll-events.html |   2 +-
 .../button-inside-scroll-container.html       |   2 +-
 .../Ref/{ => input}/calc-border-radius.html   |   2 +-
 .../Ref/{ => input}/change-opacity.html       |   2 +-
 .../Ref/{ => input}/clip-abspos-children.html |   2 +-
 ...clip-border-radius-with-css-transform.html |   2 +-
 Tests/LibWeb/Ref/{ => input}/clip.html        |   2 +-
 Tests/LibWeb/Ref/{ => input}/color-hsl.html   |   2 +-
 Tests/LibWeb/Ref/{ => input}/color-hwb.html   |   2 +-
 Tests/LibWeb/Ref/{ => input}/color-oklab.html |   2 +-
 Tests/LibWeb/Ref/{ => input}/color-oklch.html |   2 +-
 Tests/LibWeb/Ref/{ => input}/color-rgb.html   |   2 +-
 .../corner-clip-inside-scrollable.html        |   2 +-
 .../{ => input}/css-any-link-selector.html    |   2 +-
 .../Ref/{ => input}/css-attr-basic.html       |   2 +-
 .../Ref/{ => input}/css-attr-fallback.html    |   2 +-
 .../{ => input}/css-attr-typed-fallback.html  |   2 +-
 .../Ref/{ => input}/css-attr-typed.html       |   2 +-
 ...-insensitive-html-attributes-selector.html |   2 +-
 ...ctional-unknown-webkit-pseudo-element.html |   2 +-
 .../css-gradient-currentcolor.html            |   2 +-
 .../Ref/{ => input}/css-has-compound.html     |   2 +-
 .../Ref/{ => input}/css-has-descendant.html   |   2 +-
 .../Ref/{ => input}/css-has-direct-child.html |   2 +-
 .../Ref/{ => input}/css-has-next-sibling.html |   2 +-
 .../css-has-subsequent-sibling.html           |   2 +-
 .../Ref/{ => input}/css-invalid-var.html      |   2 +-
 .../css-keyframe-fill-forwards.html           |   2 +-
 ...e-invalid-transform-should-not-render.html |   2 +-
 .../Ref/{ => input}/css-lang-selector.html    |   2 +-
 .../{ => input}/css-local-link-selector.html  |   2 +-
 .../{ => input}/css-nested-declarations.html  |   2 +-
 .../Ref/{ => input}/css-nested-has.html       |   2 +-
 Tests/LibWeb/Ref/{ => input}/css-nesting.html |   2 +-
 .../css-open-closed-selectors.html            |   2 +-
 .../css-placeholder-shown-selector.html       |   2 +-
 .../css-pseudo-element-in-has.html            |   2 +-
 Tests/LibWeb/Ref/{ => input}/css-quotes.html  |   2 +-
 .../css-read-only-read-write-selectors.html   |   2 +-
 .../css-unknown-webkit-pseudo-element.html    |   2 +-
 ...ilable-font-should-include-whitespace.html |   4 +-
 .../{ => input}/grid-item-and-css-filter.html |   2 +-
 .../grid-items-painting-order.html            |   2 +-
 .../iframe-contains-scrollable-box.html       |   2 +-
 .../img-srcset-viewport-relative-sizes.html   |   2 +-
 .../inline-block-with-css-background.html     |   2 +-
 ...inline-paintable-background-clip-text.html |   2 +-
 ...paintable-inside-translated-container.html |   2 +-
 .../{ => input}/inline-stacking-context.html  |   2 +-
 .../{ => input}/inline-visibility-hidden.html |   2 +-
 .../Ref/{ => input}/input-background.html     |   2 +-
 .../invalidate-css-transform-property.html    |   2 +-
 .../item-with-negative-z-index.html           |   2 +-
 Tests/LibWeb/Ref/input/nested-svg-as-img.html |   5 +
 ...ioned-stacking-context-with-z-index-0.html |   2 +-
 .../Ref/{ => input}/options-set-index.html    |   2 +-
 Tests/LibWeb/Ref/{ => input}/outlines.html    |   2 +-
 .../Ref/{ => input}/overflow-hidden-2.html    |   2 +-
 .../Ref/{ => input}/overflow-hidden-3.html    |   2 +-
 .../Ref/{ => input}/overflow-hidden-4.html    |   2 +-
 .../Ref/{ => input}/overflow-hidden-5.html    |   2 +-
 .../Ref/{ => input}/overflow-hidden-6.html    |   2 +-
 .../Ref/{ => input}/overflow-hidden-7.html    |   2 +-
 ...dden-text-inside-translated-container.html |   2 +-
 .../Ref/{ => input}/overflow-hidden.html      |   2 +-
 ...lines-corner-clip-in-scroll-container.html |   2 +-
 .../{ => input}/position-sticky-bottom.html   |   2 +-
 .../Ref/{ => input}/position-sticky-left.html |   2 +-
 .../{ => input}/position-sticky-right.html    |   2 +-
 ...y-should-stay-within-containing-block.html |   2 +-
 .../Ref/{ => input}/position-sticky-top.html  |   2 +-
 ...sitioned-elements-in-scroll-container.html |   2 +-
 ...ve-paint-only-properties-after-layout.html |   2 +-
 .../LibWeb/Ref/{ => input}/scroll-iframe.html |   2 +-
 .../scroll-using-mousewheel-event.html        |   2 +-
 ...able-box-with-nested-stacking-context.html |   2 +-
 ...contains-box-with-gradient-background.html |   2 +-
 ...contains-boxes-with-hidden-overflow-1.html |   2 +-
 ...contains-boxes-with-hidden-overflow-2.html |   2 +-
 ...oxes-with-hidden-overflow-and-opacity.html |   2 +-
 .../scrollable-contains-iframe.html           |   2 +-
 .../scrollable-contains-rotated-boxes.html    |   2 +-
 .../scrollable-contains-table.html            |   2 +-
 ...ble-content-inside-fixed-position-box.html |   2 +-
 .../scrolled-text-with-clipped-corners.html   |   2 +-
 .../separate-borders-inline-table.html        |   2 +-
 .../Ref/{ => input}/simple-svg-mask.html      |   2 +-
 .../Ref/{ => input}/space-glyph-width.html    |   4 +-
 Tests/LibWeb/Ref/{ => input}/square-flex.html |   2 +-
 .../sticky-box-with-percentage-insets.html    |   2 +-
 .../sticky-positioned-box-with-border.html    |   2 +-
 .../{ => input}/svg-alpha-mask-attribute.html |   2 +-
 .../Ref/{ => input}/svg-alpha-mask.html       |   2 +-
 .../Ref/{ => input}/svg-display-attr.html     |   2 +-
 .../svg-file-matches-html-file.svg            |   2 +-
 .../{ => input}/svg-image-positioning.html    |  26 ++---
 .../svg-inside-scroll-container.html          |   2 +-
 .../svg-invalid-number-arguments.html         |   2 +-
 .../Ref/{ => input}/svg-mask-in-defs.html     |   2 +-
 .../svg-mask-maskUnits-userSpaceOnUse.html    |   2 +-
 .../svg-non-local-clip-path-display-none.html |   2 +-
 .../Ref/{ => input}/svg-overflow-hidden.html  |   2 +-
 .../Ref/{ => input}/svg-overflow-visible.html |   2 +-
 .../{ => input}/svg-path-incomplete-args.html |   2 +-
 .../svg-polygon-with-incomplete-points.html   |   2 +-
 Tests/LibWeb/Ref/{ => input}/svg-symbol.html  |   2 +-
 .../{ => input}/svg-use-defined-later.html    |   2 +-
 .../text-decoration-in-anonymous-wrapper.html |   2 +-
 .../LibWeb/Ref/{ => input}/text-overflow.html |   2 +-
 .../textnode-segmenter-invalidation.html      |   2 +-
 .../{ => input}/transform-2d-translate.html   |   2 +-
 .../LibWeb/Ref/{ => input}/transform-box.html |   2 +-
 .../transform-calc-length-percentage.html     |   2 +-
 .../LibWeb/Ref/{ => input}/unicode-range.html |   4 +-
 .../Ref/{ => input}/webkit-box-shadow.html    |   2 +-
 .../{ => input}/webkit-text-fill-color.html   |   2 +-
 ...-should-not-affect-svg-painting-order.html |   2 +-
 Tests/LibWeb/Ref/nested-svg-as-img.html       |   5 -
 Tests/LibWeb/Screenshot/alt-frame.html        |   3 -
 Tests/LibWeb/Screenshot/css-backgrounds.html  |  82 ---------------
 Tests/LibWeb/Screenshot/css-filter.html       |  74 -------------
 .../background-no-repeat.html                 |   0
 .../{assets => data}/background-repeat-x.html |   0
 .../{assets => data}/background-repeat-y.html |   0
 .../{assets => data}/background-repeat.html   |   0
 .../Screenshot/{assets => data}/car.png       | Bin
 .../Screenshot/{assets => data}/smiley.png    | Bin
 .../{assets => data}/vertical-rect.svg        |   0
 .../alt-frame-ref.html                        |   0
 .../border-radius-ref.html                    |   0
 .../canvas-arcs-and-ellipses-ref.html         |   0
 .../canvas-fillstyle-rgb-ref.html             |   0
 .../canvas-implict-moves-and-lines-ref.html   |   0
 .../canvas-path-rect-ref.html                 |   0
 .../canvas-shadow-ref.html                    |   0
 .../canvas-text-ref.html                      |   0
 .../canvas-unpremultiplied-image-ref.html     |   0
 .../clip-path-basic-shapes-ref.html           |   0
 .../clip-path-polygon-ref.html                |   0
 .../clip-path-transformed-ref.html            |   0
 .../css-background-clip-text-ref.html         |   0
 .../css-background-position-ref.html          |   0
 .../css-background-repeat-ref.html            |   0
 .../css-backgrounds-ref.html                  |   0
 .../css-color-functions-ref.html              |   0
 .../css-filter-drop-shadow-ref.html           |   0
 .../css-filter-ref.html                       |   0
 .../css-gradients-ref.html                    |   0
 .../css-transform-box-ref.html                |   0
 .../inline-node-ref.html                      |   0
 .../input-placeholder-ref.html                |   0
 .../{reference => expected}/meter-ref.html    |   0
 ...hidden-overflow-and-border-radius-ref.html |   0
 .../object-fit-position-ref.html              |   0
 .../opacity-stacking-ref.html                 |   0
 .../outer-box-shadow-ref.html                 |   0
 .../svg-axis-aligned-lines-ref.html           |   0
 .../svg-background-no-natural-size-ref.html   |   0
 .../svg-clip-path-and-mask-ref.html           |   0
 .../svg-clip-rule-ref.html                    |   0
 .../svg-foreign-object-mask-ref.html          |   0
 .../svg-gradient-spreadMethod-ref.html        |   0
 .../svg-gradient-userSpaceOnUse-ref.html      |   0
 .../svg-maskContentUnits-ref.html             |   0
 .../svg-non-local-clip-path-ref.html          |   0
 .../svg-path-offset-rounding-ref.html         |   0
 .../svg-radialGradient-ref.html               |   0
 .../svg-simple-clipPath-ref.html              |   0
 ...vg-stroke-paintstyle-with-opacity-ref.html |   0
 .../svg-text-effects-ref.html                 |   0
 .../svg-textPath-ref.html                     |   0
 .../text-decorations-ref.html                 |   0
 .../text-direction-ref.html                   |   0
 .../text-shadow-ref.html                      |   0
 Tests/LibWeb/Screenshot/input/alt-frame.html  |   3 +
 .../Screenshot/{ => input}/border-radius.html |  16 +--
 .../{ => input}/canvas-arcs-and-ellipses.html |   2 +-
 .../{ => input}/canvas-fillstyle-rgb.html     |   2 +-
 .../canvas-implict-moves-and-lines.html       |   2 +-
 .../{ => input}/canvas-path-rect.html         |   2 +-
 .../Screenshot/{ => input}/canvas-shadow.html |   2 +-
 .../Screenshot/{ => input}/canvas-text.html   |   2 +-
 .../canvas-unpremultiplied-image.html         |   2 +-
 .../{ => input}/clip-path-basic-shapes.html   |   2 +-
 .../{ => input}/clip-path-polygon.html        |   2 +-
 .../{ => input}/clip-path-transformed.html    |   2 +-
 .../{ => input}/css-background-clip-text.html |   6 +-
 .../{ => input}/css-background-position.html  |   6 +-
 .../{ => input}/css-background-repeat.html    |  12 +--
 .../Screenshot/input/css-backgrounds.html     |  82 +++++++++++++++
 .../{ => input}/css-color-functions.html      |   2 +-
 .../{ => input}/css-filter-drop-shadow.html   |   2 +-
 Tests/LibWeb/Screenshot/input/css-filter.html |  74 +++++++++++++
 .../Screenshot/{ => input}/css-gradients.html |   2 +-
 .../{ => input}/css-transform-box.html        |   2 +-
 .../Screenshot/{ => input}/inline-node.html   |   2 +-
 .../{ => input}/input-placeholder.html        |   2 +-
 .../LibWeb/Screenshot/{ => input}/meter.html  |   2 +-
 ...ith-hidden-overflow-and-border-radius.html |   2 +-
 .../{ => input}/object-fit-position.html      |  98 +++++++++---------
 .../{ => input}/opacity-stacking.html         |   2 +-
 .../{ => input}/outer-box-shadow.html         |   2 +-
 .../{ => input}/svg-axis-aligned-lines.html   |   2 +-
 .../svg-background-no-natural-size.html       |   6 +-
 .../{ => input}/svg-clip-path-and-mask.html   |   2 +-
 .../Screenshot/{ => input}/svg-clip-rule.html |   2 +-
 .../{ => input}/svg-foreign-object-mask.html  |   2 +-
 .../svg-gradient-spreadMethod.html            |   2 +-
 .../svg-gradient-userSpaceOnUse.html          |   2 +-
 .../{ => input}/svg-maskContentUnits.html     |   2 +-
 .../{ => input}/svg-non-local-clip-path.html  |   2 +-
 .../{ => input}/svg-path-offset-rounding.html |   2 +-
 .../{ => input}/svg-radialGradient.html       |   2 +-
 .../{ => input}/svg-simple-clipPath.html      |   2 +-
 .../svg-stroke-paintstyle-with-opacity.html   |   2 +-
 .../{ => input}/svg-text-effects.html         |   2 +-
 .../Screenshot/{ => input}/svg-textPath.html  |   2 +-
 .../{ => input}/text-decorations.html         |   2 +-
 .../{ => input}/text-direction.html           |   2 +-
 .../Screenshot/{ => input}/text-shadow.html   |   2 +-
 Tests/LibWeb/TestConfig.ini                   |   4 +-
 360 files changed, 451 insertions(+), 448 deletions(-)
 delete mode 100644 Tests/LibWeb/Ref/body-link-attribute.html
 rename Tests/LibWeb/Ref/{assets => data}/2x2checkerboard.png (100%)
 rename Tests/LibWeb/Ref/{assets => data}/nested-svg.svg (100%)
 rename Tests/LibWeb/Ref/{assets => data}/rectangle.png (100%)
 rename Tests/LibWeb/Ref/{assets => data}/vertical-rect.svg (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/abspos-escapes-scroll-container-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/abspos-z-index-painting-order-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/alternative-style-sheets-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/anonymous-wrapper-css-visibility-ref.html (64%)
 rename Tests/LibWeb/Ref/{reference => expected}/background-clip-text-inside-scrollable-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/background-clip-text-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/background-size-calc-ref.html (64%)
 rename Tests/LibWeb/Ref/{reference => expected}/body-link-attribute-ref.html (54%)
 rename Tests/LibWeb/Ref/{reference => expected}/border-radius-shrink-zero-sized-box-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/border-radius-with-padding-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/box-with-transform-should-be-above-other-boxes-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/box-without-scrollable-overflow-should-not-consume-scroll-events-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/button-inside-scroll-container-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/calc-border-radius-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/change-opacity-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/clip-abspos-children-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/clip-border-radius-with-css-transform-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/clip-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/color-hsl-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/color-hwb-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/color-oklab-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/color-oklch-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/color-rgb-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/corner-clip-inside-scrollable-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-any-link-selector-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-attr-typed-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-case-insensitive-html-attributes-selector-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-gradient-currentcolor-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-has-compound.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-has-descendant.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-has-direct-child.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-has-next-sibling.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-has-subsequent-sibling.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-invalid-var-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-keyframe-fill-forwards-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-keyframe-invalid-transform-should-not-render-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-lang-selector-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-local-link-selector-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-nested-declarations-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-nested-has.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-nesting-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-open-closed-selectors-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-placeholder-shown-selector-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-pseudo-element-in-has.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-quotes-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/css-read-only-read-write-selectors-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/first-available-font-should-include-whitespace-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/grid-item-and-css-filter-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/grid-items-painting-order-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/iframe-contains-scrollable-box-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/img-srcset-viewport-relative-sizes-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/inline-block-with-css-background-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/inline-paintable-background-clip-text-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/inline-paintable-inside-translated-container-ref.html (61%)
 rename Tests/LibWeb/Ref/{reference => expected}/inline-stacking-context-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/inline-visibility-hidden-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/input-background.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/invalidate-css-transform-property-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/item-with-negative-z-index-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/nested-svg-as-img-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/non-positioned-stacking-context-with-z-index-0-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/options-set-index.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/outlines-ref.html (82%)
 rename Tests/LibWeb/Ref/{reference => expected}/overflow-hidden-2-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/overflow-hidden-3-ref.html (65%)
 rename Tests/LibWeb/Ref/{reference => expected}/overflow-hidden-4-ref.html (70%)
 rename Tests/LibWeb/Ref/{reference => expected}/overflow-hidden-5-ref.html (85%)
 rename Tests/LibWeb/Ref/{reference => expected}/overflow-hidden-6-ref.html (70%)
 rename Tests/LibWeb/Ref/{reference => expected}/overflow-hidden-7-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/overflow-hidden-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/overflow-hidden-text-inside-translated-container-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/paintablewithlines-corner-clip-in-scroll-container-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/position-sticky-bottom-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/position-sticky-left-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/position-sticky-right-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/position-sticky-should-stay-within-containing-block-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/position-sticky-top-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/positioned-elements-in-scroll-container-ref.html (96%)
 rename Tests/LibWeb/Ref/{reference => expected}/resolve-paint-only-properties-after-layout-ref.html (66%)
 rename Tests/LibWeb/Ref/{reference => expected}/scroll-iframe-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scroll-using-mousewheel-event-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-box-with-nested-stacking-context-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-contains-box-with-gradient-background-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-contains-boxes-with-hidden-overflow-1-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-contains-boxes-with-hidden-overflow-2-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-contains-iframe-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-contains-rotated-boxes-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-contains-table-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrollable-content-inside-fixed-position-box-ref.html (92%)
 rename Tests/LibWeb/Ref/{reference => expected}/scrolled-text-with-clipped-corners-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/separate-borders-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/simple-svg-mask-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/space-glyph-width-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/square-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/sticky-box-with-percentage-insets-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/sticky-positioned-box-with-border-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-clipPathUnits.html (92%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-display-attr.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-file-matches-html-file.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-image-positioning-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-inside-scroll-container-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-invalid-number-arguments-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-non-local-clip-path-display-none-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-overflow-hidden-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-overflow-visible-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-path-incomplete-args-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-polygon-with-incomplete-points-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-symbol-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/svg-use-defined-earlier.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/text-decoration-in-anonymous-wrapper-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/text-div.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/text-overflow.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/textnode-segmenter-invalidation.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/transform-2d-translate-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/transform-box-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/transform-calc-length-percentage-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/unicode-range-ref.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/webkit-box-shadow.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/webkit-text-fill-color.html (100%)
 rename Tests/LibWeb/Ref/{reference => expected}/z-index-should-not-affect-svg-painting-order-ref.html (100%)
 rename Tests/LibWeb/Ref/{ => input}/abspos-escapes-scroll-container.html (88%)
 rename Tests/LibWeb/Ref/{ => input}/abspos-z-index-painting-order.html (77%)
 rename Tests/LibWeb/Ref/{ => input}/alternative-style-sheets.html (83%)
 rename Tests/LibWeb/Ref/{ => input}/anonymous-wrapper-css-visibility.html (65%)
 rename Tests/LibWeb/Ref/{ => input}/background-clip-text-inside-scrollable.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/background-clip-text.html (79%)
 rename Tests/LibWeb/Ref/{ => input}/background-size-calc.html (54%)
 create mode 100644 Tests/LibWeb/Ref/input/body-link-attribute.html
 rename Tests/LibWeb/Ref/{ => input}/border-radius-shrink-zero-sized-box.html (62%)
 rename Tests/LibWeb/Ref/{ => input}/border-radius-with-padding.html (71%)
 rename Tests/LibWeb/Ref/{ => input}/box-with-transform-should-be-above-other-boxes.html (78%)
 rename Tests/LibWeb/Ref/{ => input}/box-without-scrollable-overflow-should-not-consume-scroll-events.html (82%)
 rename Tests/LibWeb/Ref/{ => input}/button-inside-scroll-container.html (91%)
 rename Tests/LibWeb/Ref/{ => input}/calc-border-radius.html (81%)
 rename Tests/LibWeb/Ref/{ => input}/change-opacity.html (79%)
 rename Tests/LibWeb/Ref/{ => input}/clip-abspos-children.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/clip-border-radius-with-css-transform.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/clip.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/color-hsl.html (96%)
 rename Tests/LibWeb/Ref/{ => input}/color-hwb.html (92%)
 rename Tests/LibWeb/Ref/{ => input}/color-oklab.html (91%)
 rename Tests/LibWeb/Ref/{ => input}/color-oklch.html (91%)
 rename Tests/LibWeb/Ref/{ => input}/color-rgb.html (86%)
 rename Tests/LibWeb/Ref/{ => input}/corner-clip-inside-scrollable.html (90%)
 rename Tests/LibWeb/Ref/{ => input}/css-any-link-selector.html (56%)
 rename Tests/LibWeb/Ref/{ => input}/css-attr-basic.html (71%)
 rename Tests/LibWeb/Ref/{ => input}/css-attr-fallback.html (71%)
 rename Tests/LibWeb/Ref/{ => input}/css-attr-typed-fallback.html (91%)
 rename Tests/LibWeb/Ref/{ => input}/css-attr-typed.html (89%)
 rename Tests/LibWeb/Ref/{ => input}/css-case-insensitive-html-attributes-selector.html (78%)
 rename Tests/LibWeb/Ref/{ => input}/css-functional-unknown-webkit-pseudo-element.html (76%)
 rename Tests/LibWeb/Ref/{ => input}/css-gradient-currentcolor.html (71%)
 rename Tests/LibWeb/Ref/{ => input}/css-has-compound.html (85%)
 rename Tests/LibWeb/Ref/{ => input}/css-has-descendant.html (74%)
 rename Tests/LibWeb/Ref/{ => input}/css-has-direct-child.html (74%)
 rename Tests/LibWeb/Ref/{ => input}/css-has-next-sibling.html (82%)
 rename Tests/LibWeb/Ref/{ => input}/css-has-subsequent-sibling.html (83%)
 rename Tests/LibWeb/Ref/{ => input}/css-invalid-var.html (66%)
 rename Tests/LibWeb/Ref/{ => input}/css-keyframe-fill-forwards.html (84%)
 rename Tests/LibWeb/Ref/{ => input}/css-keyframe-invalid-transform-should-not-render.html (80%)
 rename Tests/LibWeb/Ref/{ => input}/css-lang-selector.html (82%)
 rename Tests/LibWeb/Ref/{ => input}/css-local-link-selector.html (62%)
 rename Tests/LibWeb/Ref/{ => input}/css-nested-declarations.html (75%)
 rename Tests/LibWeb/Ref/{ => input}/css-nested-has.html (73%)
 rename Tests/LibWeb/Ref/{ => input}/css-nesting.html (96%)
 rename Tests/LibWeb/Ref/{ => input}/css-open-closed-selectors.html (75%)
 rename Tests/LibWeb/Ref/{ => input}/css-placeholder-shown-selector.html (74%)
 rename Tests/LibWeb/Ref/{ => input}/css-pseudo-element-in-has.html (73%)
 rename Tests/LibWeb/Ref/{ => input}/css-quotes.html (83%)
 rename Tests/LibWeb/Ref/{ => input}/css-read-only-read-write-selectors.html (75%)
 rename Tests/LibWeb/Ref/{ => input}/css-unknown-webkit-pseudo-element.html (76%)
 rename Tests/LibWeb/Ref/{ => input}/first-available-font-should-include-whitespace.html (61%)
 rename Tests/LibWeb/Ref/{ => input}/grid-item-and-css-filter.html (76%)
 rename Tests/LibWeb/Ref/{ => input}/grid-items-painting-order.html (79%)
 rename Tests/LibWeb/Ref/{ => input}/iframe-contains-scrollable-box.html (92%)
 rename Tests/LibWeb/Ref/{ => input}/img-srcset-viewport-relative-sizes.html (81%)
 rename Tests/LibWeb/Ref/{ => input}/inline-block-with-css-background.html (81%)
 rename Tests/LibWeb/Ref/{ => input}/inline-paintable-background-clip-text.html (69%)
 rename Tests/LibWeb/Ref/{ => input}/inline-paintable-inside-translated-container.html (67%)
 rename Tests/LibWeb/Ref/{ => input}/inline-stacking-context.html (75%)
 rename Tests/LibWeb/Ref/{ => input}/inline-visibility-hidden.html (51%)
 rename Tests/LibWeb/Ref/{ => input}/input-background.html (58%)
 rename Tests/LibWeb/Ref/{ => input}/invalidate-css-transform-property.html (79%)
 rename Tests/LibWeb/Ref/{ => input}/item-with-negative-z-index.html (80%)
 create mode 100644 Tests/LibWeb/Ref/input/nested-svg-as-img.html
 rename Tests/LibWeb/Ref/{ => input}/non-positioned-stacking-context-with-z-index-0.html (57%)
 rename Tests/LibWeb/Ref/{ => input}/options-set-index.html (73%)
 rename Tests/LibWeb/Ref/{ => input}/outlines.html (81%)
 rename Tests/LibWeb/Ref/{ => input}/overflow-hidden-2.html (93%)
 rename Tests/LibWeb/Ref/{ => input}/overflow-hidden-3.html (83%)
 rename Tests/LibWeb/Ref/{ => input}/overflow-hidden-4.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/overflow-hidden-5.html (89%)
 rename Tests/LibWeb/Ref/{ => input}/overflow-hidden-6.html (96%)
 rename Tests/LibWeb/Ref/{ => input}/overflow-hidden-7.html (83%)
 rename Tests/LibWeb/Ref/{ => input}/overflow-hidden-text-inside-translated-container.html (69%)
 rename Tests/LibWeb/Ref/{ => input}/overflow-hidden.html (89%)
 rename Tests/LibWeb/Ref/{ => input}/paintablewithlines-corner-clip-in-scroll-container.html (92%)
 rename Tests/LibWeb/Ref/{ => input}/position-sticky-bottom.html (95%)
 rename Tests/LibWeb/Ref/{ => input}/position-sticky-left.html (94%)
 rename Tests/LibWeb/Ref/{ => input}/position-sticky-right.html (94%)
 rename Tests/LibWeb/Ref/{ => input}/position-sticky-should-stay-within-containing-block.html (93%)
 rename Tests/LibWeb/Ref/{ => input}/position-sticky-top.html (95%)
 rename Tests/LibWeb/Ref/{ => input}/positioned-elements-in-scroll-container.html (96%)
 rename Tests/LibWeb/Ref/{ => input}/resolve-paint-only-properties-after-layout.html (78%)
 rename Tests/LibWeb/Ref/{ => input}/scroll-iframe.html (92%)
 rename Tests/LibWeb/Ref/{ => input}/scroll-using-mousewheel-event.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-box-with-nested-stacking-context.html (91%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-contains-box-with-gradient-background.html (86%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-contains-boxes-with-hidden-overflow-1.html (97%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-contains-boxes-with-hidden-overflow-2.html (94%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html (97%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-contains-iframe.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-contains-rotated-boxes.html (93%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-contains-table.html (97%)
 rename Tests/LibWeb/Ref/{ => input}/scrollable-content-inside-fixed-position-box.html (93%)
 rename Tests/LibWeb/Ref/{ => input}/scrolled-text-with-clipped-corners.html (92%)
 rename Tests/LibWeb/Ref/{ => input}/separate-borders-inline-table.html (80%)
 rename Tests/LibWeb/Ref/{ => input}/simple-svg-mask.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/space-glyph-width.html (72%)
 rename Tests/LibWeb/Ref/{ => input}/square-flex.html (77%)
 rename Tests/LibWeb/Ref/{ => input}/sticky-box-with-percentage-insets.html (87%)
 rename Tests/LibWeb/Ref/{ => input}/sticky-positioned-box-with-border.html (89%)
 rename Tests/LibWeb/Ref/{ => input}/svg-alpha-mask-attribute.html (85%)
 rename Tests/LibWeb/Ref/{ => input}/svg-alpha-mask.html (86%)
 rename Tests/LibWeb/Ref/{ => input}/svg-display-attr.html (82%)
 rename Tests/LibWeb/Ref/{ => input}/svg-file-matches-html-file.svg (74%)
 rename Tests/LibWeb/Ref/{ => input}/svg-image-positioning.html (61%)
 rename Tests/LibWeb/Ref/{ => input}/svg-inside-scroll-container.html (91%)
 rename Tests/LibWeb/Ref/{ => input}/svg-invalid-number-arguments.html (92%)
 rename Tests/LibWeb/Ref/{ => input}/svg-mask-in-defs.html (88%)
 rename Tests/LibWeb/Ref/{ => input}/svg-mask-maskUnits-userSpaceOnUse.html (89%)
 rename Tests/LibWeb/Ref/{ => input}/svg-non-local-clip-path-display-none.html (74%)
 rename Tests/LibWeb/Ref/{ => input}/svg-overflow-hidden.html (76%)
 rename Tests/LibWeb/Ref/{ => input}/svg-overflow-visible.html (76%)
 rename Tests/LibWeb/Ref/{ => input}/svg-path-incomplete-args.html (97%)
 rename Tests/LibWeb/Ref/{ => input}/svg-polygon-with-incomplete-points.html (91%)
 rename Tests/LibWeb/Ref/{ => input}/svg-symbol.html (75%)
 rename Tests/LibWeb/Ref/{ => input}/svg-use-defined-later.html (78%)
 rename Tests/LibWeb/Ref/{ => input}/text-decoration-in-anonymous-wrapper.html (80%)
 rename Tests/LibWeb/Ref/{ => input}/text-overflow.html (85%)
 rename Tests/LibWeb/Ref/{ => input}/textnode-segmenter-invalidation.html (73%)
 rename Tests/LibWeb/Ref/{ => input}/transform-2d-translate.html (70%)
 rename Tests/LibWeb/Ref/{ => input}/transform-box.html (72%)
 rename Tests/LibWeb/Ref/{ => input}/transform-calc-length-percentage.html (78%)
 rename Tests/LibWeb/Ref/{ => input}/unicode-range.html (74%)
 rename Tests/LibWeb/Ref/{ => input}/webkit-box-shadow.html (61%)
 rename Tests/LibWeb/Ref/{ => input}/webkit-text-fill-color.html (58%)
 rename Tests/LibWeb/Ref/{ => input}/z-index-should-not-affect-svg-painting-order.html (81%)
 delete mode 100644 Tests/LibWeb/Ref/nested-svg-as-img.html
 delete mode 100644 Tests/LibWeb/Screenshot/alt-frame.html
 delete mode 100644 Tests/LibWeb/Screenshot/css-backgrounds.html
 delete mode 100644 Tests/LibWeb/Screenshot/css-filter.html
 rename Tests/LibWeb/Screenshot/{assets => data}/background-no-repeat.html (100%)
 rename Tests/LibWeb/Screenshot/{assets => data}/background-repeat-x.html (100%)
 rename Tests/LibWeb/Screenshot/{assets => data}/background-repeat-y.html (100%)
 rename Tests/LibWeb/Screenshot/{assets => data}/background-repeat.html (100%)
 rename Tests/LibWeb/Screenshot/{assets => data}/car.png (100%)
 rename Tests/LibWeb/Screenshot/{assets => data}/smiley.png (100%)
 rename Tests/LibWeb/Screenshot/{assets => data}/vertical-rect.svg (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/alt-frame-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/border-radius-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/canvas-arcs-and-ellipses-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/canvas-fillstyle-rgb-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/canvas-implict-moves-and-lines-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/canvas-path-rect-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/canvas-shadow-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/canvas-text-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/canvas-unpremultiplied-image-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/clip-path-basic-shapes-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/clip-path-polygon-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/clip-path-transformed-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-background-clip-text-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-background-position-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-background-repeat-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-backgrounds-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-color-functions-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-filter-drop-shadow-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-filter-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-gradients-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/css-transform-box-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/inline-node-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/input-placeholder-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/meter-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/nested-boxes-with-hidden-overflow-and-border-radius-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/object-fit-position-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/opacity-stacking-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/outer-box-shadow-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-axis-aligned-lines-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-background-no-natural-size-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-clip-path-and-mask-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-clip-rule-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-foreign-object-mask-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-gradient-spreadMethod-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-gradient-userSpaceOnUse-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-maskContentUnits-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-non-local-clip-path-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-path-offset-rounding-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-radialGradient-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-simple-clipPath-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-stroke-paintstyle-with-opacity-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-text-effects-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/svg-textPath-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/text-decorations-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/text-direction-ref.html (100%)
 rename Tests/LibWeb/Screenshot/{reference => expected}/text-shadow-ref.html (100%)
 create mode 100644 Tests/LibWeb/Screenshot/input/alt-frame.html
 rename Tests/LibWeb/Screenshot/{ => input}/border-radius.html (93%)
 rename Tests/LibWeb/Screenshot/{ => input}/canvas-arcs-and-ellipses.html (92%)
 rename Tests/LibWeb/Screenshot/{ => input}/canvas-fillstyle-rgb.html (92%)
 rename Tests/LibWeb/Screenshot/{ => input}/canvas-implict-moves-and-lines.html (93%)
 rename Tests/LibWeb/Screenshot/{ => input}/canvas-path-rect.html (93%)
 rename Tests/LibWeb/Screenshot/{ => input}/canvas-shadow.html (89%)
 rename Tests/LibWeb/Screenshot/{ => input}/canvas-text.html (94%)
 rename Tests/LibWeb/Screenshot/{ => input}/canvas-unpremultiplied-image.html (85%)
 rename Tests/LibWeb/Screenshot/{ => input}/clip-path-basic-shapes.html (98%)
 rename Tests/LibWeb/Screenshot/{ => input}/clip-path-polygon.html (85%)
 rename Tests/LibWeb/Screenshot/{ => input}/clip-path-transformed.html (97%)
 rename Tests/LibWeb/Screenshot/{ => input}/css-background-clip-text.html (93%)
 rename Tests/LibWeb/Screenshot/{ => input}/css-background-position.html (97%)
 rename Tests/LibWeb/Screenshot/{ => input}/css-background-repeat.html (72%)
 create mode 100644 Tests/LibWeb/Screenshot/input/css-backgrounds.html
 rename Tests/LibWeb/Screenshot/{ => input}/css-color-functions.html (97%)
 rename Tests/LibWeb/Screenshot/{ => input}/css-filter-drop-shadow.html (91%)
 create mode 100644 Tests/LibWeb/Screenshot/input/css-filter.html
 rename Tests/LibWeb/Screenshot/{ => input}/css-gradients.html (99%)
 rename Tests/LibWeb/Screenshot/{ => input}/css-transform-box.html (94%)
 rename Tests/LibWeb/Screenshot/{ => input}/inline-node.html (92%)
 rename Tests/LibWeb/Screenshot/{ => input}/input-placeholder.html (72%)
 rename Tests/LibWeb/Screenshot/{ => input}/meter.html (92%)
 rename Tests/LibWeb/Screenshot/{ => input}/nested-boxes-with-hidden-overflow-and-border-radius.html (85%)
 rename Tests/LibWeb/Screenshot/{ => input}/object-fit-position.html (67%)
 rename Tests/LibWeb/Screenshot/{ => input}/opacity-stacking.html (79%)
 rename Tests/LibWeb/Screenshot/{ => input}/outer-box-shadow.html (96%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-axis-aligned-lines.html (77%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-background-no-natural-size.html (64%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-clip-path-and-mask.html (85%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-clip-rule.html (88%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-foreign-object-mask.html (85%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-gradient-spreadMethod.html (97%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-gradient-userSpaceOnUse.html (86%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-maskContentUnits.html (93%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-non-local-clip-path.html (76%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-path-offset-rounding.html (80%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-radialGradient.html (99%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-simple-clipPath.html (82%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-stroke-paintstyle-with-opacity.html (82%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-text-effects.html (94%)
 rename Tests/LibWeb/Screenshot/{ => input}/svg-textPath.html (83%)
 rename Tests/LibWeb/Screenshot/{ => input}/text-decorations.html (92%)
 rename Tests/LibWeb/Screenshot/{ => input}/text-direction.html (91%)
 rename Tests/LibWeb/Screenshot/{ => input}/text-shadow.html (93%)

diff --git a/Documentation/Testing.md b/Documentation/Testing.md
index a21953d6fca..8362a5a2e54 100644
--- a/Documentation/Testing.md
+++ b/Documentation/Testing.md
@@ -158,7 +158,7 @@ are identical. These are ideal for testing visual effects such as background ima
 difficult to recreate the effect in the reference page, (such as for SVG or canvas,) consider using a Screenshot test
 instead.
 
-Each Ref test includes a special `<link rel="match" href="reference/my-test-ref.html" />` tag, which the test runner
+Each Ref test includes a special `<link rel="match" href="../expected/my-test-ref.html" />` tag, which the test runner
 uses to locate the reference page. In this way, multiple tests can use the same reference.
 
 ### Screenshot
@@ -167,5 +167,5 @@ Screenshot tests can be thought of as a subtype of Ref tests, where the referenc
 to a screenshot of the expected output. In general, try to avoid using them if a regular Ref test would do, as they are
 sensitive to small rendering changes, and won't work on all platforms.
 
-Like Ref tests, they require a `<link rel="match" href="reference/my-test-ref.html" />` tag to indicate the reference
+Like Ref tests, they require a `<link rel="match" href="../expected/my-test-ref.html" />` tag to indicate the reference
 page to use.
diff --git a/Ladybird/Headless/Test.cpp b/Ladybird/Headless/Test.cpp
index 0215bf36f80..665bb6639a0 100644
--- a/Ladybird/Headless/Test.cpp
+++ b/Ladybird/Headless/Test.cpp
@@ -80,17 +80,20 @@ static ErrorOr<void> collect_dump_tests(Vector<Test>& tests, StringView path, St
     return {};
 }
 
-static ErrorOr<void> collect_ref_tests(Vector<Test>& tests, StringView path)
+static ErrorOr<void> collect_ref_tests(Vector<Test>& tests, StringView path, StringView trail)
 {
-    TRY(Core::Directory::for_each_entry(path, Core::DirIterator::SkipDots, [&](Core::DirectoryEntry const& entry, Core::Directory const&) -> ErrorOr<IterationDecision> {
-        if (entry.type == Core::DirectoryEntry::Type::Directory)
-            return IterationDecision::Continue;
+    Core::DirIterator it(ByteString::formatted("{}/input/{}", path, trail), Core::DirIterator::Flags::SkipDots);
+    while (it.has_next()) {
+        auto name = it.next_path();
+        auto input_path = TRY(FileSystem::real_path(ByteString::formatted("{}/input/{}/{}", path, trail, name)));
+
+        if (FileSystem::is_directory(input_path)) {
+            TRY(collect_ref_tests(tests, path, ByteString::formatted("{}/{}", trail, name)));
+            continue;
+        }
 
-        auto input_path = TRY(FileSystem::real_path(ByteString::formatted("{}/{}", path, entry.name)));
         tests.append({ TestMode::Ref, input_path, {}, {} });
-
-        return IterationDecision::Continue;
-    }));
+    }
 
     return {};
 }
@@ -374,9 +377,9 @@ ErrorOr<void> run_tests(Core::AnonymousBuffer const& theme, Gfx::IntSize window_
 
     TRY(collect_dump_tests(tests, ByteString::formatted("{}/Layout", app.test_root_path), "."sv, TestMode::Layout));
     TRY(collect_dump_tests(tests, ByteString::formatted("{}/Text", app.test_root_path), "."sv, TestMode::Text));
-    TRY(collect_ref_tests(tests, ByteString::formatted("{}/Ref", app.test_root_path)));
+    TRY(collect_ref_tests(tests, ByteString::formatted("{}/Ref", app.test_root_path), "."sv));
 #if !defined(AK_OS_MACOS)
-    TRY(collect_ref_tests(tests, ByteString::formatted("{}/Screenshot", app.test_root_path)));
+    TRY(collect_ref_tests(tests, ByteString::formatted("{}/Screenshot", app.test_root_path), "."sv));
 #endif
 
     tests.remove_all_matching([&](auto const& test) {
diff --git a/Tests/LibWeb/Ref/body-link-attribute.html b/Tests/LibWeb/Ref/body-link-attribute.html
deleted file mode 100644
index defc9b9c019..00000000000
--- a/Tests/LibWeb/Ref/body-link-attribute.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<!doctype html>
-<link rel="match" href="reference/body-link-attribute-ref.html" />
-<body link="#FF0000">
-<a href="about:blank">link
diff --git a/Tests/LibWeb/Ref/assets/2x2checkerboard.png b/Tests/LibWeb/Ref/data/2x2checkerboard.png
similarity index 100%
rename from Tests/LibWeb/Ref/assets/2x2checkerboard.png
rename to Tests/LibWeb/Ref/data/2x2checkerboard.png
diff --git a/Tests/LibWeb/Ref/assets/nested-svg.svg b/Tests/LibWeb/Ref/data/nested-svg.svg
similarity index 100%
rename from Tests/LibWeb/Ref/assets/nested-svg.svg
rename to Tests/LibWeb/Ref/data/nested-svg.svg
diff --git a/Tests/LibWeb/Ref/assets/rectangle.png b/Tests/LibWeb/Ref/data/rectangle.png
similarity index 100%
rename from Tests/LibWeb/Ref/assets/rectangle.png
rename to Tests/LibWeb/Ref/data/rectangle.png
diff --git a/Tests/LibWeb/Ref/assets/vertical-rect.svg b/Tests/LibWeb/Ref/data/vertical-rect.svg
similarity index 100%
rename from Tests/LibWeb/Ref/assets/vertical-rect.svg
rename to Tests/LibWeb/Ref/data/vertical-rect.svg
diff --git a/Tests/LibWeb/Ref/reference/abspos-escapes-scroll-container-ref.html b/Tests/LibWeb/Ref/expected/abspos-escapes-scroll-container-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/abspos-escapes-scroll-container-ref.html
rename to Tests/LibWeb/Ref/expected/abspos-escapes-scroll-container-ref.html
diff --git a/Tests/LibWeb/Ref/reference/abspos-z-index-painting-order-ref.html b/Tests/LibWeb/Ref/expected/abspos-z-index-painting-order-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/abspos-z-index-painting-order-ref.html
rename to Tests/LibWeb/Ref/expected/abspos-z-index-painting-order-ref.html
diff --git a/Tests/LibWeb/Ref/reference/alternative-style-sheets-ref.html b/Tests/LibWeb/Ref/expected/alternative-style-sheets-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/alternative-style-sheets-ref.html
rename to Tests/LibWeb/Ref/expected/alternative-style-sheets-ref.html
diff --git a/Tests/LibWeb/Ref/reference/anonymous-wrapper-css-visibility-ref.html b/Tests/LibWeb/Ref/expected/anonymous-wrapper-css-visibility-ref.html
similarity index 64%
rename from Tests/LibWeb/Ref/reference/anonymous-wrapper-css-visibility-ref.html
rename to Tests/LibWeb/Ref/expected/anonymous-wrapper-css-visibility-ref.html
index eca160cbe3d..40b708b350e 100644
--- a/Tests/LibWeb/Ref/reference/anonymous-wrapper-css-visibility-ref.html
+++ b/Tests/LibWeb/Ref/expected/anonymous-wrapper-css-visibility-ref.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/anonymous-wrapper-css-visibility-ref.html" />
+<link rel="match" href="../expected/anonymous-wrapper-css-visibility-ref.html" />
 <style>
 body {
   color: transparent;
diff --git a/Tests/LibWeb/Ref/reference/background-clip-text-inside-scrollable-ref.html b/Tests/LibWeb/Ref/expected/background-clip-text-inside-scrollable-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/background-clip-text-inside-scrollable-ref.html
rename to Tests/LibWeb/Ref/expected/background-clip-text-inside-scrollable-ref.html
diff --git a/Tests/LibWeb/Ref/reference/background-clip-text-ref.html b/Tests/LibWeb/Ref/expected/background-clip-text-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/background-clip-text-ref.html
rename to Tests/LibWeb/Ref/expected/background-clip-text-ref.html
diff --git a/Tests/LibWeb/Ref/reference/background-size-calc-ref.html b/Tests/LibWeb/Ref/expected/background-size-calc-ref.html
similarity index 64%
rename from Tests/LibWeb/Ref/reference/background-size-calc-ref.html
rename to Tests/LibWeb/Ref/expected/background-size-calc-ref.html
index 00a8db96ceb..cac989888f1 100644
--- a/Tests/LibWeb/Ref/reference/background-size-calc-ref.html
+++ b/Tests/LibWeb/Ref/expected/background-size-calc-ref.html
@@ -6,9 +6,9 @@
             display: inline-block;
             min-width: 12px;
             min-height: 12px;
-            background-image: url("../assets/2x2checkerboard.png");
+            background-image: url("../data/2x2checkerboard.png");
             background-size: calc(max(0.75em, 12px));
         }
     </style>
 </head>
-<body><span></span><img src="../assets/2x2checkerboard.png">
+<body><span></span><img src="../data/2x2checkerboard.png">
diff --git a/Tests/LibWeb/Ref/reference/body-link-attribute-ref.html b/Tests/LibWeb/Ref/expected/body-link-attribute-ref.html
similarity index 54%
rename from Tests/LibWeb/Ref/reference/body-link-attribute-ref.html
rename to Tests/LibWeb/Ref/expected/body-link-attribute-ref.html
index 94fc993a07b..a7540c7f602 100644
--- a/Tests/LibWeb/Ref/reference/body-link-attribute-ref.html
+++ b/Tests/LibWeb/Ref/expected/body-link-attribute-ref.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/body-link-attribute.html-ref" />
+<link rel="match" href="../expected/body-link-attribute.html-ref" />
 <style>
 a {
   color: #FF0000;
diff --git a/Tests/LibWeb/Ref/reference/border-radius-shrink-zero-sized-box-ref.html b/Tests/LibWeb/Ref/expected/border-radius-shrink-zero-sized-box-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/border-radius-shrink-zero-sized-box-ref.html
rename to Tests/LibWeb/Ref/expected/border-radius-shrink-zero-sized-box-ref.html
diff --git a/Tests/LibWeb/Ref/reference/border-radius-with-padding-ref.html b/Tests/LibWeb/Ref/expected/border-radius-with-padding-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/border-radius-with-padding-ref.html
rename to Tests/LibWeb/Ref/expected/border-radius-with-padding-ref.html
diff --git a/Tests/LibWeb/Ref/reference/box-with-transform-should-be-above-other-boxes-ref.html b/Tests/LibWeb/Ref/expected/box-with-transform-should-be-above-other-boxes-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/box-with-transform-should-be-above-other-boxes-ref.html
rename to Tests/LibWeb/Ref/expected/box-with-transform-should-be-above-other-boxes-ref.html
diff --git a/Tests/LibWeb/Ref/reference/box-without-scrollable-overflow-should-not-consume-scroll-events-ref.html b/Tests/LibWeb/Ref/expected/box-without-scrollable-overflow-should-not-consume-scroll-events-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/box-without-scrollable-overflow-should-not-consume-scroll-events-ref.html
rename to Tests/LibWeb/Ref/expected/box-without-scrollable-overflow-should-not-consume-scroll-events-ref.html
diff --git a/Tests/LibWeb/Ref/reference/button-inside-scroll-container-ref.html b/Tests/LibWeb/Ref/expected/button-inside-scroll-container-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/button-inside-scroll-container-ref.html
rename to Tests/LibWeb/Ref/expected/button-inside-scroll-container-ref.html
diff --git a/Tests/LibWeb/Ref/reference/calc-border-radius-ref.html b/Tests/LibWeb/Ref/expected/calc-border-radius-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/calc-border-radius-ref.html
rename to Tests/LibWeb/Ref/expected/calc-border-radius-ref.html
diff --git a/Tests/LibWeb/Ref/reference/change-opacity-ref.html b/Tests/LibWeb/Ref/expected/change-opacity-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/change-opacity-ref.html
rename to Tests/LibWeb/Ref/expected/change-opacity-ref.html
diff --git a/Tests/LibWeb/Ref/reference/clip-abspos-children-ref.html b/Tests/LibWeb/Ref/expected/clip-abspos-children-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/clip-abspos-children-ref.html
rename to Tests/LibWeb/Ref/expected/clip-abspos-children-ref.html
diff --git a/Tests/LibWeb/Ref/reference/clip-border-radius-with-css-transform-ref.html b/Tests/LibWeb/Ref/expected/clip-border-radius-with-css-transform-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/clip-border-radius-with-css-transform-ref.html
rename to Tests/LibWeb/Ref/expected/clip-border-radius-with-css-transform-ref.html
diff --git a/Tests/LibWeb/Ref/reference/clip-ref.html b/Tests/LibWeb/Ref/expected/clip-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/clip-ref.html
rename to Tests/LibWeb/Ref/expected/clip-ref.html
diff --git a/Tests/LibWeb/Ref/reference/color-hsl-ref.html b/Tests/LibWeb/Ref/expected/color-hsl-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/color-hsl-ref.html
rename to Tests/LibWeb/Ref/expected/color-hsl-ref.html
diff --git a/Tests/LibWeb/Ref/reference/color-hwb-ref.html b/Tests/LibWeb/Ref/expected/color-hwb-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/color-hwb-ref.html
rename to Tests/LibWeb/Ref/expected/color-hwb-ref.html
diff --git a/Tests/LibWeb/Ref/reference/color-oklab-ref.html b/Tests/LibWeb/Ref/expected/color-oklab-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/color-oklab-ref.html
rename to Tests/LibWeb/Ref/expected/color-oklab-ref.html
diff --git a/Tests/LibWeb/Ref/reference/color-oklch-ref.html b/Tests/LibWeb/Ref/expected/color-oklch-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/color-oklch-ref.html
rename to Tests/LibWeb/Ref/expected/color-oklch-ref.html
diff --git a/Tests/LibWeb/Ref/reference/color-rgb-ref.html b/Tests/LibWeb/Ref/expected/color-rgb-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/color-rgb-ref.html
rename to Tests/LibWeb/Ref/expected/color-rgb-ref.html
diff --git a/Tests/LibWeb/Ref/reference/corner-clip-inside-scrollable-ref.html b/Tests/LibWeb/Ref/expected/corner-clip-inside-scrollable-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/corner-clip-inside-scrollable-ref.html
rename to Tests/LibWeb/Ref/expected/corner-clip-inside-scrollable-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-any-link-selector-ref.html b/Tests/LibWeb/Ref/expected/css-any-link-selector-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-any-link-selector-ref.html
rename to Tests/LibWeb/Ref/expected/css-any-link-selector-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-attr-typed-ref.html b/Tests/LibWeb/Ref/expected/css-attr-typed-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-attr-typed-ref.html
rename to Tests/LibWeb/Ref/expected/css-attr-typed-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-case-insensitive-html-attributes-selector-ref.html b/Tests/LibWeb/Ref/expected/css-case-insensitive-html-attributes-selector-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-case-insensitive-html-attributes-selector-ref.html
rename to Tests/LibWeb/Ref/expected/css-case-insensitive-html-attributes-selector-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-gradient-currentcolor-ref.html b/Tests/LibWeb/Ref/expected/css-gradient-currentcolor-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-gradient-currentcolor-ref.html
rename to Tests/LibWeb/Ref/expected/css-gradient-currentcolor-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-has-compound.html b/Tests/LibWeb/Ref/expected/css-has-compound.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-has-compound.html
rename to Tests/LibWeb/Ref/expected/css-has-compound.html
diff --git a/Tests/LibWeb/Ref/reference/css-has-descendant.html b/Tests/LibWeb/Ref/expected/css-has-descendant.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-has-descendant.html
rename to Tests/LibWeb/Ref/expected/css-has-descendant.html
diff --git a/Tests/LibWeb/Ref/reference/css-has-direct-child.html b/Tests/LibWeb/Ref/expected/css-has-direct-child.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-has-direct-child.html
rename to Tests/LibWeb/Ref/expected/css-has-direct-child.html
diff --git a/Tests/LibWeb/Ref/reference/css-has-next-sibling.html b/Tests/LibWeb/Ref/expected/css-has-next-sibling.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-has-next-sibling.html
rename to Tests/LibWeb/Ref/expected/css-has-next-sibling.html
diff --git a/Tests/LibWeb/Ref/reference/css-has-subsequent-sibling.html b/Tests/LibWeb/Ref/expected/css-has-subsequent-sibling.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-has-subsequent-sibling.html
rename to Tests/LibWeb/Ref/expected/css-has-subsequent-sibling.html
diff --git a/Tests/LibWeb/Ref/reference/css-invalid-var-ref.html b/Tests/LibWeb/Ref/expected/css-invalid-var-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-invalid-var-ref.html
rename to Tests/LibWeb/Ref/expected/css-invalid-var-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-keyframe-fill-forwards-ref.html b/Tests/LibWeb/Ref/expected/css-keyframe-fill-forwards-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-keyframe-fill-forwards-ref.html
rename to Tests/LibWeb/Ref/expected/css-keyframe-fill-forwards-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-keyframe-invalid-transform-should-not-render-ref.html b/Tests/LibWeb/Ref/expected/css-keyframe-invalid-transform-should-not-render-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-keyframe-invalid-transform-should-not-render-ref.html
rename to Tests/LibWeb/Ref/expected/css-keyframe-invalid-transform-should-not-render-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-lang-selector-ref.html b/Tests/LibWeb/Ref/expected/css-lang-selector-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-lang-selector-ref.html
rename to Tests/LibWeb/Ref/expected/css-lang-selector-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-local-link-selector-ref.html b/Tests/LibWeb/Ref/expected/css-local-link-selector-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-local-link-selector-ref.html
rename to Tests/LibWeb/Ref/expected/css-local-link-selector-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-nested-declarations-ref.html b/Tests/LibWeb/Ref/expected/css-nested-declarations-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-nested-declarations-ref.html
rename to Tests/LibWeb/Ref/expected/css-nested-declarations-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-nested-has.html b/Tests/LibWeb/Ref/expected/css-nested-has.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-nested-has.html
rename to Tests/LibWeb/Ref/expected/css-nested-has.html
diff --git a/Tests/LibWeb/Ref/reference/css-nesting-ref.html b/Tests/LibWeb/Ref/expected/css-nesting-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-nesting-ref.html
rename to Tests/LibWeb/Ref/expected/css-nesting-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-open-closed-selectors-ref.html b/Tests/LibWeb/Ref/expected/css-open-closed-selectors-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-open-closed-selectors-ref.html
rename to Tests/LibWeb/Ref/expected/css-open-closed-selectors-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-placeholder-shown-selector-ref.html b/Tests/LibWeb/Ref/expected/css-placeholder-shown-selector-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-placeholder-shown-selector-ref.html
rename to Tests/LibWeb/Ref/expected/css-placeholder-shown-selector-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-pseudo-element-in-has.html b/Tests/LibWeb/Ref/expected/css-pseudo-element-in-has.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-pseudo-element-in-has.html
rename to Tests/LibWeb/Ref/expected/css-pseudo-element-in-has.html
diff --git a/Tests/LibWeb/Ref/reference/css-quotes-ref.html b/Tests/LibWeb/Ref/expected/css-quotes-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-quotes-ref.html
rename to Tests/LibWeb/Ref/expected/css-quotes-ref.html
diff --git a/Tests/LibWeb/Ref/reference/css-read-only-read-write-selectors-ref.html b/Tests/LibWeb/Ref/expected/css-read-only-read-write-selectors-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/css-read-only-read-write-selectors-ref.html
rename to Tests/LibWeb/Ref/expected/css-read-only-read-write-selectors-ref.html
diff --git a/Tests/LibWeb/Ref/reference/first-available-font-should-include-whitespace-ref.html b/Tests/LibWeb/Ref/expected/first-available-font-should-include-whitespace-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/first-available-font-should-include-whitespace-ref.html
rename to Tests/LibWeb/Ref/expected/first-available-font-should-include-whitespace-ref.html
diff --git a/Tests/LibWeb/Ref/reference/grid-item-and-css-filter-ref.html b/Tests/LibWeb/Ref/expected/grid-item-and-css-filter-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/grid-item-and-css-filter-ref.html
rename to Tests/LibWeb/Ref/expected/grid-item-and-css-filter-ref.html
diff --git a/Tests/LibWeb/Ref/reference/grid-items-painting-order-ref.html b/Tests/LibWeb/Ref/expected/grid-items-painting-order-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/grid-items-painting-order-ref.html
rename to Tests/LibWeb/Ref/expected/grid-items-painting-order-ref.html
diff --git a/Tests/LibWeb/Ref/reference/iframe-contains-scrollable-box-ref.html b/Tests/LibWeb/Ref/expected/iframe-contains-scrollable-box-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/iframe-contains-scrollable-box-ref.html
rename to Tests/LibWeb/Ref/expected/iframe-contains-scrollable-box-ref.html
diff --git a/Tests/LibWeb/Ref/reference/img-srcset-viewport-relative-sizes-ref.html b/Tests/LibWeb/Ref/expected/img-srcset-viewport-relative-sizes-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/img-srcset-viewport-relative-sizes-ref.html
rename to Tests/LibWeb/Ref/expected/img-srcset-viewport-relative-sizes-ref.html
diff --git a/Tests/LibWeb/Ref/reference/inline-block-with-css-background-ref.html b/Tests/LibWeb/Ref/expected/inline-block-with-css-background-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/inline-block-with-css-background-ref.html
rename to Tests/LibWeb/Ref/expected/inline-block-with-css-background-ref.html
diff --git a/Tests/LibWeb/Ref/reference/inline-paintable-background-clip-text-ref.html b/Tests/LibWeb/Ref/expected/inline-paintable-background-clip-text-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/inline-paintable-background-clip-text-ref.html
rename to Tests/LibWeb/Ref/expected/inline-paintable-background-clip-text-ref.html
diff --git a/Tests/LibWeb/Ref/reference/inline-paintable-inside-translated-container-ref.html b/Tests/LibWeb/Ref/expected/inline-paintable-inside-translated-container-ref.html
similarity index 61%
rename from Tests/LibWeb/Ref/reference/inline-paintable-inside-translated-container-ref.html
rename to Tests/LibWeb/Ref/expected/inline-paintable-inside-translated-container-ref.html
index 09e0a2f1410..0df8f536afc 100644
--- a/Tests/LibWeb/Ref/reference/inline-paintable-inside-translated-container-ref.html
+++ b/Tests/LibWeb/Ref/expected/inline-paintable-inside-translated-container-ref.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/inline-paintable-inside-translated-container-ref.html" />
+<link rel="match" href="../expected/inline-paintable-inside-translated-container-ref.html" />
 <style>
 body {
     margin-top: 100px;
diff --git a/Tests/LibWeb/Ref/reference/inline-stacking-context-ref.html b/Tests/LibWeb/Ref/expected/inline-stacking-context-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/inline-stacking-context-ref.html
rename to Tests/LibWeb/Ref/expected/inline-stacking-context-ref.html
diff --git a/Tests/LibWeb/Ref/reference/inline-visibility-hidden-ref.html b/Tests/LibWeb/Ref/expected/inline-visibility-hidden-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/inline-visibility-hidden-ref.html
rename to Tests/LibWeb/Ref/expected/inline-visibility-hidden-ref.html
diff --git a/Tests/LibWeb/Ref/reference/input-background.html b/Tests/LibWeb/Ref/expected/input-background.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/input-background.html
rename to Tests/LibWeb/Ref/expected/input-background.html
diff --git a/Tests/LibWeb/Ref/reference/invalidate-css-transform-property-ref.html b/Tests/LibWeb/Ref/expected/invalidate-css-transform-property-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/invalidate-css-transform-property-ref.html
rename to Tests/LibWeb/Ref/expected/invalidate-css-transform-property-ref.html
diff --git a/Tests/LibWeb/Ref/reference/item-with-negative-z-index-ref.html b/Tests/LibWeb/Ref/expected/item-with-negative-z-index-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/item-with-negative-z-index-ref.html
rename to Tests/LibWeb/Ref/expected/item-with-negative-z-index-ref.html
diff --git a/Tests/LibWeb/Ref/reference/nested-svg-as-img-ref.html b/Tests/LibWeb/Ref/expected/nested-svg-as-img-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/nested-svg-as-img-ref.html
rename to Tests/LibWeb/Ref/expected/nested-svg-as-img-ref.html
diff --git a/Tests/LibWeb/Ref/reference/non-positioned-stacking-context-with-z-index-0-ref.html b/Tests/LibWeb/Ref/expected/non-positioned-stacking-context-with-z-index-0-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/non-positioned-stacking-context-with-z-index-0-ref.html
rename to Tests/LibWeb/Ref/expected/non-positioned-stacking-context-with-z-index-0-ref.html
diff --git a/Tests/LibWeb/Ref/reference/options-set-index.html b/Tests/LibWeb/Ref/expected/options-set-index.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/options-set-index.html
rename to Tests/LibWeb/Ref/expected/options-set-index.html
diff --git a/Tests/LibWeb/Ref/reference/outlines-ref.html b/Tests/LibWeb/Ref/expected/outlines-ref.html
similarity index 82%
rename from Tests/LibWeb/Ref/reference/outlines-ref.html
rename to Tests/LibWeb/Ref/expected/outlines-ref.html
index df452dcde71..d6f5e0f6d3f 100644
--- a/Tests/LibWeb/Ref/reference/outlines-ref.html
+++ b/Tests/LibWeb/Ref/expected/outlines-ref.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/outlines-ref.html" />
+<link rel="match" href="../expected/outlines-ref.html" />
 <style>
     .border {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-2-ref.html b/Tests/LibWeb/Ref/expected/overflow-hidden-2-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/overflow-hidden-2-ref.html
rename to Tests/LibWeb/Ref/expected/overflow-hidden-2-ref.html
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-3-ref.html b/Tests/LibWeb/Ref/expected/overflow-hidden-3-ref.html
similarity index 65%
rename from Tests/LibWeb/Ref/reference/overflow-hidden-3-ref.html
rename to Tests/LibWeb/Ref/expected/overflow-hidden-3-ref.html
index f3ac3a9477c..5f52f09fa28 100644
--- a/Tests/LibWeb/Ref/reference/overflow-hidden-3-ref.html
+++ b/Tests/LibWeb/Ref/expected/overflow-hidden-3-ref.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/overflow-hidden-3-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-3-ref.html" />
 <style>
 .green {
     width: 200px;
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-4-ref.html b/Tests/LibWeb/Ref/expected/overflow-hidden-4-ref.html
similarity index 70%
rename from Tests/LibWeb/Ref/reference/overflow-hidden-4-ref.html
rename to Tests/LibWeb/Ref/expected/overflow-hidden-4-ref.html
index d14ab71dd0a..d955e0d7044 100644
--- a/Tests/LibWeb/Ref/reference/overflow-hidden-4-ref.html
+++ b/Tests/LibWeb/Ref/expected/overflow-hidden-4-ref.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/overflow-hidden-4-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-4-ref.html" />
 <style>
 * {
     outline: black solid 1px;
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-5-ref.html b/Tests/LibWeb/Ref/expected/overflow-hidden-5-ref.html
similarity index 85%
rename from Tests/LibWeb/Ref/reference/overflow-hidden-5-ref.html
rename to Tests/LibWeb/Ref/expected/overflow-hidden-5-ref.html
index 85b03370642..82b88ac7c7f 100644
--- a/Tests/LibWeb/Ref/reference/overflow-hidden-5-ref.html
+++ b/Tests/LibWeb/Ref/expected/overflow-hidden-5-ref.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <head>
-<link rel="match" href="reference/overflow-hidden-5-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-5-ref.html" />
 <style type="text/css">
     body {
         margin: 0;
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-6-ref.html b/Tests/LibWeb/Ref/expected/overflow-hidden-6-ref.html
similarity index 70%
rename from Tests/LibWeb/Ref/reference/overflow-hidden-6-ref.html
rename to Tests/LibWeb/Ref/expected/overflow-hidden-6-ref.html
index 4bd36e8631c..efc2feb6ba4 100644
--- a/Tests/LibWeb/Ref/reference/overflow-hidden-6-ref.html
+++ b/Tests/LibWeb/Ref/expected/overflow-hidden-6-ref.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-<link rel="match" href="reference/overflow-hidden-6-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-6-ref.html" />
 <style>
     .box {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-7-ref.html b/Tests/LibWeb/Ref/expected/overflow-hidden-7-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/overflow-hidden-7-ref.html
rename to Tests/LibWeb/Ref/expected/overflow-hidden-7-ref.html
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-ref.html b/Tests/LibWeb/Ref/expected/overflow-hidden-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/overflow-hidden-ref.html
rename to Tests/LibWeb/Ref/expected/overflow-hidden-ref.html
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-text-inside-translated-container-ref.html b/Tests/LibWeb/Ref/expected/overflow-hidden-text-inside-translated-container-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/overflow-hidden-text-inside-translated-container-ref.html
rename to Tests/LibWeb/Ref/expected/overflow-hidden-text-inside-translated-container-ref.html
diff --git a/Tests/LibWeb/Ref/reference/paintablewithlines-corner-clip-in-scroll-container-ref.html b/Tests/LibWeb/Ref/expected/paintablewithlines-corner-clip-in-scroll-container-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/paintablewithlines-corner-clip-in-scroll-container-ref.html
rename to Tests/LibWeb/Ref/expected/paintablewithlines-corner-clip-in-scroll-container-ref.html
diff --git a/Tests/LibWeb/Ref/reference/position-sticky-bottom-ref.html b/Tests/LibWeb/Ref/expected/position-sticky-bottom-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/position-sticky-bottom-ref.html
rename to Tests/LibWeb/Ref/expected/position-sticky-bottom-ref.html
diff --git a/Tests/LibWeb/Ref/reference/position-sticky-left-ref.html b/Tests/LibWeb/Ref/expected/position-sticky-left-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/position-sticky-left-ref.html
rename to Tests/LibWeb/Ref/expected/position-sticky-left-ref.html
diff --git a/Tests/LibWeb/Ref/reference/position-sticky-right-ref.html b/Tests/LibWeb/Ref/expected/position-sticky-right-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/position-sticky-right-ref.html
rename to Tests/LibWeb/Ref/expected/position-sticky-right-ref.html
diff --git a/Tests/LibWeb/Ref/reference/position-sticky-should-stay-within-containing-block-ref.html b/Tests/LibWeb/Ref/expected/position-sticky-should-stay-within-containing-block-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/position-sticky-should-stay-within-containing-block-ref.html
rename to Tests/LibWeb/Ref/expected/position-sticky-should-stay-within-containing-block-ref.html
diff --git a/Tests/LibWeb/Ref/reference/position-sticky-top-ref.html b/Tests/LibWeb/Ref/expected/position-sticky-top-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/position-sticky-top-ref.html
rename to Tests/LibWeb/Ref/expected/position-sticky-top-ref.html
diff --git a/Tests/LibWeb/Ref/reference/positioned-elements-in-scroll-container-ref.html b/Tests/LibWeb/Ref/expected/positioned-elements-in-scroll-container-ref.html
similarity index 96%
rename from Tests/LibWeb/Ref/reference/positioned-elements-in-scroll-container-ref.html
rename to Tests/LibWeb/Ref/expected/positioned-elements-in-scroll-container-ref.html
index 17f63ff9c04..42f46bc0140 100644
--- a/Tests/LibWeb/Ref/reference/positioned-elements-in-scroll-container-ref.html
+++ b/Tests/LibWeb/Ref/expected/positioned-elements-in-scroll-container-ref.html
@@ -1,5 +1,5 @@
 <html>
-<link rel="match" href="reference/positioned-elements-in-scroll-container-ref.html" />
+<link rel="match" href="../expected/positioned-elements-in-scroll-container-ref.html" />
 <style>
     * {
         margin: 0;
diff --git a/Tests/LibWeb/Ref/reference/resolve-paint-only-properties-after-layout-ref.html b/Tests/LibWeb/Ref/expected/resolve-paint-only-properties-after-layout-ref.html
similarity index 66%
rename from Tests/LibWeb/Ref/reference/resolve-paint-only-properties-after-layout-ref.html
rename to Tests/LibWeb/Ref/expected/resolve-paint-only-properties-after-layout-ref.html
index c8870ad2e72..ae7de377206 100644
--- a/Tests/LibWeb/Ref/reference/resolve-paint-only-properties-after-layout-ref.html
+++ b/Tests/LibWeb/Ref/expected/resolve-paint-only-properties-after-layout-ref.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/resolve-paint-only-properties-after-layout-ref.html" />
+<link rel="match" href="../expected/resolve-paint-only-properties-after-layout-ref.html" />
 <style>
     #box {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/reference/scroll-iframe-ref.html b/Tests/LibWeb/Ref/expected/scroll-iframe-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scroll-iframe-ref.html
rename to Tests/LibWeb/Ref/expected/scroll-iframe-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scroll-using-mousewheel-event-ref.html b/Tests/LibWeb/Ref/expected/scroll-using-mousewheel-event-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scroll-using-mousewheel-event-ref.html
rename to Tests/LibWeb/Ref/expected/scroll-using-mousewheel-event-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-box-with-nested-stacking-context-ref.html b/Tests/LibWeb/Ref/expected/scrollable-box-with-nested-stacking-context-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrollable-box-with-nested-stacking-context-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-box-with-nested-stacking-context-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-box-with-gradient-background-ref.html b/Tests/LibWeb/Ref/expected/scrollable-contains-box-with-gradient-background-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrollable-contains-box-with-gradient-background-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-contains-box-with-gradient-background-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-1-ref.html b/Tests/LibWeb/Ref/expected/scrollable-contains-boxes-with-hidden-overflow-1-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-1-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-contains-boxes-with-hidden-overflow-1-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html b/Tests/LibWeb/Ref/expected/scrollable-contains-boxes-with-hidden-overflow-2-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-contains-boxes-with-hidden-overflow-2-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html b/Tests/LibWeb/Ref/expected/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-iframe-ref.html b/Tests/LibWeb/Ref/expected/scrollable-contains-iframe-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrollable-contains-iframe-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-contains-iframe-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-rotated-boxes-ref.html b/Tests/LibWeb/Ref/expected/scrollable-contains-rotated-boxes-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrollable-contains-rotated-boxes-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-contains-rotated-boxes-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-table-ref.html b/Tests/LibWeb/Ref/expected/scrollable-contains-table-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrollable-contains-table-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-contains-table-ref.html
diff --git a/Tests/LibWeb/Ref/reference/scrollable-content-inside-fixed-position-box-ref.html b/Tests/LibWeb/Ref/expected/scrollable-content-inside-fixed-position-box-ref.html
similarity index 92%
rename from Tests/LibWeb/Ref/reference/scrollable-content-inside-fixed-position-box-ref.html
rename to Tests/LibWeb/Ref/expected/scrollable-content-inside-fixed-position-box-ref.html
index 53cd4c54aa7..020d38f6f6e 100644
--- a/Tests/LibWeb/Ref/reference/scrollable-content-inside-fixed-position-box-ref.html
+++ b/Tests/LibWeb/Ref/expected/scrollable-content-inside-fixed-position-box-ref.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrollable-content-inside-fixed-position-box-ref.html" />
+<link rel="match" href="../expected/scrollable-content-inside-fixed-position-box-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/reference/scrolled-text-with-clipped-corners-ref.html b/Tests/LibWeb/Ref/expected/scrolled-text-with-clipped-corners-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/scrolled-text-with-clipped-corners-ref.html
rename to Tests/LibWeb/Ref/expected/scrolled-text-with-clipped-corners-ref.html
diff --git a/Tests/LibWeb/Ref/reference/separate-borders-ref.html b/Tests/LibWeb/Ref/expected/separate-borders-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/separate-borders-ref.html
rename to Tests/LibWeb/Ref/expected/separate-borders-ref.html
diff --git a/Tests/LibWeb/Ref/reference/simple-svg-mask-ref.html b/Tests/LibWeb/Ref/expected/simple-svg-mask-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/simple-svg-mask-ref.html
rename to Tests/LibWeb/Ref/expected/simple-svg-mask-ref.html
diff --git a/Tests/LibWeb/Ref/reference/space-glyph-width-ref.html b/Tests/LibWeb/Ref/expected/space-glyph-width-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/space-glyph-width-ref.html
rename to Tests/LibWeb/Ref/expected/space-glyph-width-ref.html
diff --git a/Tests/LibWeb/Ref/reference/square-ref.html b/Tests/LibWeb/Ref/expected/square-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/square-ref.html
rename to Tests/LibWeb/Ref/expected/square-ref.html
diff --git a/Tests/LibWeb/Ref/reference/sticky-box-with-percentage-insets-ref.html b/Tests/LibWeb/Ref/expected/sticky-box-with-percentage-insets-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/sticky-box-with-percentage-insets-ref.html
rename to Tests/LibWeb/Ref/expected/sticky-box-with-percentage-insets-ref.html
diff --git a/Tests/LibWeb/Ref/reference/sticky-positioned-box-with-border-ref.html b/Tests/LibWeb/Ref/expected/sticky-positioned-box-with-border-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/sticky-positioned-box-with-border-ref.html
rename to Tests/LibWeb/Ref/expected/sticky-positioned-box-with-border-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-clipPathUnits.html b/Tests/LibWeb/Ref/expected/svg-clipPathUnits.html
similarity index 92%
rename from Tests/LibWeb/Ref/reference/svg-clipPathUnits.html
rename to Tests/LibWeb/Ref/expected/svg-clipPathUnits.html
index ce4bf8f9519..6214c901ca9 100644
--- a/Tests/LibWeb/Ref/reference/svg-clipPathUnits.html
+++ b/Tests/LibWeb/Ref/expected/svg-clipPathUnits.html
@@ -1,5 +1,5 @@
 <svg width="200" viewBox="0 0 100 100">
-  <link rel="match" href="reference/svg-maskContentUnits-ref.html" />
+  <link rel="match" href="../expected/svg-maskContentUnits-ref.html" />
   <clipPath id="myClip1" clipPathUnits="userSpaceOnUse">
     <circle cx="50" cy="50" r="35" />
   </clipPath>
diff --git a/Tests/LibWeb/Ref/reference/svg-display-attr.html b/Tests/LibWeb/Ref/expected/svg-display-attr.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-display-attr.html
rename to Tests/LibWeb/Ref/expected/svg-display-attr.html
diff --git a/Tests/LibWeb/Ref/reference/svg-file-matches-html-file.html b/Tests/LibWeb/Ref/expected/svg-file-matches-html-file.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-file-matches-html-file.html
rename to Tests/LibWeb/Ref/expected/svg-file-matches-html-file.html
diff --git a/Tests/LibWeb/Ref/reference/svg-image-positioning-ref.html b/Tests/LibWeb/Ref/expected/svg-image-positioning-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-image-positioning-ref.html
rename to Tests/LibWeb/Ref/expected/svg-image-positioning-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-inside-scroll-container-ref.html b/Tests/LibWeb/Ref/expected/svg-inside-scroll-container-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-inside-scroll-container-ref.html
rename to Tests/LibWeb/Ref/expected/svg-inside-scroll-container-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-invalid-number-arguments-ref.html b/Tests/LibWeb/Ref/expected/svg-invalid-number-arguments-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-invalid-number-arguments-ref.html
rename to Tests/LibWeb/Ref/expected/svg-invalid-number-arguments-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-non-local-clip-path-display-none-ref.html b/Tests/LibWeb/Ref/expected/svg-non-local-clip-path-display-none-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-non-local-clip-path-display-none-ref.html
rename to Tests/LibWeb/Ref/expected/svg-non-local-clip-path-display-none-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-overflow-hidden-ref.html b/Tests/LibWeb/Ref/expected/svg-overflow-hidden-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-overflow-hidden-ref.html
rename to Tests/LibWeb/Ref/expected/svg-overflow-hidden-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-overflow-visible-ref.html b/Tests/LibWeb/Ref/expected/svg-overflow-visible-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-overflow-visible-ref.html
rename to Tests/LibWeb/Ref/expected/svg-overflow-visible-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-path-incomplete-args-ref.html b/Tests/LibWeb/Ref/expected/svg-path-incomplete-args-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-path-incomplete-args-ref.html
rename to Tests/LibWeb/Ref/expected/svg-path-incomplete-args-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-polygon-with-incomplete-points-ref.html b/Tests/LibWeb/Ref/expected/svg-polygon-with-incomplete-points-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-polygon-with-incomplete-points-ref.html
rename to Tests/LibWeb/Ref/expected/svg-polygon-with-incomplete-points-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-symbol-ref.html b/Tests/LibWeb/Ref/expected/svg-symbol-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-symbol-ref.html
rename to Tests/LibWeb/Ref/expected/svg-symbol-ref.html
diff --git a/Tests/LibWeb/Ref/reference/svg-use-defined-earlier.html b/Tests/LibWeb/Ref/expected/svg-use-defined-earlier.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/svg-use-defined-earlier.html
rename to Tests/LibWeb/Ref/expected/svg-use-defined-earlier.html
diff --git a/Tests/LibWeb/Ref/reference/text-decoration-in-anonymous-wrapper-ref.html b/Tests/LibWeb/Ref/expected/text-decoration-in-anonymous-wrapper-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/text-decoration-in-anonymous-wrapper-ref.html
rename to Tests/LibWeb/Ref/expected/text-decoration-in-anonymous-wrapper-ref.html
diff --git a/Tests/LibWeb/Ref/reference/text-div.html b/Tests/LibWeb/Ref/expected/text-div.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/text-div.html
rename to Tests/LibWeb/Ref/expected/text-div.html
diff --git a/Tests/LibWeb/Ref/reference/text-overflow.html b/Tests/LibWeb/Ref/expected/text-overflow.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/text-overflow.html
rename to Tests/LibWeb/Ref/expected/text-overflow.html
diff --git a/Tests/LibWeb/Ref/reference/textnode-segmenter-invalidation.html b/Tests/LibWeb/Ref/expected/textnode-segmenter-invalidation.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/textnode-segmenter-invalidation.html
rename to Tests/LibWeb/Ref/expected/textnode-segmenter-invalidation.html
diff --git a/Tests/LibWeb/Ref/reference/transform-2d-translate-ref.html b/Tests/LibWeb/Ref/expected/transform-2d-translate-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/transform-2d-translate-ref.html
rename to Tests/LibWeb/Ref/expected/transform-2d-translate-ref.html
diff --git a/Tests/LibWeb/Ref/reference/transform-box-ref.html b/Tests/LibWeb/Ref/expected/transform-box-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/transform-box-ref.html
rename to Tests/LibWeb/Ref/expected/transform-box-ref.html
diff --git a/Tests/LibWeb/Ref/reference/transform-calc-length-percentage-ref.html b/Tests/LibWeb/Ref/expected/transform-calc-length-percentage-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/transform-calc-length-percentage-ref.html
rename to Tests/LibWeb/Ref/expected/transform-calc-length-percentage-ref.html
diff --git a/Tests/LibWeb/Ref/reference/unicode-range-ref.html b/Tests/LibWeb/Ref/expected/unicode-range-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/unicode-range-ref.html
rename to Tests/LibWeb/Ref/expected/unicode-range-ref.html
diff --git a/Tests/LibWeb/Ref/reference/webkit-box-shadow.html b/Tests/LibWeb/Ref/expected/webkit-box-shadow.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/webkit-box-shadow.html
rename to Tests/LibWeb/Ref/expected/webkit-box-shadow.html
diff --git a/Tests/LibWeb/Ref/reference/webkit-text-fill-color.html b/Tests/LibWeb/Ref/expected/webkit-text-fill-color.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/webkit-text-fill-color.html
rename to Tests/LibWeb/Ref/expected/webkit-text-fill-color.html
diff --git a/Tests/LibWeb/Ref/reference/z-index-should-not-affect-svg-painting-order-ref.html b/Tests/LibWeb/Ref/expected/z-index-should-not-affect-svg-painting-order-ref.html
similarity index 100%
rename from Tests/LibWeb/Ref/reference/z-index-should-not-affect-svg-painting-order-ref.html
rename to Tests/LibWeb/Ref/expected/z-index-should-not-affect-svg-painting-order-ref.html
diff --git a/Tests/LibWeb/Ref/abspos-escapes-scroll-container.html b/Tests/LibWeb/Ref/input/abspos-escapes-scroll-container.html
similarity index 88%
rename from Tests/LibWeb/Ref/abspos-escapes-scroll-container.html
rename to Tests/LibWeb/Ref/input/abspos-escapes-scroll-container.html
index 92a87e02000..3df84375994 100644
--- a/Tests/LibWeb/Ref/abspos-escapes-scroll-container.html
+++ b/Tests/LibWeb/Ref/input/abspos-escapes-scroll-container.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/abspos-escapes-scroll-container-ref.html" />
+<link rel="match" href="../expected/abspos-escapes-scroll-container-ref.html" />
 <style>
 #scrollable-box {
     width: 300px;
diff --git a/Tests/LibWeb/Ref/abspos-z-index-painting-order.html b/Tests/LibWeb/Ref/input/abspos-z-index-painting-order.html
similarity index 77%
rename from Tests/LibWeb/Ref/abspos-z-index-painting-order.html
rename to Tests/LibWeb/Ref/input/abspos-z-index-painting-order.html
index 7a6c7f92389..83f283f34b5 100644
--- a/Tests/LibWeb/Ref/abspos-z-index-painting-order.html
+++ b/Tests/LibWeb/Ref/input/abspos-z-index-painting-order.html
@@ -1,4 +1,4 @@
-<!doctype html><link rel="match" href="reference/abspos-z-index-painting-order-ref.html" /><style>
+<!doctype html><link rel="match" href="../expected/abspos-z-index-painting-order-ref.html" /><style>
 * {
     font-size: 60px;
 }
diff --git a/Tests/LibWeb/Ref/alternative-style-sheets.html b/Tests/LibWeb/Ref/input/alternative-style-sheets.html
similarity index 83%
rename from Tests/LibWeb/Ref/alternative-style-sheets.html
rename to Tests/LibWeb/Ref/input/alternative-style-sheets.html
index 30b382317b8..a589309373a 100644
--- a/Tests/LibWeb/Ref/alternative-style-sheets.html
+++ b/Tests/LibWeb/Ref/input/alternative-style-sheets.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/alternative-style-sheets-ref.html" />
+<link rel="match" href="../expected/alternative-style-sheets-ref.html" />
 <link title="preferred" rel="stylesheet" href="data:text/css,html { background: green }">
 <!-- These alternative style sheets shouldn't be applied -->
 <link title="alternative" rel="alternate stylesheet" href="data:text/css,html { background: red !important }">
diff --git a/Tests/LibWeb/Ref/anonymous-wrapper-css-visibility.html b/Tests/LibWeb/Ref/input/anonymous-wrapper-css-visibility.html
similarity index 65%
rename from Tests/LibWeb/Ref/anonymous-wrapper-css-visibility.html
rename to Tests/LibWeb/Ref/input/anonymous-wrapper-css-visibility.html
index 08cd11b3d30..d7d82dea0bf 100644
--- a/Tests/LibWeb/Ref/anonymous-wrapper-css-visibility.html
+++ b/Tests/LibWeb/Ref/input/anonymous-wrapper-css-visibility.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/anonymous-wrapper-css-visibility-ref.html" />
+<link rel="match" href="../expected/anonymous-wrapper-css-visibility-ref.html" />
 <style>
 body {
   visibility: hidden;
diff --git a/Tests/LibWeb/Ref/background-clip-text-inside-scrollable.html b/Tests/LibWeb/Ref/input/background-clip-text-inside-scrollable.html
similarity index 87%
rename from Tests/LibWeb/Ref/background-clip-text-inside-scrollable.html
rename to Tests/LibWeb/Ref/input/background-clip-text-inside-scrollable.html
index 98de81eeaa1..9651ba2cc83 100644
--- a/Tests/LibWeb/Ref/background-clip-text-inside-scrollable.html
+++ b/Tests/LibWeb/Ref/input/background-clip-text-inside-scrollable.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/background-clip-text-inside-scrollable-ref.html" />
+<link rel="match" href="../expected/background-clip-text-inside-scrollable-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/background-clip-text.html b/Tests/LibWeb/Ref/input/background-clip-text.html
similarity index 79%
rename from Tests/LibWeb/Ref/background-clip-text.html
rename to Tests/LibWeb/Ref/input/background-clip-text.html
index 7ea7a4d9145..e5abea5e339 100644
--- a/Tests/LibWeb/Ref/background-clip-text.html
+++ b/Tests/LibWeb/Ref/input/background-clip-text.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/background-clip-text-ref.html" />
+<link rel="match" href="../expected/background-clip-text-ref.html" />
 <style>
 * { outline: 1px solid black; font-size: 100px; }
 .overflow-hidden {
diff --git a/Tests/LibWeb/Ref/background-size-calc.html b/Tests/LibWeb/Ref/input/background-size-calc.html
similarity index 54%
rename from Tests/LibWeb/Ref/background-size-calc.html
rename to Tests/LibWeb/Ref/input/background-size-calc.html
index 2ad3ee97c80..e4630ba0139 100644
--- a/Tests/LibWeb/Ref/background-size-calc.html
+++ b/Tests/LibWeb/Ref/input/background-size-calc.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <link rel="match" href="reference/background-size-calc-ref.html" />
+    <link rel="match" href="../expected/background-size-calc-ref.html" />
     <style>
         span {
             display: inline-block;
             min-width: 12px;
             min-height: 12px;
-            background-image: url("assets/2x2checkerboard.png");
+            background-image: url("../data/2x2checkerboard.png");
             background-size: calc(max(0.75em, 12px));
         }
     </style>
 </head>
-<body><span></span><img src="assets/2x2checkerboard.png">
+<body><span></span><img src="../data/2x2checkerboard.png">
diff --git a/Tests/LibWeb/Ref/input/body-link-attribute.html b/Tests/LibWeb/Ref/input/body-link-attribute.html
new file mode 100644
index 00000000000..f84c3228765
--- /dev/null
+++ b/Tests/LibWeb/Ref/input/body-link-attribute.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<link rel="match" href="../expected/body-link-attribute-ref.html" />
+<body link="#FF0000">
+<a href="about:blank">link
diff --git a/Tests/LibWeb/Ref/border-radius-shrink-zero-sized-box.html b/Tests/LibWeb/Ref/input/border-radius-shrink-zero-sized-box.html
similarity index 62%
rename from Tests/LibWeb/Ref/border-radius-shrink-zero-sized-box.html
rename to Tests/LibWeb/Ref/input/border-radius-shrink-zero-sized-box.html
index 5bdae7aadde..4a439a5d0ad 100644
--- a/Tests/LibWeb/Ref/border-radius-shrink-zero-sized-box.html
+++ b/Tests/LibWeb/Ref/input/border-radius-shrink-zero-sized-box.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/border-radius-shrink-zero-sized-box-ref.html" />
+<link rel="match" href="../expected/border-radius-shrink-zero-sized-box-ref.html" />
 <style>
   #test {
     background-color: red;
diff --git a/Tests/LibWeb/Ref/border-radius-with-padding.html b/Tests/LibWeb/Ref/input/border-radius-with-padding.html
similarity index 71%
rename from Tests/LibWeb/Ref/border-radius-with-padding.html
rename to Tests/LibWeb/Ref/input/border-radius-with-padding.html
index 3e1d64d4287..a86c7859e6f 100644
--- a/Tests/LibWeb/Ref/border-radius-with-padding.html
+++ b/Tests/LibWeb/Ref/input/border-radius-with-padding.html
@@ -1,5 +1,5 @@
 <!doctype html><head>
-<link rel="match" href="reference/border-radius-with-padding-ref.html" />
+<link rel="match" href="../expected/border-radius-with-padding-ref.html" />
 <style type="text/css">
     div {
         border: 1px solid black;
diff --git a/Tests/LibWeb/Ref/box-with-transform-should-be-above-other-boxes.html b/Tests/LibWeb/Ref/input/box-with-transform-should-be-above-other-boxes.html
similarity index 78%
rename from Tests/LibWeb/Ref/box-with-transform-should-be-above-other-boxes.html
rename to Tests/LibWeb/Ref/input/box-with-transform-should-be-above-other-boxes.html
index 4ec10cf72a2..de7f08f5bc4 100644
--- a/Tests/LibWeb/Ref/box-with-transform-should-be-above-other-boxes.html
+++ b/Tests/LibWeb/Ref/input/box-with-transform-should-be-above-other-boxes.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/box-with-transform-should-be-above-other-boxes-ref.html" />
+<link rel="match" href="../expected/box-with-transform-should-be-above-other-boxes-ref.html" />
 <style>
 * { outline: 1px solid black; }
 body { width: 300px; }
diff --git a/Tests/LibWeb/Ref/box-without-scrollable-overflow-should-not-consume-scroll-events.html b/Tests/LibWeb/Ref/input/box-without-scrollable-overflow-should-not-consume-scroll-events.html
similarity index 82%
rename from Tests/LibWeb/Ref/box-without-scrollable-overflow-should-not-consume-scroll-events.html
rename to Tests/LibWeb/Ref/input/box-without-scrollable-overflow-should-not-consume-scroll-events.html
index f7f1bcb9156..914887b8a9d 100644
--- a/Tests/LibWeb/Ref/box-without-scrollable-overflow-should-not-consume-scroll-events.html
+++ b/Tests/LibWeb/Ref/input/box-without-scrollable-overflow-should-not-consume-scroll-events.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/box-without-scrollable-overflow-should-not-consume-scroll-events-ref.html" />
+<link rel="match" href="../expected/box-without-scrollable-overflow-should-not-consume-scroll-events-ref.html" />
 <style>
     .item {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/button-inside-scroll-container.html b/Tests/LibWeb/Ref/input/button-inside-scroll-container.html
similarity index 91%
rename from Tests/LibWeb/Ref/button-inside-scroll-container.html
rename to Tests/LibWeb/Ref/input/button-inside-scroll-container.html
index 06f9bfdd4d1..dcc16d00d92 100644
--- a/Tests/LibWeb/Ref/button-inside-scroll-container.html
+++ b/Tests/LibWeb/Ref/input/button-inside-scroll-container.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/button-inside-scroll-container-ref.html" />
+<link rel="match" href="../expected/button-inside-scroll-container-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/calc-border-radius.html b/Tests/LibWeb/Ref/input/calc-border-radius.html
similarity index 81%
rename from Tests/LibWeb/Ref/calc-border-radius.html
rename to Tests/LibWeb/Ref/input/calc-border-radius.html
index 8f38cf113b0..f94a95898d4 100644
--- a/Tests/LibWeb/Ref/calc-border-radius.html
+++ b/Tests/LibWeb/Ref/input/calc-border-radius.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <link rel="match" href="reference/calc-border-radius-ref.html" />
+    <link rel="match" href="../expected/calc-border-radius-ref.html" />
     <style>
         .box {
             width: 200px;
diff --git a/Tests/LibWeb/Ref/change-opacity.html b/Tests/LibWeb/Ref/input/change-opacity.html
similarity index 79%
rename from Tests/LibWeb/Ref/change-opacity.html
rename to Tests/LibWeb/Ref/input/change-opacity.html
index 3ef454a9233..c0b5814bfc9 100644
--- a/Tests/LibWeb/Ref/change-opacity.html
+++ b/Tests/LibWeb/Ref/input/change-opacity.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/change-opacity-ref.html" />
+<link rel="match" href="../expected/change-opacity-ref.html" />
 <style>
     #box {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/clip-abspos-children.html b/Tests/LibWeb/Ref/input/clip-abspos-children.html
similarity index 87%
rename from Tests/LibWeb/Ref/clip-abspos-children.html
rename to Tests/LibWeb/Ref/input/clip-abspos-children.html
index 23691b6be39..b52f4a658c7 100644
--- a/Tests/LibWeb/Ref/clip-abspos-children.html
+++ b/Tests/LibWeb/Ref/input/clip-abspos-children.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/clip-abspos-children-ref.html" />
+<link rel="match" href="../expected/clip-abspos-children-ref.html" />
 <style type="text/css">
     * {
         background-color: white;
diff --git a/Tests/LibWeb/Ref/clip-border-radius-with-css-transform.html b/Tests/LibWeb/Ref/input/clip-border-radius-with-css-transform.html
similarity index 87%
rename from Tests/LibWeb/Ref/clip-border-radius-with-css-transform.html
rename to Tests/LibWeb/Ref/input/clip-border-radius-with-css-transform.html
index 1e843365038..fd171609814 100644
--- a/Tests/LibWeb/Ref/clip-border-radius-with-css-transform.html
+++ b/Tests/LibWeb/Ref/input/clip-border-radius-with-css-transform.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/clip-border-radius-with-css-transform-ref.html" />
+<link rel="match" href="../expected/clip-border-radius-with-css-transform-ref.html" />
 <style>
   * {
     margin: 0;
diff --git a/Tests/LibWeb/Ref/clip.html b/Tests/LibWeb/Ref/input/clip.html
similarity index 87%
rename from Tests/LibWeb/Ref/clip.html
rename to Tests/LibWeb/Ref/input/clip.html
index 149a74d7dda..89a138399e8 100644
--- a/Tests/LibWeb/Ref/clip.html
+++ b/Tests/LibWeb/Ref/input/clip.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/clip-ref.html" />
+<link rel="match" href="../expected/clip-ref.html" />
 <style type="text/css">
     * {
         background-color: white;
diff --git a/Tests/LibWeb/Ref/color-hsl.html b/Tests/LibWeb/Ref/input/color-hsl.html
similarity index 96%
rename from Tests/LibWeb/Ref/color-hsl.html
rename to Tests/LibWeb/Ref/input/color-hsl.html
index ee8507a95e9..91f22ef2f51 100644
--- a/Tests/LibWeb/Ref/color-hsl.html
+++ b/Tests/LibWeb/Ref/input/color-hsl.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/color-hsl-ref.html" />
+<link rel="match" href="../expected/color-hsl-ref.html" />
 <style>
     div {
         width: 200px;
diff --git a/Tests/LibWeb/Ref/color-hwb.html b/Tests/LibWeb/Ref/input/color-hwb.html
similarity index 92%
rename from Tests/LibWeb/Ref/color-hwb.html
rename to Tests/LibWeb/Ref/input/color-hwb.html
index 3861d11721c..ee25af56b82 100644
--- a/Tests/LibWeb/Ref/color-hwb.html
+++ b/Tests/LibWeb/Ref/input/color-hwb.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/color-hwb-ref.html" />
+<link rel="match" href="../expected/color-hwb-ref.html" />
 <style>
     div {
         width: 200px;
diff --git a/Tests/LibWeb/Ref/color-oklab.html b/Tests/LibWeb/Ref/input/color-oklab.html
similarity index 91%
rename from Tests/LibWeb/Ref/color-oklab.html
rename to Tests/LibWeb/Ref/input/color-oklab.html
index a3463a55644..9154baa8112 100644
--- a/Tests/LibWeb/Ref/color-oklab.html
+++ b/Tests/LibWeb/Ref/input/color-oklab.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/color-oklab-ref.html" />
+<link rel="match" href="../expected/color-oklab-ref.html" />
 <style>
     div {
         width: 200px;
diff --git a/Tests/LibWeb/Ref/color-oklch.html b/Tests/LibWeb/Ref/input/color-oklch.html
similarity index 91%
rename from Tests/LibWeb/Ref/color-oklch.html
rename to Tests/LibWeb/Ref/input/color-oklch.html
index 4b56df1a5b2..f6b3f0d9a6c 100644
--- a/Tests/LibWeb/Ref/color-oklch.html
+++ b/Tests/LibWeb/Ref/input/color-oklch.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/color-oklch-ref.html" />
+<link rel="match" href="../expected/color-oklch-ref.html" />
 <style>
     div {
         width: 200px;
diff --git a/Tests/LibWeb/Ref/color-rgb.html b/Tests/LibWeb/Ref/input/color-rgb.html
similarity index 86%
rename from Tests/LibWeb/Ref/color-rgb.html
rename to Tests/LibWeb/Ref/input/color-rgb.html
index 0bc2345e11d..44a68baa586 100644
--- a/Tests/LibWeb/Ref/color-rgb.html
+++ b/Tests/LibWeb/Ref/input/color-rgb.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/color-rgb-ref.html" />
+<link rel="match" href="../expected/color-rgb-ref.html" />
 <style>
     div {
         width: 200px;
diff --git a/Tests/LibWeb/Ref/corner-clip-inside-scrollable.html b/Tests/LibWeb/Ref/input/corner-clip-inside-scrollable.html
similarity index 90%
rename from Tests/LibWeb/Ref/corner-clip-inside-scrollable.html
rename to Tests/LibWeb/Ref/input/corner-clip-inside-scrollable.html
index a175ba9ea4d..ce7d575ba88 100644
--- a/Tests/LibWeb/Ref/corner-clip-inside-scrollable.html
+++ b/Tests/LibWeb/Ref/input/corner-clip-inside-scrollable.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/corner-clip-inside-scrollable-ref.html" />
+<link rel="match" href="../expected/corner-clip-inside-scrollable-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/css-any-link-selector.html b/Tests/LibWeb/Ref/input/css-any-link-selector.html
similarity index 56%
rename from Tests/LibWeb/Ref/css-any-link-selector.html
rename to Tests/LibWeb/Ref/input/css-any-link-selector.html
index 34424db93c9..dd9a1fdca1d 100644
--- a/Tests/LibWeb/Ref/css-any-link-selector.html
+++ b/Tests/LibWeb/Ref/input/css-any-link-selector.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/css-any-link-selector-ref.html" />
+<link rel="match" href="../expected/css-any-link-selector-ref.html" />
 <style>
     :any-link {
         color: orange;
diff --git a/Tests/LibWeb/Ref/css-attr-basic.html b/Tests/LibWeb/Ref/input/css-attr-basic.html
similarity index 71%
rename from Tests/LibWeb/Ref/css-attr-basic.html
rename to Tests/LibWeb/Ref/input/css-attr-basic.html
index f0672790848..104de3fa8bb 100644
--- a/Tests/LibWeb/Ref/css-attr-basic.html
+++ b/Tests/LibWeb/Ref/input/css-attr-basic.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/text-div.html" />
+<link rel="match" href="../expected/text-div.html" />
 <style>
     .foo::before {
         content: attr(bar);
diff --git a/Tests/LibWeb/Ref/css-attr-fallback.html b/Tests/LibWeb/Ref/input/css-attr-fallback.html
similarity index 71%
rename from Tests/LibWeb/Ref/css-attr-fallback.html
rename to Tests/LibWeb/Ref/input/css-attr-fallback.html
index a0cdf8cd951..9fab1803a7c 100644
--- a/Tests/LibWeb/Ref/css-attr-fallback.html
+++ b/Tests/LibWeb/Ref/input/css-attr-fallback.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/text-div.html" />
+<link rel="match" href="../expected/text-div.html" />
 <style>
     .foo::before {
         content: attr(bar, "Well, hello friends!");
diff --git a/Tests/LibWeb/Ref/css-attr-typed-fallback.html b/Tests/LibWeb/Ref/input/css-attr-typed-fallback.html
similarity index 91%
rename from Tests/LibWeb/Ref/css-attr-typed-fallback.html
rename to Tests/LibWeb/Ref/input/css-attr-typed-fallback.html
index 949b020c7ea..d1870596912 100644
--- a/Tests/LibWeb/Ref/css-attr-typed-fallback.html
+++ b/Tests/LibWeb/Ref/input/css-attr-typed-fallback.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-attr-typed-ref.html" />
+<link rel="match" href="../expected/css-attr-typed-ref.html" />
 <style>
     div {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/css-attr-typed.html b/Tests/LibWeb/Ref/input/css-attr-typed.html
similarity index 89%
rename from Tests/LibWeb/Ref/css-attr-typed.html
rename to Tests/LibWeb/Ref/input/css-attr-typed.html
index 58ee1944fd8..dd92ef810a3 100644
--- a/Tests/LibWeb/Ref/css-attr-typed.html
+++ b/Tests/LibWeb/Ref/input/css-attr-typed.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-attr-typed-ref.html" />
+<link rel="match" href="../expected/css-attr-typed-ref.html" />
 <style>
     div {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/css-case-insensitive-html-attributes-selector.html b/Tests/LibWeb/Ref/input/css-case-insensitive-html-attributes-selector.html
similarity index 78%
rename from Tests/LibWeb/Ref/css-case-insensitive-html-attributes-selector.html
rename to Tests/LibWeb/Ref/input/css-case-insensitive-html-attributes-selector.html
index c1c0a299117..43885865101 100644
--- a/Tests/LibWeb/Ref/css-case-insensitive-html-attributes-selector.html
+++ b/Tests/LibWeb/Ref/input/css-case-insensitive-html-attributes-selector.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-case-insensitive-html-attributes-selector-ref.html" />
+<link rel="match" href="../expected/css-case-insensitive-html-attributes-selector-ref.html" />
 <style>
     div[type=one] { /* 'type' is a case-insensitive html attribute */
         background: red;
diff --git a/Tests/LibWeb/Ref/css-functional-unknown-webkit-pseudo-element.html b/Tests/LibWeb/Ref/input/css-functional-unknown-webkit-pseudo-element.html
similarity index 76%
rename from Tests/LibWeb/Ref/css-functional-unknown-webkit-pseudo-element.html
rename to Tests/LibWeb/Ref/input/css-functional-unknown-webkit-pseudo-element.html
index 6d88d2cf0d7..210eb9e5af0 100644
--- a/Tests/LibWeb/Ref/css-functional-unknown-webkit-pseudo-element.html
+++ b/Tests/LibWeb/Ref/input/css-functional-unknown-webkit-pseudo-element.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/text-div.html" />
+<link rel="match" href="../expected/text-div.html" />
 <style>
   * {
     visibility: visible;
diff --git a/Tests/LibWeb/Ref/css-gradient-currentcolor.html b/Tests/LibWeb/Ref/input/css-gradient-currentcolor.html
similarity index 71%
rename from Tests/LibWeb/Ref/css-gradient-currentcolor.html
rename to Tests/LibWeb/Ref/input/css-gradient-currentcolor.html
index 259c8a5b92f..12695b5e9b3 100644
--- a/Tests/LibWeb/Ref/css-gradient-currentcolor.html
+++ b/Tests/LibWeb/Ref/input/css-gradient-currentcolor.html
@@ -1,5 +1,5 @@
 <html>
-<link rel="match" href="reference/css-gradient-currentcolor-ref.html" />
+<link rel="match" href="../expected/css-gradient-currentcolor-ref.html" />
 <style>
     div {
         color: green;
diff --git a/Tests/LibWeb/Ref/css-has-compound.html b/Tests/LibWeb/Ref/input/css-has-compound.html
similarity index 85%
rename from Tests/LibWeb/Ref/css-has-compound.html
rename to Tests/LibWeb/Ref/input/css-has-compound.html
index 0ebd135407b..5e809f10b0f 100644
--- a/Tests/LibWeb/Ref/css-has-compound.html
+++ b/Tests/LibWeb/Ref/input/css-has-compound.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-has-compound.html" />
+<link rel="match" href="../expected/css-has-compound.html" />
 <style>
     a:has(span.nice > em) {
         color: orange;
diff --git a/Tests/LibWeb/Ref/css-has-descendant.html b/Tests/LibWeb/Ref/input/css-has-descendant.html
similarity index 74%
rename from Tests/LibWeb/Ref/css-has-descendant.html
rename to Tests/LibWeb/Ref/input/css-has-descendant.html
index ebce7534684..7021f5ab24b 100644
--- a/Tests/LibWeb/Ref/css-has-descendant.html
+++ b/Tests/LibWeb/Ref/input/css-has-descendant.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-has-descendant.html" />
+<link rel="match" href="../expected/css-has-descendant.html" />
 <style>
     a:has(span) {
         color: orange;
diff --git a/Tests/LibWeb/Ref/css-has-direct-child.html b/Tests/LibWeb/Ref/input/css-has-direct-child.html
similarity index 74%
rename from Tests/LibWeb/Ref/css-has-direct-child.html
rename to Tests/LibWeb/Ref/input/css-has-direct-child.html
index a847f3ecbf0..f74692f82fd 100644
--- a/Tests/LibWeb/Ref/css-has-direct-child.html
+++ b/Tests/LibWeb/Ref/input/css-has-direct-child.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-has-direct-child.html" />
+<link rel="match" href="../expected/css-has-direct-child.html" />
 <style>
     a:has(> span) {
         color: orange;
diff --git a/Tests/LibWeb/Ref/css-has-next-sibling.html b/Tests/LibWeb/Ref/input/css-has-next-sibling.html
similarity index 82%
rename from Tests/LibWeb/Ref/css-has-next-sibling.html
rename to Tests/LibWeb/Ref/input/css-has-next-sibling.html
index 9416d677dc3..d55d28e8f7e 100644
--- a/Tests/LibWeb/Ref/css-has-next-sibling.html
+++ b/Tests/LibWeb/Ref/input/css-has-next-sibling.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-has-next-sibling.html" />
+<link rel="match" href="../expected/css-has-next-sibling.html" />
 <style>
     a:has(+ span) {
         color: orange;
diff --git a/Tests/LibWeb/Ref/css-has-subsequent-sibling.html b/Tests/LibWeb/Ref/input/css-has-subsequent-sibling.html
similarity index 83%
rename from Tests/LibWeb/Ref/css-has-subsequent-sibling.html
rename to Tests/LibWeb/Ref/input/css-has-subsequent-sibling.html
index dc87bf6d074..df246434ef9 100644
--- a/Tests/LibWeb/Ref/css-has-subsequent-sibling.html
+++ b/Tests/LibWeb/Ref/input/css-has-subsequent-sibling.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-has-subsequent-sibling.html" />
+<link rel="match" href="../expected/css-has-subsequent-sibling.html" />
 <style>
     a:has(~ span) {
         color: orange;
diff --git a/Tests/LibWeb/Ref/css-invalid-var.html b/Tests/LibWeb/Ref/input/css-invalid-var.html
similarity index 66%
rename from Tests/LibWeb/Ref/css-invalid-var.html
rename to Tests/LibWeb/Ref/input/css-invalid-var.html
index 75accc0a83f..f241380023e 100644
--- a/Tests/LibWeb/Ref/css-invalid-var.html
+++ b/Tests/LibWeb/Ref/input/css-invalid-var.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-invalid-var-ref.html" />
+<link rel="match" href="../expected/css-invalid-var-ref.html" />
 <style>
     div {
         color: red;
diff --git a/Tests/LibWeb/Ref/css-keyframe-fill-forwards.html b/Tests/LibWeb/Ref/input/css-keyframe-fill-forwards.html
similarity index 84%
rename from Tests/LibWeb/Ref/css-keyframe-fill-forwards.html
rename to Tests/LibWeb/Ref/input/css-keyframe-fill-forwards.html
index 4619a109b80..b0e5c5707a8 100644
--- a/Tests/LibWeb/Ref/css-keyframe-fill-forwards.html
+++ b/Tests/LibWeb/Ref/input/css-keyframe-fill-forwards.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-keyframe-fill-forwards-ref.html" />
+<link rel="match" href="../expected/css-keyframe-fill-forwards-ref.html" />
 <style>
     #foo {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/css-keyframe-invalid-transform-should-not-render.html b/Tests/LibWeb/Ref/input/css-keyframe-invalid-transform-should-not-render.html
similarity index 80%
rename from Tests/LibWeb/Ref/css-keyframe-invalid-transform-should-not-render.html
rename to Tests/LibWeb/Ref/input/css-keyframe-invalid-transform-should-not-render.html
index 19b1aa37dec..e41f686c0e8 100644
--- a/Tests/LibWeb/Ref/css-keyframe-invalid-transform-should-not-render.html
+++ b/Tests/LibWeb/Ref/input/css-keyframe-invalid-transform-should-not-render.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-keyframe-invalid-transform-should-not-render-ref.html" />
+<link rel="match" href="../expected/css-keyframe-invalid-transform-should-not-render-ref.html" />
 <style>
     #foo {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/css-lang-selector.html b/Tests/LibWeb/Ref/input/css-lang-selector.html
similarity index 82%
rename from Tests/LibWeb/Ref/css-lang-selector.html
rename to Tests/LibWeb/Ref/input/css-lang-selector.html
index 903d9432364..8a3aaa9227f 100644
--- a/Tests/LibWeb/Ref/css-lang-selector.html
+++ b/Tests/LibWeb/Ref/input/css-lang-selector.html
@@ -1,5 +1,5 @@
 <html lang="en">
-<link rel="match" href="reference/css-lang-selector-ref.html" />
+<link rel="match" href="../expected/css-lang-selector-ref.html" />
 <style>
     div {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/css-local-link-selector.html b/Tests/LibWeb/Ref/input/css-local-link-selector.html
similarity index 62%
rename from Tests/LibWeb/Ref/css-local-link-selector.html
rename to Tests/LibWeb/Ref/input/css-local-link-selector.html
index 45447a1ce0f..7773ea25b18 100644
--- a/Tests/LibWeb/Ref/css-local-link-selector.html
+++ b/Tests/LibWeb/Ref/input/css-local-link-selector.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/css-local-link-selector-ref.html" />
+<link rel="match" href="../expected/css-local-link-selector-ref.html" />
 <style>
     :local-link {
         color: orange;
diff --git a/Tests/LibWeb/Ref/css-nested-declarations.html b/Tests/LibWeb/Ref/input/css-nested-declarations.html
similarity index 75%
rename from Tests/LibWeb/Ref/css-nested-declarations.html
rename to Tests/LibWeb/Ref/input/css-nested-declarations.html
index 7b3034a5148..613a0dc96d4 100644
--- a/Tests/LibWeb/Ref/css-nested-declarations.html
+++ b/Tests/LibWeb/Ref/input/css-nested-declarations.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/css-nested-declarations-ref.html" />
+<link rel="match" href="../expected/css-nested-declarations-ref.html" />
 <style>
     #target {
         background-color: green;
diff --git a/Tests/LibWeb/Ref/css-nested-has.html b/Tests/LibWeb/Ref/input/css-nested-has.html
similarity index 73%
rename from Tests/LibWeb/Ref/css-nested-has.html
rename to Tests/LibWeb/Ref/input/css-nested-has.html
index 3717c0fae10..8f895cdf7ba 100644
--- a/Tests/LibWeb/Ref/css-nested-has.html
+++ b/Tests/LibWeb/Ref/input/css-nested-has.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-nested-has.html" />
+<link rel="match" href="../expected/css-nested-has.html" />
 <style>
     a:has(span:has(strong)) {
         color: orange;
diff --git a/Tests/LibWeb/Ref/css-nesting.html b/Tests/LibWeb/Ref/input/css-nesting.html
similarity index 96%
rename from Tests/LibWeb/Ref/css-nesting.html
rename to Tests/LibWeb/Ref/input/css-nesting.html
index 628b999282f..41f45336b83 100644
--- a/Tests/LibWeb/Ref/css-nesting.html
+++ b/Tests/LibWeb/Ref/input/css-nesting.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/css-nesting-ref.html" />
+<link rel="match" href="../expected/css-nesting-ref.html" />
 <!-- Adapted from http://wpt.live/css/css-nesting/nesting-basic.html -->
 <style>
     .test {
diff --git a/Tests/LibWeb/Ref/css-open-closed-selectors.html b/Tests/LibWeb/Ref/input/css-open-closed-selectors.html
similarity index 75%
rename from Tests/LibWeb/Ref/css-open-closed-selectors.html
rename to Tests/LibWeb/Ref/input/css-open-closed-selectors.html
index 2845e8366e5..1b8a5f7a21c 100644
--- a/Tests/LibWeb/Ref/css-open-closed-selectors.html
+++ b/Tests/LibWeb/Ref/input/css-open-closed-selectors.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-open-closed-selectors-ref.html" />
+<link rel="match" href="../expected/css-open-closed-selectors-ref.html" />
 <style>
 :open {
     color: green;
diff --git a/Tests/LibWeb/Ref/css-placeholder-shown-selector.html b/Tests/LibWeb/Ref/input/css-placeholder-shown-selector.html
similarity index 74%
rename from Tests/LibWeb/Ref/css-placeholder-shown-selector.html
rename to Tests/LibWeb/Ref/input/css-placeholder-shown-selector.html
index 6ce35d689bf..32fcc461f4d 100644
--- a/Tests/LibWeb/Ref/css-placeholder-shown-selector.html
+++ b/Tests/LibWeb/Ref/input/css-placeholder-shown-selector.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/css-placeholder-shown-selector-ref.html" />
+<link rel="match" href="../expected/css-placeholder-shown-selector-ref.html" />
 <style>
 :placeholder-shown {
     background-color: yellow;
diff --git a/Tests/LibWeb/Ref/css-pseudo-element-in-has.html b/Tests/LibWeb/Ref/input/css-pseudo-element-in-has.html
similarity index 73%
rename from Tests/LibWeb/Ref/css-pseudo-element-in-has.html
rename to Tests/LibWeb/Ref/input/css-pseudo-element-in-has.html
index a97f2901dff..aeab7a4752c 100644
--- a/Tests/LibWeb/Ref/css-pseudo-element-in-has.html
+++ b/Tests/LibWeb/Ref/input/css-pseudo-element-in-has.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-pseudo-element-in-has.html" />
+<link rel="match" href="../expected/css-pseudo-element-in-has.html" />
 <style>
     span::after {
         content: "bar";
diff --git a/Tests/LibWeb/Ref/css-quotes.html b/Tests/LibWeb/Ref/input/css-quotes.html
similarity index 83%
rename from Tests/LibWeb/Ref/css-quotes.html
rename to Tests/LibWeb/Ref/input/css-quotes.html
index 92f7cfb3653..c596091aa78 100644
--- a/Tests/LibWeb/Ref/css-quotes.html
+++ b/Tests/LibWeb/Ref/input/css-quotes.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-quotes-ref.html" />
+<link rel="match" href="../expected/css-quotes-ref.html" />
 <style>
     div::before {
         content: open-quote "Well, hello friends!" close-quote;
diff --git a/Tests/LibWeb/Ref/css-read-only-read-write-selectors.html b/Tests/LibWeb/Ref/input/css-read-only-read-write-selectors.html
similarity index 75%
rename from Tests/LibWeb/Ref/css-read-only-read-write-selectors.html
rename to Tests/LibWeb/Ref/input/css-read-only-read-write-selectors.html
index 131a0920854..e524992d6b8 100644
--- a/Tests/LibWeb/Ref/css-read-only-read-write-selectors.html
+++ b/Tests/LibWeb/Ref/input/css-read-only-read-write-selectors.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/css-read-only-read-write-selectors-ref.html" />
+<link rel="match" href="../expected/css-read-only-read-write-selectors-ref.html" />
 <style>
     body :read-write {
         background-color: green;
diff --git a/Tests/LibWeb/Ref/css-unknown-webkit-pseudo-element.html b/Tests/LibWeb/Ref/input/css-unknown-webkit-pseudo-element.html
similarity index 76%
rename from Tests/LibWeb/Ref/css-unknown-webkit-pseudo-element.html
rename to Tests/LibWeb/Ref/input/css-unknown-webkit-pseudo-element.html
index 792f7a82c37..a65b421a1e4 100644
--- a/Tests/LibWeb/Ref/css-unknown-webkit-pseudo-element.html
+++ b/Tests/LibWeb/Ref/input/css-unknown-webkit-pseudo-element.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/text-div.html" />
+<link rel="match" href="../expected/text-div.html" />
 <style>
   * {
     visibility: hidden;
diff --git a/Tests/LibWeb/Ref/first-available-font-should-include-whitespace.html b/Tests/LibWeb/Ref/input/first-available-font-should-include-whitespace.html
similarity index 61%
rename from Tests/LibWeb/Ref/first-available-font-should-include-whitespace.html
rename to Tests/LibWeb/Ref/input/first-available-font-should-include-whitespace.html
index 62a9a41ab06..1d863cdcb7d 100644
--- a/Tests/LibWeb/Ref/first-available-font-should-include-whitespace.html
+++ b/Tests/LibWeb/Ref/input/first-available-font-should-include-whitespace.html
@@ -1,4 +1,4 @@
-<!doctype html><link rel="match" href="reference/first-available-font-should-include-whitespace-ref.html" /><style>
+<!doctype html><link rel="match" href="../expected/first-available-font-should-include-whitespace-ref.html" /><style>
     * {
         outline: 1px solid black;
         font-family: HashFont, SerenitySans;
@@ -8,7 +8,7 @@
     }
     @font-face {
         font-family: 'HashFont';
-        src: url('../Assets/HashSans.woff');
+        src: url('../../Assets/HashSans.woff');
         unicode-range: U+0;
     }
 </style><div class="test">hello friends
diff --git a/Tests/LibWeb/Ref/grid-item-and-css-filter.html b/Tests/LibWeb/Ref/input/grid-item-and-css-filter.html
similarity index 76%
rename from Tests/LibWeb/Ref/grid-item-and-css-filter.html
rename to Tests/LibWeb/Ref/input/grid-item-and-css-filter.html
index 367bee8d945..13306173bcc 100644
--- a/Tests/LibWeb/Ref/grid-item-and-css-filter.html
+++ b/Tests/LibWeb/Ref/input/grid-item-and-css-filter.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/grid-item-and-css-filter-ref.html" />
+<link rel="match" href="../expected/grid-item-and-css-filter-ref.html" />
 <style>
     #a {
         background-color: #000;
diff --git a/Tests/LibWeb/Ref/grid-items-painting-order.html b/Tests/LibWeb/Ref/input/grid-items-painting-order.html
similarity index 79%
rename from Tests/LibWeb/Ref/grid-items-painting-order.html
rename to Tests/LibWeb/Ref/input/grid-items-painting-order.html
index b04d37f91cf..910075cb04c 100644
--- a/Tests/LibWeb/Ref/grid-items-painting-order.html
+++ b/Tests/LibWeb/Ref/input/grid-items-painting-order.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/grid-items-painting-order-ref.html" />
+<link rel="match" href="../expected/grid-items-painting-order-ref.html" />
 <style type="text/css">
 body { display: grid; }
 .foo {
diff --git a/Tests/LibWeb/Ref/iframe-contains-scrollable-box.html b/Tests/LibWeb/Ref/input/iframe-contains-scrollable-box.html
similarity index 92%
rename from Tests/LibWeb/Ref/iframe-contains-scrollable-box.html
rename to Tests/LibWeb/Ref/input/iframe-contains-scrollable-box.html
index ba7a74bd830..a13549fd424 100644
--- a/Tests/LibWeb/Ref/iframe-contains-scrollable-box.html
+++ b/Tests/LibWeb/Ref/input/iframe-contains-scrollable-box.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/iframe-contains-scrollable-box-ref.html" />
+<link rel="match" href="../expected/iframe-contains-scrollable-box-ref.html" />
 <style>
     iframe {
         width: 300px;
diff --git a/Tests/LibWeb/Ref/img-srcset-viewport-relative-sizes.html b/Tests/LibWeb/Ref/input/img-srcset-viewport-relative-sizes.html
similarity index 81%
rename from Tests/LibWeb/Ref/img-srcset-viewport-relative-sizes.html
rename to Tests/LibWeb/Ref/input/img-srcset-viewport-relative-sizes.html
index 9622172902b..03c148ae03b 100644
--- a/Tests/LibWeb/Ref/img-srcset-viewport-relative-sizes.html
+++ b/Tests/LibWeb/Ref/input/img-srcset-viewport-relative-sizes.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/img-srcset-viewport-relative-sizes-ref.html" />
+<link rel="match" href="../expected/img-srcset-viewport-relative-sizes-ref.html" />
 <img
     sizes="100vw"
     srcset="
diff --git a/Tests/LibWeb/Ref/inline-block-with-css-background.html b/Tests/LibWeb/Ref/input/inline-block-with-css-background.html
similarity index 81%
rename from Tests/LibWeb/Ref/inline-block-with-css-background.html
rename to Tests/LibWeb/Ref/input/inline-block-with-css-background.html
index 005967fbac6..6c26df6f8d3 100644
--- a/Tests/LibWeb/Ref/inline-block-with-css-background.html
+++ b/Tests/LibWeb/Ref/input/inline-block-with-css-background.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/inline-block-with-css-background-ref.html" />
+<link rel="match" href="../expected/inline-block-with-css-background-ref.html" />
 <style type="text/css">
     body {
         margin: 0;
diff --git a/Tests/LibWeb/Ref/inline-paintable-background-clip-text.html b/Tests/LibWeb/Ref/input/inline-paintable-background-clip-text.html
similarity index 69%
rename from Tests/LibWeb/Ref/inline-paintable-background-clip-text.html
rename to Tests/LibWeb/Ref/input/inline-paintable-background-clip-text.html
index fd0aca62158..0b4f945d6e8 100644
--- a/Tests/LibWeb/Ref/inline-paintable-background-clip-text.html
+++ b/Tests/LibWeb/Ref/input/inline-paintable-background-clip-text.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/inline-paintable-background-clip-text-ref.html" />
+<link rel="match" href="../expected/inline-paintable-background-clip-text-ref.html" />
 <style>
   #text {
     background: linear-gradient(#6d98cc, #8a64e5);
diff --git a/Tests/LibWeb/Ref/inline-paintable-inside-translated-container.html b/Tests/LibWeb/Ref/input/inline-paintable-inside-translated-container.html
similarity index 67%
rename from Tests/LibWeb/Ref/inline-paintable-inside-translated-container.html
rename to Tests/LibWeb/Ref/input/inline-paintable-inside-translated-container.html
index 883fa03c867..fc7ceb6b96e 100644
--- a/Tests/LibWeb/Ref/inline-paintable-inside-translated-container.html
+++ b/Tests/LibWeb/Ref/input/inline-paintable-inside-translated-container.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/inline-paintable-inside-translated-container-ref.html" />
+<link rel="match" href="../expected/inline-paintable-inside-translated-container-ref.html" />
 <style>
 body {
     transform: translateY(100px);
diff --git a/Tests/LibWeb/Ref/inline-stacking-context.html b/Tests/LibWeb/Ref/input/inline-stacking-context.html
similarity index 75%
rename from Tests/LibWeb/Ref/inline-stacking-context.html
rename to Tests/LibWeb/Ref/input/inline-stacking-context.html
index d676c6f9a5f..9e4b987df0d 100644
--- a/Tests/LibWeb/Ref/inline-stacking-context.html
+++ b/Tests/LibWeb/Ref/input/inline-stacking-context.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/inline-stacking-context-ref.html" /><style>
+<link rel="match" href="../expected/inline-stacking-context-ref.html" /><style>
 span {
     z-index: 10;
     background: orange;
diff --git a/Tests/LibWeb/Ref/inline-visibility-hidden.html b/Tests/LibWeb/Ref/input/inline-visibility-hidden.html
similarity index 51%
rename from Tests/LibWeb/Ref/inline-visibility-hidden.html
rename to Tests/LibWeb/Ref/input/inline-visibility-hidden.html
index 6691a724c26..fa6a463a687 100644
--- a/Tests/LibWeb/Ref/inline-visibility-hidden.html
+++ b/Tests/LibWeb/Ref/input/inline-visibility-hidden.html
@@ -1,2 +1,2 @@
-<link rel="match" href="reference/inline-visibility-hidden-ref.html" />
+<link rel="match" href="../expected/inline-visibility-hidden-ref.html" />
 <span>hello friends<span style="visibility: hidden"> and enemies</span></span>
diff --git a/Tests/LibWeb/Ref/input-background.html b/Tests/LibWeb/Ref/input/input-background.html
similarity index 58%
rename from Tests/LibWeb/Ref/input-background.html
rename to Tests/LibWeb/Ref/input/input-background.html
index d0077572390..346e24c2a2e 100644
--- a/Tests/LibWeb/Ref/input-background.html
+++ b/Tests/LibWeb/Ref/input/input-background.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/input-background.html" />
+<link rel="match" href="../expected/input-background.html" />
 <div style="background-color: blue">
     <input type="text" />
 </div>
diff --git a/Tests/LibWeb/Ref/invalidate-css-transform-property.html b/Tests/LibWeb/Ref/input/invalidate-css-transform-property.html
similarity index 79%
rename from Tests/LibWeb/Ref/invalidate-css-transform-property.html
rename to Tests/LibWeb/Ref/input/invalidate-css-transform-property.html
index 1233b260892..d3c3361e2f4 100644
--- a/Tests/LibWeb/Ref/invalidate-css-transform-property.html
+++ b/Tests/LibWeb/Ref/input/invalidate-css-transform-property.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/invalidate-css-transform-property-ref.html" />
+<link rel="match" href="../expected/invalidate-css-transform-property-ref.html" />
 <style>
     #box {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/item-with-negative-z-index.html b/Tests/LibWeb/Ref/input/item-with-negative-z-index.html
similarity index 80%
rename from Tests/LibWeb/Ref/item-with-negative-z-index.html
rename to Tests/LibWeb/Ref/input/item-with-negative-z-index.html
index c00b21e954b..8be3c6b86cb 100644
--- a/Tests/LibWeb/Ref/item-with-negative-z-index.html
+++ b/Tests/LibWeb/Ref/input/item-with-negative-z-index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/item-with-negative-z-index-ref.html" />
+<link rel="match" href="../expected/item-with-negative-z-index-ref.html" />
 <style type="text/css">
 body { display: grid; }
 .foo {
diff --git a/Tests/LibWeb/Ref/input/nested-svg-as-img.html b/Tests/LibWeb/Ref/input/nested-svg-as-img.html
new file mode 100644
index 00000000000..af2b6318a23
--- /dev/null
+++ b/Tests/LibWeb/Ref/input/nested-svg-as-img.html
@@ -0,0 +1,5 @@
+<style>
+  img { border: 1px solid black; }
+ </style>
+<img src="../data/nested-svg.svg">
+<link rel="match" href="../expected/nested-svg-as-img-ref.html" />
diff --git a/Tests/LibWeb/Ref/non-positioned-stacking-context-with-z-index-0.html b/Tests/LibWeb/Ref/input/non-positioned-stacking-context-with-z-index-0.html
similarity index 57%
rename from Tests/LibWeb/Ref/non-positioned-stacking-context-with-z-index-0.html
rename to Tests/LibWeb/Ref/input/non-positioned-stacking-context-with-z-index-0.html
index ebbd9b040eb..2fe2145df7f 100644
--- a/Tests/LibWeb/Ref/non-positioned-stacking-context-with-z-index-0.html
+++ b/Tests/LibWeb/Ref/input/non-positioned-stacking-context-with-z-index-0.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/non-positioned-stacking-context-with-z-index-0-ref.html"/>
+<link rel="match" href="../expected/non-positioned-stacking-context-with-z-index-0-ref.html"/>
 <style>
 * { outline: 1px solid black; }
 html { display: flex; }
diff --git a/Tests/LibWeb/Ref/options-set-index.html b/Tests/LibWeb/Ref/input/options-set-index.html
similarity index 73%
rename from Tests/LibWeb/Ref/options-set-index.html
rename to Tests/LibWeb/Ref/input/options-set-index.html
index 7c1efb233f9..4cd3b17bc84 100644
--- a/Tests/LibWeb/Ref/options-set-index.html
+++ b/Tests/LibWeb/Ref/input/options-set-index.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/options-set-index.html" />
+<link rel="match" href="../expected/options-set-index.html" />
 <select id="select"></select>
 <script>
     const select = document.getElementById("select");
diff --git a/Tests/LibWeb/Ref/outlines.html b/Tests/LibWeb/Ref/input/outlines.html
similarity index 81%
rename from Tests/LibWeb/Ref/outlines.html
rename to Tests/LibWeb/Ref/input/outlines.html
index 2a6488dfb62..c61df9f0fa8 100644
--- a/Tests/LibWeb/Ref/outlines.html
+++ b/Tests/LibWeb/Ref/input/outlines.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/outlines-ref.html" />
+<link rel="match" href="../expected/outlines-ref.html" />
 <style>
     .outline {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/overflow-hidden-2.html b/Tests/LibWeb/Ref/input/overflow-hidden-2.html
similarity index 93%
rename from Tests/LibWeb/Ref/overflow-hidden-2.html
rename to Tests/LibWeb/Ref/input/overflow-hidden-2.html
index 48c09f764e6..daabc9596fc 100644
--- a/Tests/LibWeb/Ref/overflow-hidden-2.html
+++ b/Tests/LibWeb/Ref/input/overflow-hidden-2.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <link rel="match" href="reference/overflow-hidden-2-ref.html" />
+        <link rel="match" href="../expected/overflow-hidden-2-ref.html" />
         <style>
             .box1 {
                 width: 400px;
diff --git a/Tests/LibWeb/Ref/overflow-hidden-3.html b/Tests/LibWeb/Ref/input/overflow-hidden-3.html
similarity index 83%
rename from Tests/LibWeb/Ref/overflow-hidden-3.html
rename to Tests/LibWeb/Ref/input/overflow-hidden-3.html
index 909760669af..c87559121b1 100644
--- a/Tests/LibWeb/Ref/overflow-hidden-3.html
+++ b/Tests/LibWeb/Ref/input/overflow-hidden-3.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/overflow-hidden-3-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-3-ref.html" />
 <style>
 body {
     width: 100px;
diff --git a/Tests/LibWeb/Ref/overflow-hidden-4.html b/Tests/LibWeb/Ref/input/overflow-hidden-4.html
similarity index 87%
rename from Tests/LibWeb/Ref/overflow-hidden-4.html
rename to Tests/LibWeb/Ref/input/overflow-hidden-4.html
index 433ce19638f..d06f7a98f19 100644
--- a/Tests/LibWeb/Ref/overflow-hidden-4.html
+++ b/Tests/LibWeb/Ref/input/overflow-hidden-4.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/overflow-hidden-4-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-4-ref.html" />
 <style>
 * {
     outline: black solid 1px;
diff --git a/Tests/LibWeb/Ref/overflow-hidden-5.html b/Tests/LibWeb/Ref/input/overflow-hidden-5.html
similarity index 89%
rename from Tests/LibWeb/Ref/overflow-hidden-5.html
rename to Tests/LibWeb/Ref/input/overflow-hidden-5.html
index a49c4962bfe..f32eaeaee23 100644
--- a/Tests/LibWeb/Ref/overflow-hidden-5.html
+++ b/Tests/LibWeb/Ref/input/overflow-hidden-5.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <head>
-<link rel="match" href="reference/overflow-hidden-5-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-5-ref.html" />
 <style type="text/css">
     body {
         margin: 0;
diff --git a/Tests/LibWeb/Ref/overflow-hidden-6.html b/Tests/LibWeb/Ref/input/overflow-hidden-6.html
similarity index 96%
rename from Tests/LibWeb/Ref/overflow-hidden-6.html
rename to Tests/LibWeb/Ref/input/overflow-hidden-6.html
index 174b5eb65da..e541b928aad 100644
--- a/Tests/LibWeb/Ref/overflow-hidden-6.html
+++ b/Tests/LibWeb/Ref/input/overflow-hidden-6.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-<link rel="match" href="reference/overflow-hidden-6-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-6-ref.html" />
 <style>
     .display-flex-position-relative {
         display: flex;
diff --git a/Tests/LibWeb/Ref/overflow-hidden-7.html b/Tests/LibWeb/Ref/input/overflow-hidden-7.html
similarity index 83%
rename from Tests/LibWeb/Ref/overflow-hidden-7.html
rename to Tests/LibWeb/Ref/input/overflow-hidden-7.html
index a26f20a61db..ce7b9509b42 100644
--- a/Tests/LibWeb/Ref/overflow-hidden-7.html
+++ b/Tests/LibWeb/Ref/input/overflow-hidden-7.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/overflow-hidden-7-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-7-ref.html" />
 <style>
     .box {
         overflow-y: hidden;
diff --git a/Tests/LibWeb/Ref/overflow-hidden-text-inside-translated-container.html b/Tests/LibWeb/Ref/input/overflow-hidden-text-inside-translated-container.html
similarity index 69%
rename from Tests/LibWeb/Ref/overflow-hidden-text-inside-translated-container.html
rename to Tests/LibWeb/Ref/input/overflow-hidden-text-inside-translated-container.html
index 252663b3197..1a351aad1c9 100644
--- a/Tests/LibWeb/Ref/overflow-hidden-text-inside-translated-container.html
+++ b/Tests/LibWeb/Ref/input/overflow-hidden-text-inside-translated-container.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/overflow-hidden-text-inside-translated-container-ref.html" />
+<link rel="match" href="../expected/overflow-hidden-text-inside-translated-container-ref.html" />
 <style>
 .text {
     overflow: hidden;
diff --git a/Tests/LibWeb/Ref/overflow-hidden.html b/Tests/LibWeb/Ref/input/overflow-hidden.html
similarity index 89%
rename from Tests/LibWeb/Ref/overflow-hidden.html
rename to Tests/LibWeb/Ref/input/overflow-hidden.html
index e65d1d7eec3..c536cce1e5f 100644
--- a/Tests/LibWeb/Ref/overflow-hidden.html
+++ b/Tests/LibWeb/Ref/input/overflow-hidden.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <link rel="match" href="reference/overflow-hidden-ref.html" />
+        <link rel="match" href="../expected/overflow-hidden-ref.html" />
         <style>
             .outer-box {
                 width: 300px;
diff --git a/Tests/LibWeb/Ref/paintablewithlines-corner-clip-in-scroll-container.html b/Tests/LibWeb/Ref/input/paintablewithlines-corner-clip-in-scroll-container.html
similarity index 92%
rename from Tests/LibWeb/Ref/paintablewithlines-corner-clip-in-scroll-container.html
rename to Tests/LibWeb/Ref/input/paintablewithlines-corner-clip-in-scroll-container.html
index aa8df955cb1..7f0be621d5c 100644
--- a/Tests/LibWeb/Ref/paintablewithlines-corner-clip-in-scroll-container.html
+++ b/Tests/LibWeb/Ref/input/paintablewithlines-corner-clip-in-scroll-container.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/paintablewithlines-corner-clip-in-scroll-container-ref.html" />
+<link rel="match" href="../expected/paintablewithlines-corner-clip-in-scroll-container-ref.html" />
 <style>
   body {
     margin: 0;
diff --git a/Tests/LibWeb/Ref/position-sticky-bottom.html b/Tests/LibWeb/Ref/input/position-sticky-bottom.html
similarity index 95%
rename from Tests/LibWeb/Ref/position-sticky-bottom.html
rename to Tests/LibWeb/Ref/input/position-sticky-bottom.html
index 30aaabd294b..a62a41b9276 100644
--- a/Tests/LibWeb/Ref/position-sticky-bottom.html
+++ b/Tests/LibWeb/Ref/input/position-sticky-bottom.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/position-sticky-bottom-ref.html" />
+<link rel="match" href="../expected/position-sticky-bottom-ref.html" />
 <style>
     .scrollable-container {
         width: 300px;
diff --git a/Tests/LibWeb/Ref/position-sticky-left.html b/Tests/LibWeb/Ref/input/position-sticky-left.html
similarity index 94%
rename from Tests/LibWeb/Ref/position-sticky-left.html
rename to Tests/LibWeb/Ref/input/position-sticky-left.html
index 5cb1f33e072..c7c2833c340 100644
--- a/Tests/LibWeb/Ref/position-sticky-left.html
+++ b/Tests/LibWeb/Ref/input/position-sticky-left.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/position-sticky-left-ref.html" />
+<link rel="match" href="../expected/position-sticky-left-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/position-sticky-right.html b/Tests/LibWeb/Ref/input/position-sticky-right.html
similarity index 94%
rename from Tests/LibWeb/Ref/position-sticky-right.html
rename to Tests/LibWeb/Ref/input/position-sticky-right.html
index e57d19491a1..feaba9b9c72 100644
--- a/Tests/LibWeb/Ref/position-sticky-right.html
+++ b/Tests/LibWeb/Ref/input/position-sticky-right.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/position-sticky-right-ref.html" />
+<link rel="match" href="../expected/position-sticky-right-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/position-sticky-should-stay-within-containing-block.html b/Tests/LibWeb/Ref/input/position-sticky-should-stay-within-containing-block.html
similarity index 93%
rename from Tests/LibWeb/Ref/position-sticky-should-stay-within-containing-block.html
rename to Tests/LibWeb/Ref/input/position-sticky-should-stay-within-containing-block.html
index af3952c8f95..75e44bdeb5e 100644
--- a/Tests/LibWeb/Ref/position-sticky-should-stay-within-containing-block.html
+++ b/Tests/LibWeb/Ref/input/position-sticky-should-stay-within-containing-block.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/position-sticky-should-stay-within-containing-block-ref.html" />
+<link rel="match" href="../expected/position-sticky-should-stay-within-containing-block-ref.html" />
 <style>
     .scrollable-container {
         width: 300px;
diff --git a/Tests/LibWeb/Ref/position-sticky-top.html b/Tests/LibWeb/Ref/input/position-sticky-top.html
similarity index 95%
rename from Tests/LibWeb/Ref/position-sticky-top.html
rename to Tests/LibWeb/Ref/input/position-sticky-top.html
index 7ecb3996160..ce423628869 100644
--- a/Tests/LibWeb/Ref/position-sticky-top.html
+++ b/Tests/LibWeb/Ref/input/position-sticky-top.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/position-sticky-top-ref.html" />
+<link rel="match" href="../expected/position-sticky-top-ref.html" />
 <style>
     .scrollable-container {
         width: 300px;
diff --git a/Tests/LibWeb/Ref/positioned-elements-in-scroll-container.html b/Tests/LibWeb/Ref/input/positioned-elements-in-scroll-container.html
similarity index 96%
rename from Tests/LibWeb/Ref/positioned-elements-in-scroll-container.html
rename to Tests/LibWeb/Ref/input/positioned-elements-in-scroll-container.html
index 76d9c181a3c..38a2de1cf1d 100644
--- a/Tests/LibWeb/Ref/positioned-elements-in-scroll-container.html
+++ b/Tests/LibWeb/Ref/input/positioned-elements-in-scroll-container.html
@@ -1,5 +1,5 @@
 <html>
-<link rel="match" href="reference/positioned-elements-in-scroll-container-ref.html" />
+<link rel="match" href="../expected/positioned-elements-in-scroll-container-ref.html" />
 <style>
     * {
         margin: 0;
diff --git a/Tests/LibWeb/Ref/resolve-paint-only-properties-after-layout.html b/Tests/LibWeb/Ref/input/resolve-paint-only-properties-after-layout.html
similarity index 78%
rename from Tests/LibWeb/Ref/resolve-paint-only-properties-after-layout.html
rename to Tests/LibWeb/Ref/input/resolve-paint-only-properties-after-layout.html
index 44938c3fbaa..1c4281d08c7 100644
--- a/Tests/LibWeb/Ref/resolve-paint-only-properties-after-layout.html
+++ b/Tests/LibWeb/Ref/input/resolve-paint-only-properties-after-layout.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/resolve-paint-only-properties-after-layout-ref.html" />
+<link rel="match" href="../expected/resolve-paint-only-properties-after-layout-ref.html" />
 <style>
     #box {
         width: 100px;
diff --git a/Tests/LibWeb/Ref/scroll-iframe.html b/Tests/LibWeb/Ref/input/scroll-iframe.html
similarity index 92%
rename from Tests/LibWeb/Ref/scroll-iframe.html
rename to Tests/LibWeb/Ref/input/scroll-iframe.html
index 20ea88dcb15..b0a036e949e 100644
--- a/Tests/LibWeb/Ref/scroll-iframe.html
+++ b/Tests/LibWeb/Ref/input/scroll-iframe.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scroll-iframe-ref.html" />
+<link rel="match" href="../expected/scroll-iframe-ref.html" />
 <style>
     iframe {
         width: 200px;
diff --git a/Tests/LibWeb/Ref/scroll-using-mousewheel-event.html b/Tests/LibWeb/Ref/input/scroll-using-mousewheel-event.html
similarity index 87%
rename from Tests/LibWeb/Ref/scroll-using-mousewheel-event.html
rename to Tests/LibWeb/Ref/input/scroll-using-mousewheel-event.html
index abda702188b..e7d1d2a7585 100644
--- a/Tests/LibWeb/Ref/scroll-using-mousewheel-event.html
+++ b/Tests/LibWeb/Ref/input/scroll-using-mousewheel-event.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scroll-using-mousewheel-event-ref.html" />
+<link rel="match" href="../expected/scroll-using-mousewheel-event-ref.html" />
 <style>
 .scrollable {
     overflow-y: scroll;
diff --git a/Tests/LibWeb/Ref/scrollable-box-with-nested-stacking-context.html b/Tests/LibWeb/Ref/input/scrollable-box-with-nested-stacking-context.html
similarity index 91%
rename from Tests/LibWeb/Ref/scrollable-box-with-nested-stacking-context.html
rename to Tests/LibWeb/Ref/input/scrollable-box-with-nested-stacking-context.html
index bdfbe6d7b24..bc1050b4afc 100644
--- a/Tests/LibWeb/Ref/scrollable-box-with-nested-stacking-context.html
+++ b/Tests/LibWeb/Ref/input/scrollable-box-with-nested-stacking-context.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/scrollable-box-with-nested-stacking-context-ref.html" />
+<link rel="match" href="../expected/scrollable-box-with-nested-stacking-context-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/scrollable-contains-box-with-gradient-background.html b/Tests/LibWeb/Ref/input/scrollable-contains-box-with-gradient-background.html
similarity index 86%
rename from Tests/LibWeb/Ref/scrollable-contains-box-with-gradient-background.html
rename to Tests/LibWeb/Ref/input/scrollable-contains-box-with-gradient-background.html
index 904b2c2dd67..07025d9b163 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-box-with-gradient-background.html
+++ b/Tests/LibWeb/Ref/input/scrollable-contains-box-with-gradient-background.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrollable-contains-box-with-gradient-background-ref.html" />
+<link rel="match" href="../expected/scrollable-contains-box-with-gradient-background-ref.html" />
 <style type="text/css">
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-1.html b/Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-1.html
similarity index 97%
rename from Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-1.html
rename to Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-1.html
index f4e40d3e6da..e249a57c488 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-1.html
+++ b/Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-1.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrollable-contains-boxes-with-hidden-overflow-1-ref.html" />
+<link rel="match" href="../expected/scrollable-contains-boxes-with-hidden-overflow-1-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-2.html b/Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-2.html
similarity index 94%
rename from Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-2.html
rename to Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-2.html
index d28f7f54362..ee3b972cec9 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-2.html
+++ b/Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-2.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html" />
+<link rel="match" href="../expected/scrollable-contains-boxes-with-hidden-overflow-2-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html b/Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html
similarity index 97%
rename from Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html
rename to Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html
index 9e4978f8bff..5f9c255bb51 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html
+++ b/Tests/LibWeb/Ref/input/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html" />
+<link rel="match" href="../expected/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/scrollable-contains-iframe.html b/Tests/LibWeb/Ref/input/scrollable-contains-iframe.html
similarity index 87%
rename from Tests/LibWeb/Ref/scrollable-contains-iframe.html
rename to Tests/LibWeb/Ref/input/scrollable-contains-iframe.html
index a94d999bbea..7818de0f2e3 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-iframe.html
+++ b/Tests/LibWeb/Ref/input/scrollable-contains-iframe.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrollable-contains-iframe-ref.html" />
+<link rel="match" href="../expected/scrollable-contains-iframe-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/scrollable-contains-rotated-boxes.html b/Tests/LibWeb/Ref/input/scrollable-contains-rotated-boxes.html
similarity index 93%
rename from Tests/LibWeb/Ref/scrollable-contains-rotated-boxes.html
rename to Tests/LibWeb/Ref/input/scrollable-contains-rotated-boxes.html
index 910117ceb9e..f2cd27e6059 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-rotated-boxes.html
+++ b/Tests/LibWeb/Ref/input/scrollable-contains-rotated-boxes.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <head>
-    <link rel="match" href="reference/scrollable-contains-rotated-boxes-ref.html" />
+    <link rel="match" href="../expected/scrollable-contains-rotated-boxes-ref.html" />
     <style>
         body {
             margin: 0;
diff --git a/Tests/LibWeb/Ref/scrollable-contains-table.html b/Tests/LibWeb/Ref/input/scrollable-contains-table.html
similarity index 97%
rename from Tests/LibWeb/Ref/scrollable-contains-table.html
rename to Tests/LibWeb/Ref/input/scrollable-contains-table.html
index f3b1189e652..8a03a56b06c 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-table.html
+++ b/Tests/LibWeb/Ref/input/scrollable-contains-table.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrollable-contains-table-ref.html" />
+<link rel="match" href="../expected/scrollable-contains-table-ref.html" />
 <head>
     <style>
         * {
diff --git a/Tests/LibWeb/Ref/scrollable-content-inside-fixed-position-box.html b/Tests/LibWeb/Ref/input/scrollable-content-inside-fixed-position-box.html
similarity index 93%
rename from Tests/LibWeb/Ref/scrollable-content-inside-fixed-position-box.html
rename to Tests/LibWeb/Ref/input/scrollable-content-inside-fixed-position-box.html
index f7e1cb77302..eea323c075d 100644
--- a/Tests/LibWeb/Ref/scrollable-content-inside-fixed-position-box.html
+++ b/Tests/LibWeb/Ref/input/scrollable-content-inside-fixed-position-box.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrollable-content-inside-fixed-position-box-ref.html" />
+<link rel="match" href="../expected/scrollable-content-inside-fixed-position-box-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/scrolled-text-with-clipped-corners.html b/Tests/LibWeb/Ref/input/scrolled-text-with-clipped-corners.html
similarity index 92%
rename from Tests/LibWeb/Ref/scrolled-text-with-clipped-corners.html
rename to Tests/LibWeb/Ref/input/scrolled-text-with-clipped-corners.html
index a451ec39305..4c1749cab97 100644
--- a/Tests/LibWeb/Ref/scrolled-text-with-clipped-corners.html
+++ b/Tests/LibWeb/Ref/input/scrolled-text-with-clipped-corners.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/scrolled-text-with-clipped-corners-ref.html" />
+<link rel="match" href="../expected/scrolled-text-with-clipped-corners-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/separate-borders-inline-table.html b/Tests/LibWeb/Ref/input/separate-borders-inline-table.html
similarity index 80%
rename from Tests/LibWeb/Ref/separate-borders-inline-table.html
rename to Tests/LibWeb/Ref/input/separate-borders-inline-table.html
index 9845a3b4893..697c584fd61 100644
--- a/Tests/LibWeb/Ref/separate-borders-inline-table.html
+++ b/Tests/LibWeb/Ref/input/separate-borders-inline-table.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/separate-borders-ref.html" />
+<link rel="match" href="../expected/separate-borders-ref.html" />
 <style type="text/css">
     td {
         border: 5px solid blue;
diff --git a/Tests/LibWeb/Ref/simple-svg-mask.html b/Tests/LibWeb/Ref/input/simple-svg-mask.html
similarity index 87%
rename from Tests/LibWeb/Ref/simple-svg-mask.html
rename to Tests/LibWeb/Ref/input/simple-svg-mask.html
index 4cf89f669ec..f2b3f1f79fc 100644
--- a/Tests/LibWeb/Ref/simple-svg-mask.html
+++ b/Tests/LibWeb/Ref/input/simple-svg-mask.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/simple-svg-mask-ref.html" />
+<link rel="match" href="../expected/simple-svg-mask-ref.html" />
 <svg width="120" viewBox="-10 -10 120 120">
   <mask id="myMask">
     <!-- Everything under a white pixel will be visible -->
diff --git a/Tests/LibWeb/Ref/space-glyph-width.html b/Tests/LibWeb/Ref/input/space-glyph-width.html
similarity index 72%
rename from Tests/LibWeb/Ref/space-glyph-width.html
rename to Tests/LibWeb/Ref/input/space-glyph-width.html
index a6eb8271e73..fbeb6542639 100644
--- a/Tests/LibWeb/Ref/space-glyph-width.html
+++ b/Tests/LibWeb/Ref/input/space-glyph-width.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <link rel="match" href="reference/space-glyph-width-ref.html" />
+    <link rel="match" href="../expected/space-glyph-width-ref.html" />
     <style>
         @font-face {
             font-family: 'HashFont';
-            src: url('../Assets/HashSans.woff');
+            src: url('../../Assets/HashSans.woff');
             unicode-range: U+0;
         }
 
diff --git a/Tests/LibWeb/Ref/square-flex.html b/Tests/LibWeb/Ref/input/square-flex.html
similarity index 77%
rename from Tests/LibWeb/Ref/square-flex.html
rename to Tests/LibWeb/Ref/input/square-flex.html
index f5f1ac40a70..9857e946441 100644
--- a/Tests/LibWeb/Ref/square-flex.html
+++ b/Tests/LibWeb/Ref/input/square-flex.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/square-ref.html" />
+<link rel="match" href="../expected/square-ref.html" />
 <style>
     .box {
         display: flex;
diff --git a/Tests/LibWeb/Ref/sticky-box-with-percentage-insets.html b/Tests/LibWeb/Ref/input/sticky-box-with-percentage-insets.html
similarity index 87%
rename from Tests/LibWeb/Ref/sticky-box-with-percentage-insets.html
rename to Tests/LibWeb/Ref/input/sticky-box-with-percentage-insets.html
index 36f3ebccdf7..ddad8a31734 100644
--- a/Tests/LibWeb/Ref/sticky-box-with-percentage-insets.html
+++ b/Tests/LibWeb/Ref/input/sticky-box-with-percentage-insets.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/sticky-box-with-percentage-insets-ref.html" />
+<link rel="match" href="../expected/sticky-box-with-percentage-insets-ref.html" />
 <style>
     * {
         scrollbar-width: 0;
diff --git a/Tests/LibWeb/Ref/sticky-positioned-box-with-border.html b/Tests/LibWeb/Ref/input/sticky-positioned-box-with-border.html
similarity index 89%
rename from Tests/LibWeb/Ref/sticky-positioned-box-with-border.html
rename to Tests/LibWeb/Ref/input/sticky-positioned-box-with-border.html
index 0d180801e5b..00d325799bf 100644
--- a/Tests/LibWeb/Ref/sticky-positioned-box-with-border.html
+++ b/Tests/LibWeb/Ref/input/sticky-positioned-box-with-border.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/sticky-positioned-box-with-border-ref.html" />
+<link rel="match" href="../expected/sticky-positioned-box-with-border-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/svg-alpha-mask-attribute.html b/Tests/LibWeb/Ref/input/svg-alpha-mask-attribute.html
similarity index 85%
rename from Tests/LibWeb/Ref/svg-alpha-mask-attribute.html
rename to Tests/LibWeb/Ref/input/svg-alpha-mask-attribute.html
index ffd46932c10..d65fe30574f 100644
--- a/Tests/LibWeb/Ref/svg-alpha-mask-attribute.html
+++ b/Tests/LibWeb/Ref/input/svg-alpha-mask-attribute.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/simple-svg-mask-ref.html" />
+<link rel="match" href="../expected/simple-svg-mask-ref.html" />
 <svg width="120" viewBox="-10 -10 120 120">
   <defs>
     <mask id="myMask" mask-type="alpha">
diff --git a/Tests/LibWeb/Ref/svg-alpha-mask.html b/Tests/LibWeb/Ref/input/svg-alpha-mask.html
similarity index 86%
rename from Tests/LibWeb/Ref/svg-alpha-mask.html
rename to Tests/LibWeb/Ref/input/svg-alpha-mask.html
index f3b8be4e05b..fa93cab15d1 100644
--- a/Tests/LibWeb/Ref/svg-alpha-mask.html
+++ b/Tests/LibWeb/Ref/input/svg-alpha-mask.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/simple-svg-mask-ref.html" />
+<link rel="match" href="../expected/simple-svg-mask-ref.html" />
 <svg width="120" viewBox="-10 -10 120 120">
   <defs>
     <mask id="myMask" style="mask-type:alpha">
diff --git a/Tests/LibWeb/Ref/svg-display-attr.html b/Tests/LibWeb/Ref/input/svg-display-attr.html
similarity index 82%
rename from Tests/LibWeb/Ref/svg-display-attr.html
rename to Tests/LibWeb/Ref/input/svg-display-attr.html
index c7fe5a20278..662f50b8324 100644
--- a/Tests/LibWeb/Ref/svg-display-attr.html
+++ b/Tests/LibWeb/Ref/input/svg-display-attr.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-display-attr.html" />
+<link rel="match" href="../expected/svg-display-attr.html" />
 <svg width="120" viewBox="0 0 100 100">
 	<circle cx="25" cy="25" fill="blue" r="25" />
     <g><circle cx="75" cy="25" fill="red" r="25" /></g>
diff --git a/Tests/LibWeb/Ref/svg-file-matches-html-file.svg b/Tests/LibWeb/Ref/input/svg-file-matches-html-file.svg
similarity index 74%
rename from Tests/LibWeb/Ref/svg-file-matches-html-file.svg
rename to Tests/LibWeb/Ref/input/svg-file-matches-html-file.svg
index ca5957e49b2..8c630ed6c7c 100644
--- a/Tests/LibWeb/Ref/svg-file-matches-html-file.svg
+++ b/Tests/LibWeb/Ref/input/svg-file-matches-html-file.svg
@@ -1,5 +1,5 @@
 <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
-  <link rel="match" href="reference/svg-file-matches-html-file.html" />
+  <link rel="match" href="../expected/svg-file-matches-html-file.html" />
   <defs>
     <g id="10">
       <rect width="50" height="50" fill="#555555"></rect>
diff --git a/Tests/LibWeb/Ref/svg-image-positioning.html b/Tests/LibWeb/Ref/input/svg-image-positioning.html
similarity index 61%
rename from Tests/LibWeb/Ref/svg-image-positioning.html
rename to Tests/LibWeb/Ref/input/svg-image-positioning.html
index febe4d6594e..f74844593ad 100644
--- a/Tests/LibWeb/Ref/svg-image-positioning.html
+++ b/Tests/LibWeb/Ref/input/svg-image-positioning.html
@@ -1,50 +1,50 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/svg-image-positioning-ref.html" />
+<link rel="match" href="../expected/svg-image-positioning-ref.html" />
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" />
+    <image href="../data/rectangle.png" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" width="150" height="100" />
+    <image href="../data/rectangle.png" width="150" height="100" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" width="0" height="100" />
+    <image href="../data/rectangle.png" width="0" height="100" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" width="150" height="0" />
+    <image href="../data/rectangle.png" width="150" height="0" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" height="100"  />
+    <image href="../data/rectangle.png" height="100"  />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" width="150" />
+    <image href="../data/rectangle.png" width="150" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" width="250" />
+    <image href="../data/rectangle.png" width="250" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" height="250" />
+    <image href="../data/rectangle.png" height="250" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" x="50" />
+    <image href="../data/rectangle.png" x="50" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" y="50" />
+    <image href="../data/rectangle.png" y="50" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" x="50" y="50" />
+    <image href="../data/rectangle.png" x="50" y="50" />
 </svg>
 <svg width="300" height="300">
     <rect x="0" y="0" width="250" height="250" fill="red" />
-    <image href="assets/rectangle.png" x="-50" y="-50" />
+    <image href="../data/rectangle.png" x="-50" y="-50" />
 </svg>
diff --git a/Tests/LibWeb/Ref/svg-inside-scroll-container.html b/Tests/LibWeb/Ref/input/svg-inside-scroll-container.html
similarity index 91%
rename from Tests/LibWeb/Ref/svg-inside-scroll-container.html
rename to Tests/LibWeb/Ref/input/svg-inside-scroll-container.html
index ac68dfde125..20d9d92403f 100644
--- a/Tests/LibWeb/Ref/svg-inside-scroll-container.html
+++ b/Tests/LibWeb/Ref/input/svg-inside-scroll-container.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/svg-inside-scroll-container-ref.html" />
+<link rel="match" href="../expected/svg-inside-scroll-container-ref.html" />
 <style>
     * {
         scrollbar-width: none;
diff --git a/Tests/LibWeb/Ref/svg-invalid-number-arguments.html b/Tests/LibWeb/Ref/input/svg-invalid-number-arguments.html
similarity index 92%
rename from Tests/LibWeb/Ref/svg-invalid-number-arguments.html
rename to Tests/LibWeb/Ref/input/svg-invalid-number-arguments.html
index 4c1b83ad0fb..8f21770ad90 100644
--- a/Tests/LibWeb/Ref/svg-invalid-number-arguments.html
+++ b/Tests/LibWeb/Ref/input/svg-invalid-number-arguments.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/svg-invalid-number-arguments-ref.html" />
+<link rel="match" href="../expected/svg-invalid-number-arguments-ref.html" />
 <svg viewBox="0 0 10 10" width="100" height="100">
     <line x2="10" y2="-" stroke="black" />
 </svg>
diff --git a/Tests/LibWeb/Ref/svg-mask-in-defs.html b/Tests/LibWeb/Ref/input/svg-mask-in-defs.html
similarity index 88%
rename from Tests/LibWeb/Ref/svg-mask-in-defs.html
rename to Tests/LibWeb/Ref/input/svg-mask-in-defs.html
index 277c69fc3bb..0b847f614f6 100644
--- a/Tests/LibWeb/Ref/svg-mask-in-defs.html
+++ b/Tests/LibWeb/Ref/input/svg-mask-in-defs.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/simple-svg-mask-ref.html" />
+<link rel="match" href="../expected/simple-svg-mask-ref.html" />
 <svg width="120" viewBox="-10 -10 120 120">
   <defs>
     <mask id="myMask">
diff --git a/Tests/LibWeb/Ref/svg-mask-maskUnits-userSpaceOnUse.html b/Tests/LibWeb/Ref/input/svg-mask-maskUnits-userSpaceOnUse.html
similarity index 89%
rename from Tests/LibWeb/Ref/svg-mask-maskUnits-userSpaceOnUse.html
rename to Tests/LibWeb/Ref/input/svg-mask-maskUnits-userSpaceOnUse.html
index 7ba529188b9..a490f5d3fa3 100644
--- a/Tests/LibWeb/Ref/svg-mask-maskUnits-userSpaceOnUse.html
+++ b/Tests/LibWeb/Ref/input/svg-mask-maskUnits-userSpaceOnUse.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/simple-svg-mask-ref.html" />
+<link rel="match" href="../expected/simple-svg-mask-ref.html" />
 <svg width="120" viewBox="-10 -10 120 120">
   <defs>
     <mask id="myMask" maskUnits="userSpaceOnUse">
diff --git a/Tests/LibWeb/Ref/svg-non-local-clip-path-display-none.html b/Tests/LibWeb/Ref/input/svg-non-local-clip-path-display-none.html
similarity index 74%
rename from Tests/LibWeb/Ref/svg-non-local-clip-path-display-none.html
rename to Tests/LibWeb/Ref/input/svg-non-local-clip-path-display-none.html
index 2e69728b541..f992ca74d4e 100644
--- a/Tests/LibWeb/Ref/svg-non-local-clip-path-display-none.html
+++ b/Tests/LibWeb/Ref/input/svg-non-local-clip-path-display-none.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/svg-non-local-clip-path-display-none-ref.html" />
+<link rel="match" href="../expected/svg-non-local-clip-path-display-none-ref.html" />
 <svg>
     <clipPath id="jeez" style="display:none">
       <rect x="10" y="10" width="50" height="50">
diff --git a/Tests/LibWeb/Ref/svg-overflow-hidden.html b/Tests/LibWeb/Ref/input/svg-overflow-hidden.html
similarity index 76%
rename from Tests/LibWeb/Ref/svg-overflow-hidden.html
rename to Tests/LibWeb/Ref/input/svg-overflow-hidden.html
index 81ee6bd3460..f2de1f078bb 100644
--- a/Tests/LibWeb/Ref/svg-overflow-hidden.html
+++ b/Tests/LibWeb/Ref/input/svg-overflow-hidden.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-overflow-hidden-ref.html" />
+<link rel="match" href="../expected/svg-overflow-hidden-ref.html" />
 <style>
     svg { 
         width: 100px; 
diff --git a/Tests/LibWeb/Ref/svg-overflow-visible.html b/Tests/LibWeb/Ref/input/svg-overflow-visible.html
similarity index 76%
rename from Tests/LibWeb/Ref/svg-overflow-visible.html
rename to Tests/LibWeb/Ref/input/svg-overflow-visible.html
index b57f19093ed..8fa22221eb2 100644
--- a/Tests/LibWeb/Ref/svg-overflow-visible.html
+++ b/Tests/LibWeb/Ref/input/svg-overflow-visible.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-overflow-visible-ref.html" />
+<link rel="match" href="../expected/svg-overflow-visible-ref.html" />
 <style>
     svg { 
         width: 100px; 
diff --git a/Tests/LibWeb/Ref/svg-path-incomplete-args.html b/Tests/LibWeb/Ref/input/svg-path-incomplete-args.html
similarity index 97%
rename from Tests/LibWeb/Ref/svg-path-incomplete-args.html
rename to Tests/LibWeb/Ref/input/svg-path-incomplete-args.html
index 772481be3b0..30a8c378bf1 100644
--- a/Tests/LibWeb/Ref/svg-path-incomplete-args.html
+++ b/Tests/LibWeb/Ref/input/svg-path-incomplete-args.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/svg-path-incomplete-args-ref.html" />
+<link rel="match" href="../expected/svg-path-incomplete-args-ref.html" />
 <div>
     <svg width="800" height="100">
         <g stroke="black">
diff --git a/Tests/LibWeb/Ref/svg-polygon-with-incomplete-points.html b/Tests/LibWeb/Ref/input/svg-polygon-with-incomplete-points.html
similarity index 91%
rename from Tests/LibWeb/Ref/svg-polygon-with-incomplete-points.html
rename to Tests/LibWeb/Ref/input/svg-polygon-with-incomplete-points.html
index 6a3e90cb168..52f30b02024 100644
--- a/Tests/LibWeb/Ref/svg-polygon-with-incomplete-points.html
+++ b/Tests/LibWeb/Ref/input/svg-polygon-with-incomplete-points.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/svg-polygon-with-incomplete-points-ref.html" />
+<link rel="match" href="../expected/svg-polygon-with-incomplete-points-ref.html" />
 <svg viewBox="0 0 10 10" width="100" height="100">
     <polygon points="" />
 </svg>
diff --git a/Tests/LibWeb/Ref/svg-symbol.html b/Tests/LibWeb/Ref/input/svg-symbol.html
similarity index 75%
rename from Tests/LibWeb/Ref/svg-symbol.html
rename to Tests/LibWeb/Ref/input/svg-symbol.html
index 1afebb1a8e0..c65cd2d8bbb 100644
--- a/Tests/LibWeb/Ref/svg-symbol.html
+++ b/Tests/LibWeb/Ref/input/svg-symbol.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-symbol-ref.html" />
+<link rel="match" href="../expected/svg-symbol-ref.html" />
 <svg><symbol id="dot" width="500" height="500" viewBox="0 0 2 10">
 <circle fill="green" cx="1" cy="1" r="1"/>
 <circle fill="blue" cx="1.5" cy="1" r="1"/>
diff --git a/Tests/LibWeb/Ref/svg-use-defined-later.html b/Tests/LibWeb/Ref/input/svg-use-defined-later.html
similarity index 78%
rename from Tests/LibWeb/Ref/svg-use-defined-later.html
rename to Tests/LibWeb/Ref/input/svg-use-defined-later.html
index bb8bf3ac2b2..1bf337670cd 100644
--- a/Tests/LibWeb/Ref/svg-use-defined-later.html
+++ b/Tests/LibWeb/Ref/input/svg-use-defined-later.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/svg-use-defined-earlier.html" />
+<link rel="match" href="../expected/svg-use-defined-earlier.html" />
 <div>
   <svg width="100" height="100">
     <use xlink:href="#later-reference"></use>
diff --git a/Tests/LibWeb/Ref/text-decoration-in-anonymous-wrapper.html b/Tests/LibWeb/Ref/input/text-decoration-in-anonymous-wrapper.html
similarity index 80%
rename from Tests/LibWeb/Ref/text-decoration-in-anonymous-wrapper.html
rename to Tests/LibWeb/Ref/input/text-decoration-in-anonymous-wrapper.html
index 8f99c915c26..15880f60aeb 100644
--- a/Tests/LibWeb/Ref/text-decoration-in-anonymous-wrapper.html
+++ b/Tests/LibWeb/Ref/input/text-decoration-in-anonymous-wrapper.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/text-decoration-in-anonymous-wrapper-ref.html" />
+<link rel="match" href="../expected/text-decoration-in-anonymous-wrapper-ref.html" />
 <style type="text/css">
     .strike {
         text-decoration-line: line-through;
diff --git a/Tests/LibWeb/Ref/text-overflow.html b/Tests/LibWeb/Ref/input/text-overflow.html
similarity index 85%
rename from Tests/LibWeb/Ref/text-overflow.html
rename to Tests/LibWeb/Ref/input/text-overflow.html
index d85574f1487..9affbe9cfbc 100644
--- a/Tests/LibWeb/Ref/text-overflow.html
+++ b/Tests/LibWeb/Ref/input/text-overflow.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/text-overflow.html" />
+<link rel="match" href="../expected/text-overflow.html" />
 <style>
   div {
     overflow: hidden;
diff --git a/Tests/LibWeb/Ref/textnode-segmenter-invalidation.html b/Tests/LibWeb/Ref/input/textnode-segmenter-invalidation.html
similarity index 73%
rename from Tests/LibWeb/Ref/textnode-segmenter-invalidation.html
rename to Tests/LibWeb/Ref/input/textnode-segmenter-invalidation.html
index d1088abb205..2f41009b685 100644
--- a/Tests/LibWeb/Ref/textnode-segmenter-invalidation.html
+++ b/Tests/LibWeb/Ref/input/textnode-segmenter-invalidation.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<head><link rel="match" href="reference/textnode-segmenter-invalidation.html" /></head>
+<head><link rel="match" href="../expected/textnode-segmenter-invalidation.html" /></head>
 <textarea id="output"></textarea>
 <script>
     document.addEventListener('DOMContentLoaded', () => {
diff --git a/Tests/LibWeb/Ref/transform-2d-translate.html b/Tests/LibWeb/Ref/input/transform-2d-translate.html
similarity index 70%
rename from Tests/LibWeb/Ref/transform-2d-translate.html
rename to Tests/LibWeb/Ref/input/transform-2d-translate.html
index 9553307cde2..4abcdc3399f 100644
--- a/Tests/LibWeb/Ref/transform-2d-translate.html
+++ b/Tests/LibWeb/Ref/input/transform-2d-translate.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/transform-2d-translate-ref.html" />
+<link rel="match" href="../expected/transform-2d-translate-ref.html" />
 <style>
 * {
     outline: 1px solid black;
diff --git a/Tests/LibWeb/Ref/transform-box.html b/Tests/LibWeb/Ref/input/transform-box.html
similarity index 72%
rename from Tests/LibWeb/Ref/transform-box.html
rename to Tests/LibWeb/Ref/input/transform-box.html
index abe6dbb8f51..31c82adde37 100644
--- a/Tests/LibWeb/Ref/transform-box.html
+++ b/Tests/LibWeb/Ref/input/transform-box.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/transform-box-ref.html" />
+<link rel="match" href="../expected/transform-box-ref.html" />
 <style>
 div {
     border: 20px solid crimson;
diff --git a/Tests/LibWeb/Ref/transform-calc-length-percentage.html b/Tests/LibWeb/Ref/input/transform-calc-length-percentage.html
similarity index 78%
rename from Tests/LibWeb/Ref/transform-calc-length-percentage.html
rename to Tests/LibWeb/Ref/input/transform-calc-length-percentage.html
index 660dbb658e1..9c0eebb8529 100644
--- a/Tests/LibWeb/Ref/transform-calc-length-percentage.html
+++ b/Tests/LibWeb/Ref/input/transform-calc-length-percentage.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/transform-calc-length-percentage-ref.html" /><style>
+<link rel="match" href="../expected/transform-calc-length-percentage-ref.html" /><style>
     * { outline: 1px solid black; }
     html { background: white; }
     body {
diff --git a/Tests/LibWeb/Ref/unicode-range.html b/Tests/LibWeb/Ref/input/unicode-range.html
similarity index 74%
rename from Tests/LibWeb/Ref/unicode-range.html
rename to Tests/LibWeb/Ref/input/unicode-range.html
index 2a9b59d6edc..45fc9689bee 100644
--- a/Tests/LibWeb/Ref/unicode-range.html
+++ b/Tests/LibWeb/Ref/input/unicode-range.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <link rel="match" href="reference/unicode-range-ref.html" />
+    <link rel="match" href="../expected/unicode-range-ref.html" />
     <style>
         @font-face {
             font-family: 'HashFont';
-            src: url('../Assets/HashSans.woff');
+            src: url('../../Assets/HashSans.woff');
             unicode-range: U+0041; /* Only letter 'A' */
         }
 
diff --git a/Tests/LibWeb/Ref/webkit-box-shadow.html b/Tests/LibWeb/Ref/input/webkit-box-shadow.html
similarity index 61%
rename from Tests/LibWeb/Ref/webkit-box-shadow.html
rename to Tests/LibWeb/Ref/input/webkit-box-shadow.html
index e42bac6ea59..0a62fa01679 100644
--- a/Tests/LibWeb/Ref/webkit-box-shadow.html
+++ b/Tests/LibWeb/Ref/input/webkit-box-shadow.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/webkit-box-shadow.html" />
+<link rel="match" href="../expected/webkit-box-shadow.html" />
 <div style="width: 50px; height: 50px; -webkit-box-shadow: 10px 5px 5px red"></div>
diff --git a/Tests/LibWeb/Ref/webkit-text-fill-color.html b/Tests/LibWeb/Ref/input/webkit-text-fill-color.html
similarity index 58%
rename from Tests/LibWeb/Ref/webkit-text-fill-color.html
rename to Tests/LibWeb/Ref/input/webkit-text-fill-color.html
index 0c64191a110..b8654714ea0 100644
--- a/Tests/LibWeb/Ref/webkit-text-fill-color.html
+++ b/Tests/LibWeb/Ref/input/webkit-text-fill-color.html
@@ -1,2 +1,2 @@
-<link rel="match" href="reference/webkit-text-fill-color.html" />
+<link rel="match" href="../expected/webkit-text-fill-color.html" />
 <p style="text-decoration: underline; -webkit-text-fill-color: lime">Well, hello friends!</p>
diff --git a/Tests/LibWeb/Ref/z-index-should-not-affect-svg-painting-order.html b/Tests/LibWeb/Ref/input/z-index-should-not-affect-svg-painting-order.html
similarity index 81%
rename from Tests/LibWeb/Ref/z-index-should-not-affect-svg-painting-order.html
rename to Tests/LibWeb/Ref/input/z-index-should-not-affect-svg-painting-order.html
index 47c50971174..f3ba0b3fafd 100644
--- a/Tests/LibWeb/Ref/z-index-should-not-affect-svg-painting-order.html
+++ b/Tests/LibWeb/Ref/input/z-index-should-not-affect-svg-painting-order.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/z-index-should-not-affect-svg-painting-order-ref.html" />
+<link rel="match" href="../expected/z-index-should-not-affect-svg-painting-order-ref.html" />
 <style>
 svg {
     width: 400px;
diff --git a/Tests/LibWeb/Ref/nested-svg-as-img.html b/Tests/LibWeb/Ref/nested-svg-as-img.html
deleted file mode 100644
index 9d937c65946..00000000000
--- a/Tests/LibWeb/Ref/nested-svg-as-img.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<style>
-  img { border: 1px solid black; }
- </style>
-<img src="./assets/nested-svg.svg">
-<link rel="match" href="reference/nested-svg-as-img-ref.html" />
diff --git a/Tests/LibWeb/Screenshot/alt-frame.html b/Tests/LibWeb/Screenshot/alt-frame.html
deleted file mode 100644
index 94b502ca8a6..00000000000
--- a/Tests/LibWeb/Screenshot/alt-frame.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<!DOCTYPE html>
-<link rel="match" href="reference/alt-frame-ref.html" />
-<img alt='Hello!!'>
diff --git a/Tests/LibWeb/Screenshot/css-backgrounds.html b/Tests/LibWeb/Screenshot/css-backgrounds.html
deleted file mode 100644
index 86e221ffa87..00000000000
--- a/Tests/LibWeb/Screenshot/css-backgrounds.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8" />
-    <title>CSS Background Tests</title>
-    <link rel="match" href="reference/css-backgrounds-ref.html" />
-    <style>
-        .box {
-            width: 180px;
-            height: 160px;
-            border: 1px solid black;
-            padding: 5px 10px 15px 20px;
-            overflow: auto;
-            margin-bottom: 10px;
-            scrollbar-width: none;
-        }
-
-        .force-scroll {
-            width: 500px;
-            height: 500px;
-        }
-    </style>
-</head>
-<body>
-    <!-- FIXME: This <img> tag is only here as a hack. The test runner takes a screenshot after the load event,
-                which waits for img tags to load, but not images referred to in CSS. -->
-    <img src="./assets/smiley.png"/>
-
-    <div class="box" style="background: url('./assets/smiley.png') fixed;">
-        <div class="force-scroll"></div>
-    </div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-attachment: fixed;">
-        <div class="force-scroll"></div>
-    </div>
-
-    <div class="box" style="background: url('./assets/smiley.png') local">
-        <div class="force-scroll"></div>
-    </div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-attachment: local">
-        <div class="force-scroll"></div>
-    </div>
-
-    <div class="box" style="background: url('./assets/smiley.png') scroll">
-        <div class="force-scroll"></div>
-    </div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-attachment: scroll">
-        <div class="force-scroll"></div>
-    </div>
-
-    <div class="box" style="background: url('./assets/smiley.png') bottom 5% right 10px no-repeat"></div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-position: bottom 5% right 10px; background-repeat: no-repeat"></div>
-
-
-    <div class="box" style="background: url('./assets/smiley.png') yellow padding-box content-box"></div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-color: yellow; background-origin: padding-box; background-clip: content-box"></div>
-
-    <div class="box" style="background: url('./assets/smiley.png') center / contain"></div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-position: center; background-size: contain"></div>
-
-    <div class="box" style="background: url('./assets/smiley.png') center / cover"></div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-position: center; background-size: cover"></div>
-
-    <div class="box" style="background: url('./assets/smiley.png') top / 50% 25px"></div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-position: top; background-size: 50% 25px"></div>
-
-    <div class="box" style="background: url('./assets/smiley.png') space"></div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-repeat: space"></div>
-
-    <div class="box" style="background: url('./assets/smiley.png') round"></div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-repeat: round"></div>
-
-    <div class="box" style="background: url('./assets/smiley.png') space round"></div>
-    <div class="box" style="background-image: url('./assets/smiley.png'); background-repeat: space round"></div>
-
-    <div class="box" style="background: url('./assets/smiley.png') no-repeat top 5px left 5px, url('./assets/smiley.png') no-repeat top 5px right 5px, url('./assets/smiley.png') no-repeat bottom 5px left 5px, url('./assets/smiley.png') no-repeat bottom 5px right 5px, url('./assets/smiley.png') no-repeat center cyan"></div>
-    <div class="box" style="background-color: cyan;
-        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
-        background-position: top 5px left 5px, top 5px right 5px, bottom 5px left 5px, bottom 5px right 5px, center;
-        background-image: url('./assets/smiley.png'), url('./assets/smiley.png'), url('./assets/smiley.png'), url('./assets/smiley.png'), url('./assets/smiley.png');"></div>
-</body>
-
-</html>
diff --git a/Tests/LibWeb/Screenshot/css-filter.html b/Tests/LibWeb/Screenshot/css-filter.html
deleted file mode 100644
index 4344a29075b..00000000000
--- a/Tests/LibWeb/Screenshot/css-filter.html
+++ /dev/null
@@ -1,74 +0,0 @@
-<!DOCTYPE html>
-<html>
-<link rel="match" href="reference/css-filter-ref.html" />
-<style>
-    body {
-        font-size: 0;
-    }
-
-    img {
-        width: 50px;
-    }
-</style>
-
-<!-- blur() -->
-<img src="assets/car.png" style="filter: blur()">
-<img src="assets/car.png" style="filter: blur(0)">
-<img src="assets/car.png" style="filter: blur(4px)">
-<img src="assets/car.png" style="filter: blur(calc(4 * 1px))">
-
-<!-- drop-shadow() is tested in css-filter-drop-shadow.html -->
-
-<!-- hue-rotate() -->
-<img src="assets/car.png" style="filter: hue-rotate()">
-<img src="assets/car.png" style="filter: hue-rotate(0)">
-<img src="assets/car.png" style="filter: hue-rotate(90)">
-<img src="assets/car.png" style="filter: hue-rotate(90deg)">
-<img src="assets/car.png" style="filter: hue-rotate(-90deg)">
-<img src="assets/car.png" style="filter: hue-rotate(calc(180 * 1deg))">
-
-<!-- simple color filters -->
-<!-- omitted -->
-<img src="assets/car.png" style="filter: brightness()">
-<img src="assets/car.png" style="filter: contrast()">
-<img src="assets/car.png" style="filter: grayscale()">
-<img src="assets/car.png" style="filter: invert()">
-<img src="assets/car.png" style="filter: opacity()">
-<img src="assets/car.png" style="filter: sepia()">
-<img src="assets/car.png" style="filter: saturate()">
-
-<!-- number -->
-<img src="assets/car.png" style="filter: brightness(0.75)">
-<img src="assets/car.png" style="filter: contrast(0.75)">
-<img src="assets/car.png" style="filter: grayscale(0.75)">
-<img src="assets/car.png" style="filter: invert(0.75)">
-<img src="assets/car.png" style="filter: opacity(0.75)">
-<img src="assets/car.png" style="filter: sepia(0.75)">
-<img src="assets/car.png" style="filter: saturate(0.75)">
-
-<!-- percentage -->
-<img src="assets/car.png" style="filter: brightness(75%)">
-<img src="assets/car.png" style="filter: contrast(75%)">
-<img src="assets/car.png" style="filter: grayscale(75%)">
-<img src="assets/car.png" style="filter: invert(75%)">
-<img src="assets/car.png" style="filter: opacity(75%)">
-<img src="assets/car.png" style="filter: sepia(75%)">
-<img src="assets/car.png" style="filter: saturate(75%)">
-
-<!-- calculated number -->
-<img src="assets/car.png" style="filter: brightness(calc(3 / 4))">
-<img src="assets/car.png" style="filter: contrast(calc(3 / 4))">
-<img src="assets/car.png" style="filter: grayscale(calc(3 / 4))">
-<img src="assets/car.png" style="filter: invert(calc(3 / 4))">
-<img src="assets/car.png" style="filter: opacity(calc(3 / 4))">
-<img src="assets/car.png" style="filter: sepia(calc(3 / 4))">
-<img src="assets/car.png" style="filter: saturate(calc(3 / 4))">
-
-<!-- calculated percentage -->
-<img src="assets/car.png" style="filter: brightness(calc(3 * 25%))">
-<img src="assets/car.png" style="filter: contrast(calc(3 * 25%))">
-<img src="assets/car.png" style="filter: grayscale(calc(3 * 25%))">
-<img src="assets/car.png" style="filter: invert(calc(3 * 25%))">
-<img src="assets/car.png" style="filter: opacity(calc(3 * 25%))">
-<img src="assets/car.png" style="filter: sepia(calc(3 * 25%))">
-<img src="assets/car.png" style="filter: saturate(calc(3 * 25%))">
diff --git a/Tests/LibWeb/Screenshot/assets/background-no-repeat.html b/Tests/LibWeb/Screenshot/data/background-no-repeat.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/assets/background-no-repeat.html
rename to Tests/LibWeb/Screenshot/data/background-no-repeat.html
diff --git a/Tests/LibWeb/Screenshot/assets/background-repeat-x.html b/Tests/LibWeb/Screenshot/data/background-repeat-x.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/assets/background-repeat-x.html
rename to Tests/LibWeb/Screenshot/data/background-repeat-x.html
diff --git a/Tests/LibWeb/Screenshot/assets/background-repeat-y.html b/Tests/LibWeb/Screenshot/data/background-repeat-y.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/assets/background-repeat-y.html
rename to Tests/LibWeb/Screenshot/data/background-repeat-y.html
diff --git a/Tests/LibWeb/Screenshot/assets/background-repeat.html b/Tests/LibWeb/Screenshot/data/background-repeat.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/assets/background-repeat.html
rename to Tests/LibWeb/Screenshot/data/background-repeat.html
diff --git a/Tests/LibWeb/Screenshot/assets/car.png b/Tests/LibWeb/Screenshot/data/car.png
similarity index 100%
rename from Tests/LibWeb/Screenshot/assets/car.png
rename to Tests/LibWeb/Screenshot/data/car.png
diff --git a/Tests/LibWeb/Screenshot/assets/smiley.png b/Tests/LibWeb/Screenshot/data/smiley.png
similarity index 100%
rename from Tests/LibWeb/Screenshot/assets/smiley.png
rename to Tests/LibWeb/Screenshot/data/smiley.png
diff --git a/Tests/LibWeb/Screenshot/assets/vertical-rect.svg b/Tests/LibWeb/Screenshot/data/vertical-rect.svg
similarity index 100%
rename from Tests/LibWeb/Screenshot/assets/vertical-rect.svg
rename to Tests/LibWeb/Screenshot/data/vertical-rect.svg
diff --git a/Tests/LibWeb/Screenshot/reference/alt-frame-ref.html b/Tests/LibWeb/Screenshot/expected/alt-frame-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/alt-frame-ref.html
rename to Tests/LibWeb/Screenshot/expected/alt-frame-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/border-radius-ref.html b/Tests/LibWeb/Screenshot/expected/border-radius-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/border-radius-ref.html
rename to Tests/LibWeb/Screenshot/expected/border-radius-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/canvas-arcs-and-ellipses-ref.html b/Tests/LibWeb/Screenshot/expected/canvas-arcs-and-ellipses-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/canvas-arcs-and-ellipses-ref.html
rename to Tests/LibWeb/Screenshot/expected/canvas-arcs-and-ellipses-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/canvas-fillstyle-rgb-ref.html b/Tests/LibWeb/Screenshot/expected/canvas-fillstyle-rgb-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/canvas-fillstyle-rgb-ref.html
rename to Tests/LibWeb/Screenshot/expected/canvas-fillstyle-rgb-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/canvas-implict-moves-and-lines-ref.html b/Tests/LibWeb/Screenshot/expected/canvas-implict-moves-and-lines-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/canvas-implict-moves-and-lines-ref.html
rename to Tests/LibWeb/Screenshot/expected/canvas-implict-moves-and-lines-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/canvas-path-rect-ref.html b/Tests/LibWeb/Screenshot/expected/canvas-path-rect-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/canvas-path-rect-ref.html
rename to Tests/LibWeb/Screenshot/expected/canvas-path-rect-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/canvas-shadow-ref.html b/Tests/LibWeb/Screenshot/expected/canvas-shadow-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/canvas-shadow-ref.html
rename to Tests/LibWeb/Screenshot/expected/canvas-shadow-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/canvas-text-ref.html b/Tests/LibWeb/Screenshot/expected/canvas-text-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/canvas-text-ref.html
rename to Tests/LibWeb/Screenshot/expected/canvas-text-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/canvas-unpremultiplied-image-ref.html b/Tests/LibWeb/Screenshot/expected/canvas-unpremultiplied-image-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/canvas-unpremultiplied-image-ref.html
rename to Tests/LibWeb/Screenshot/expected/canvas-unpremultiplied-image-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/clip-path-basic-shapes-ref.html b/Tests/LibWeb/Screenshot/expected/clip-path-basic-shapes-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/clip-path-basic-shapes-ref.html
rename to Tests/LibWeb/Screenshot/expected/clip-path-basic-shapes-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/clip-path-polygon-ref.html b/Tests/LibWeb/Screenshot/expected/clip-path-polygon-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/clip-path-polygon-ref.html
rename to Tests/LibWeb/Screenshot/expected/clip-path-polygon-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/clip-path-transformed-ref.html b/Tests/LibWeb/Screenshot/expected/clip-path-transformed-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/clip-path-transformed-ref.html
rename to Tests/LibWeb/Screenshot/expected/clip-path-transformed-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-background-clip-text-ref.html b/Tests/LibWeb/Screenshot/expected/css-background-clip-text-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-background-clip-text-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-background-clip-text-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-background-position-ref.html b/Tests/LibWeb/Screenshot/expected/css-background-position-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-background-position-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-background-position-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-background-repeat-ref.html b/Tests/LibWeb/Screenshot/expected/css-background-repeat-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-background-repeat-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-background-repeat-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-backgrounds-ref.html b/Tests/LibWeb/Screenshot/expected/css-backgrounds-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-backgrounds-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-backgrounds-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-color-functions-ref.html b/Tests/LibWeb/Screenshot/expected/css-color-functions-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-color-functions-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-color-functions-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-filter-drop-shadow-ref.html b/Tests/LibWeb/Screenshot/expected/css-filter-drop-shadow-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-filter-drop-shadow-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-filter-drop-shadow-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-filter-ref.html b/Tests/LibWeb/Screenshot/expected/css-filter-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-filter-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-filter-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-gradients-ref.html b/Tests/LibWeb/Screenshot/expected/css-gradients-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-gradients-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-gradients-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/css-transform-box-ref.html b/Tests/LibWeb/Screenshot/expected/css-transform-box-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/css-transform-box-ref.html
rename to Tests/LibWeb/Screenshot/expected/css-transform-box-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/inline-node-ref.html b/Tests/LibWeb/Screenshot/expected/inline-node-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/inline-node-ref.html
rename to Tests/LibWeb/Screenshot/expected/inline-node-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/input-placeholder-ref.html b/Tests/LibWeb/Screenshot/expected/input-placeholder-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/input-placeholder-ref.html
rename to Tests/LibWeb/Screenshot/expected/input-placeholder-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/meter-ref.html b/Tests/LibWeb/Screenshot/expected/meter-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/meter-ref.html
rename to Tests/LibWeb/Screenshot/expected/meter-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/nested-boxes-with-hidden-overflow-and-border-radius-ref.html b/Tests/LibWeb/Screenshot/expected/nested-boxes-with-hidden-overflow-and-border-radius-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/nested-boxes-with-hidden-overflow-and-border-radius-ref.html
rename to Tests/LibWeb/Screenshot/expected/nested-boxes-with-hidden-overflow-and-border-radius-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/object-fit-position-ref.html b/Tests/LibWeb/Screenshot/expected/object-fit-position-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/object-fit-position-ref.html
rename to Tests/LibWeb/Screenshot/expected/object-fit-position-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/opacity-stacking-ref.html b/Tests/LibWeb/Screenshot/expected/opacity-stacking-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/opacity-stacking-ref.html
rename to Tests/LibWeb/Screenshot/expected/opacity-stacking-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/outer-box-shadow-ref.html b/Tests/LibWeb/Screenshot/expected/outer-box-shadow-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/outer-box-shadow-ref.html
rename to Tests/LibWeb/Screenshot/expected/outer-box-shadow-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-axis-aligned-lines-ref.html b/Tests/LibWeb/Screenshot/expected/svg-axis-aligned-lines-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-axis-aligned-lines-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-axis-aligned-lines-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-background-no-natural-size-ref.html b/Tests/LibWeb/Screenshot/expected/svg-background-no-natural-size-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-background-no-natural-size-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-background-no-natural-size-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-clip-path-and-mask-ref.html b/Tests/LibWeb/Screenshot/expected/svg-clip-path-and-mask-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-clip-path-and-mask-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-clip-path-and-mask-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-clip-rule-ref.html b/Tests/LibWeb/Screenshot/expected/svg-clip-rule-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-clip-rule-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-clip-rule-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-foreign-object-mask-ref.html b/Tests/LibWeb/Screenshot/expected/svg-foreign-object-mask-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-foreign-object-mask-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-foreign-object-mask-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-gradient-spreadMethod-ref.html b/Tests/LibWeb/Screenshot/expected/svg-gradient-spreadMethod-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-gradient-spreadMethod-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-gradient-spreadMethod-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-gradient-userSpaceOnUse-ref.html b/Tests/LibWeb/Screenshot/expected/svg-gradient-userSpaceOnUse-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-gradient-userSpaceOnUse-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-gradient-userSpaceOnUse-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-maskContentUnits-ref.html b/Tests/LibWeb/Screenshot/expected/svg-maskContentUnits-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-maskContentUnits-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-maskContentUnits-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-non-local-clip-path-ref.html b/Tests/LibWeb/Screenshot/expected/svg-non-local-clip-path-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-non-local-clip-path-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-non-local-clip-path-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-path-offset-rounding-ref.html b/Tests/LibWeb/Screenshot/expected/svg-path-offset-rounding-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-path-offset-rounding-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-path-offset-rounding-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-radialGradient-ref.html b/Tests/LibWeb/Screenshot/expected/svg-radialGradient-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-radialGradient-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-radialGradient-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-simple-clipPath-ref.html b/Tests/LibWeb/Screenshot/expected/svg-simple-clipPath-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-simple-clipPath-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-simple-clipPath-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-stroke-paintstyle-with-opacity-ref.html b/Tests/LibWeb/Screenshot/expected/svg-stroke-paintstyle-with-opacity-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-stroke-paintstyle-with-opacity-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-stroke-paintstyle-with-opacity-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-text-effects-ref.html b/Tests/LibWeb/Screenshot/expected/svg-text-effects-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-text-effects-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-text-effects-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/svg-textPath-ref.html b/Tests/LibWeb/Screenshot/expected/svg-textPath-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/svg-textPath-ref.html
rename to Tests/LibWeb/Screenshot/expected/svg-textPath-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/text-decorations-ref.html b/Tests/LibWeb/Screenshot/expected/text-decorations-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/text-decorations-ref.html
rename to Tests/LibWeb/Screenshot/expected/text-decorations-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/text-direction-ref.html b/Tests/LibWeb/Screenshot/expected/text-direction-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/text-direction-ref.html
rename to Tests/LibWeb/Screenshot/expected/text-direction-ref.html
diff --git a/Tests/LibWeb/Screenshot/reference/text-shadow-ref.html b/Tests/LibWeb/Screenshot/expected/text-shadow-ref.html
similarity index 100%
rename from Tests/LibWeb/Screenshot/reference/text-shadow-ref.html
rename to Tests/LibWeb/Screenshot/expected/text-shadow-ref.html
diff --git a/Tests/LibWeb/Screenshot/input/alt-frame.html b/Tests/LibWeb/Screenshot/input/alt-frame.html
new file mode 100644
index 00000000000..d468d49853f
--- /dev/null
+++ b/Tests/LibWeb/Screenshot/input/alt-frame.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<link rel="match" href="../expected/alt-frame-ref.html" />
+<img alt='Hello!!'>
diff --git a/Tests/LibWeb/Screenshot/border-radius.html b/Tests/LibWeb/Screenshot/input/border-radius.html
similarity index 93%
rename from Tests/LibWeb/Screenshot/border-radius.html
rename to Tests/LibWeb/Screenshot/input/border-radius.html
index 4f6c24af188..8e25d701e52 100644
--- a/Tests/LibWeb/Screenshot/border-radius.html
+++ b/Tests/LibWeb/Screenshot/input/border-radius.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-<link rel="match" href="reference/border-radius-ref.html" />
+<link rel="match" href="../expected/border-radius-ref.html" />
 <head>
   <style>
     .box {
@@ -215,18 +215,18 @@
       height: 180px;
       background-size: 220px 180px;
       border-radius: 70% 30% 30% 70%/60% 40% 60% 40%;
-      background-image: url(./assets/car.png)
+      background-image: url(../data/car.png)
     }
 
     .screenshot {
       width: 100px;
       height: 100px;
       border-radius: 50%;
-      background-image: url(./assets/car.png)
+      background-image: url(../data/car.png)
     }
 
     .rounded-image {
-      background-image: url(./assets/car.png);
+      background-image: url(../data/car.png);
       background-repeat: repeat;
       border-radius: 20px;
       width: 150px;
@@ -242,7 +242,7 @@
     }
 
     .image-layers {
-      background: center/contain url(car.png) content-box, center/contain url(./assets/car.png)
+      background: center/contain url(car.png) content-box, center/contain url(../data/car.png)
     }
 
     .box-background-clip {
@@ -287,12 +287,12 @@
   <div class="nut"></div>
   <div class="screenshot"></div>
   <div class="rounded-image"></div>
-  <img src="./assets/car.png" style="border-radius: 20px; width: 200px">
+  <img src="../data/car.png" style="border-radius: 20px; width: 200px">
   <div class="box-background-clip solid-color"></div>
   <div class="box-background-clip image"></div>
   <div class="box-background-clip image-layers"></div>
   <a style="display: inline-block; border-radius: 50%; overflow: hidden; width: 100px; height: 100px;">
-    <img src="./assets/car.png" style="width: 100px; height: 100px">
+    <img src="../data/car.png" style="width: 100px; height: 100px">
   </a>
   <div class="box" style="border-radius: 10px; overflow: hidden;">
     <div class="box positioned"></div>
@@ -300,7 +300,7 @@
   <div class="box" style="border-radius: 10px; overflow: hidden;">
     <div class="box" style="background-color: blue;"></div>
   </div>
-  <img src="./assets/car.png" style="border-radius: 100%; border: 10px solid limegreen;">
+  <img src="../data/car.png" style="border-radius: 100%; border: 10px solid limegreen;">
   <div class="box box-1"></div>
   <div class="box box-1-1"></div>
   <div class="box box-1-5"></div>
diff --git a/Tests/LibWeb/Screenshot/canvas-arcs-and-ellipses.html b/Tests/LibWeb/Screenshot/input/canvas-arcs-and-ellipses.html
similarity index 92%
rename from Tests/LibWeb/Screenshot/canvas-arcs-and-ellipses.html
rename to Tests/LibWeb/Screenshot/input/canvas-arcs-and-ellipses.html
index 806b6b024db..c569293f57e 100644
--- a/Tests/LibWeb/Screenshot/canvas-arcs-and-ellipses.html
+++ b/Tests/LibWeb/Screenshot/input/canvas-arcs-and-ellipses.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/canvas-arcs-and-ellipses-ref.html" />
+<link rel="match" href="../expected/canvas-arcs-and-ellipses-ref.html" />
 <style>
   canvas {
     border: 1px solid black;
diff --git a/Tests/LibWeb/Screenshot/canvas-fillstyle-rgb.html b/Tests/LibWeb/Screenshot/input/canvas-fillstyle-rgb.html
similarity index 92%
rename from Tests/LibWeb/Screenshot/canvas-fillstyle-rgb.html
rename to Tests/LibWeb/Screenshot/input/canvas-fillstyle-rgb.html
index f6003338801..8c43f24f77f 100644
--- a/Tests/LibWeb/Screenshot/canvas-fillstyle-rgb.html
+++ b/Tests/LibWeb/Screenshot/input/canvas-fillstyle-rgb.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/canvas-fillstyle-rgb-ref.html" />
+<link rel="match" href="../expected/canvas-fillstyle-rgb-ref.html" />
 <style>
     * {
         margin: 0;
diff --git a/Tests/LibWeb/Screenshot/canvas-implict-moves-and-lines.html b/Tests/LibWeb/Screenshot/input/canvas-implict-moves-and-lines.html
similarity index 93%
rename from Tests/LibWeb/Screenshot/canvas-implict-moves-and-lines.html
rename to Tests/LibWeb/Screenshot/input/canvas-implict-moves-and-lines.html
index 2ca31efc2b6..5f2d5166efc 100644
--- a/Tests/LibWeb/Screenshot/canvas-implict-moves-and-lines.html
+++ b/Tests/LibWeb/Screenshot/input/canvas-implict-moves-and-lines.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/canvas-implict-moves-and-lines-ref.html" />
+<link rel="match" href="../expected/canvas-implict-moves-and-lines-ref.html" />
 <canvas id="canvas" width="300" height="300"></canvas>
 <style>
   #canvas {
diff --git a/Tests/LibWeb/Screenshot/canvas-path-rect.html b/Tests/LibWeb/Screenshot/input/canvas-path-rect.html
similarity index 93%
rename from Tests/LibWeb/Screenshot/canvas-path-rect.html
rename to Tests/LibWeb/Screenshot/input/canvas-path-rect.html
index e34eda08ca0..464d74dc99f 100644
--- a/Tests/LibWeb/Screenshot/canvas-path-rect.html
+++ b/Tests/LibWeb/Screenshot/input/canvas-path-rect.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/canvas-path-rect-ref.html" />
+<link rel="match" href="../expected/canvas-path-rect-ref.html" />
 <style>
   * {
     margin: 0;
diff --git a/Tests/LibWeb/Screenshot/canvas-shadow.html b/Tests/LibWeb/Screenshot/input/canvas-shadow.html
similarity index 89%
rename from Tests/LibWeb/Screenshot/canvas-shadow.html
rename to Tests/LibWeb/Screenshot/input/canvas-shadow.html
index 4466275ef20..b982c0927ba 100644
--- a/Tests/LibWeb/Screenshot/canvas-shadow.html
+++ b/Tests/LibWeb/Screenshot/input/canvas-shadow.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/canvas-shadow-ref.html" />
+<link rel="match" href="../expected/canvas-shadow-ref.html" />
 <style>
     * {
         margin: 0;
diff --git a/Tests/LibWeb/Screenshot/canvas-text.html b/Tests/LibWeb/Screenshot/input/canvas-text.html
similarity index 94%
rename from Tests/LibWeb/Screenshot/canvas-text.html
rename to Tests/LibWeb/Screenshot/input/canvas-text.html
index d29efeffac0..ad1aa5dbc78 100644
--- a/Tests/LibWeb/Screenshot/canvas-text.html
+++ b/Tests/LibWeb/Screenshot/input/canvas-text.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/canvas-text-ref.html" />
+<link rel="match" href="../expected/canvas-text-ref.html" />
 <html>
   <head>
     <style>
diff --git a/Tests/LibWeb/Screenshot/canvas-unpremultiplied-image.html b/Tests/LibWeb/Screenshot/input/canvas-unpremultiplied-image.html
similarity index 85%
rename from Tests/LibWeb/Screenshot/canvas-unpremultiplied-image.html
rename to Tests/LibWeb/Screenshot/input/canvas-unpremultiplied-image.html
index ee63456d5c4..3861adf8886 100644
--- a/Tests/LibWeb/Screenshot/canvas-unpremultiplied-image.html
+++ b/Tests/LibWeb/Screenshot/input/canvas-unpremultiplied-image.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/canvas-unpremultiplied-image-ref.html" />
+<link rel="match" href="../expected/canvas-unpremultiplied-image-ref.html" />
 <script type="module">
 const canvas = document.querySelector('#canvas');
 canvas.width = 100;
diff --git a/Tests/LibWeb/Screenshot/clip-path-basic-shapes.html b/Tests/LibWeb/Screenshot/input/clip-path-basic-shapes.html
similarity index 98%
rename from Tests/LibWeb/Screenshot/clip-path-basic-shapes.html
rename to Tests/LibWeb/Screenshot/input/clip-path-basic-shapes.html
index b11829f6283..b7a84ef1090 100644
--- a/Tests/LibWeb/Screenshot/clip-path-basic-shapes.html
+++ b/Tests/LibWeb/Screenshot/input/clip-path-basic-shapes.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/clip-path-basic-shapes-ref.html" />
+<link rel="match" href="../expected/clip-path-basic-shapes-ref.html" />
 <style>
     .outer {
         margin: 5px;
diff --git a/Tests/LibWeb/Screenshot/clip-path-polygon.html b/Tests/LibWeb/Screenshot/input/clip-path-polygon.html
similarity index 85%
rename from Tests/LibWeb/Screenshot/clip-path-polygon.html
rename to Tests/LibWeb/Screenshot/input/clip-path-polygon.html
index cd4ef90b92e..a2c540dc389 100644
--- a/Tests/LibWeb/Screenshot/clip-path-polygon.html
+++ b/Tests/LibWeb/Screenshot/input/clip-path-polygon.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/clip-path-polygon-ref.html" />
+<link rel="match" href="../expected/clip-path-polygon-ref.html" />
 <style>
   .comment {
       position: absolute;
diff --git a/Tests/LibWeb/Screenshot/clip-path-transformed.html b/Tests/LibWeb/Screenshot/input/clip-path-transformed.html
similarity index 97%
rename from Tests/LibWeb/Screenshot/clip-path-transformed.html
rename to Tests/LibWeb/Screenshot/input/clip-path-transformed.html
index 350f3b13027..8b3e3871b84 100644
--- a/Tests/LibWeb/Screenshot/clip-path-transformed.html
+++ b/Tests/LibWeb/Screenshot/input/clip-path-transformed.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/clip-path-transformed-ref.html" />
+<link rel="match" href="../expected/clip-path-transformed-ref.html" />
 <style>
     body {
         font-size: 0;
diff --git a/Tests/LibWeb/Screenshot/css-background-clip-text.html b/Tests/LibWeb/Screenshot/input/css-background-clip-text.html
similarity index 93%
rename from Tests/LibWeb/Screenshot/css-background-clip-text.html
rename to Tests/LibWeb/Screenshot/input/css-background-clip-text.html
index 9e4c860f9c8..42d7901e6f0 100644
--- a/Tests/LibWeb/Screenshot/css-background-clip-text.html
+++ b/Tests/LibWeb/Screenshot/input/css-background-clip-text.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="match" href="reference/css-background-clip-text-ref.html" />
+  <link rel="match" href="../expected/css-background-clip-text-ref.html" />
   <title>Document</title>
 
   <style>
@@ -33,7 +33,7 @@
     }
 
     .image-background {
-      background: url('./assets/car.png');
+      background: url('../data/car.png');
     }
 
     .border-box {
@@ -57,7 +57,7 @@
 </head>
 <body>
   <!-- Hack to make the test runner wait for the image to load -->
-  <img src="./assets/car.png" />
+  <img src="../data/car.png" />
   
   <p class="border-box linear-gradient">The background extends behind the border.</p>
   <p class="padding-box radial-gradient">
diff --git a/Tests/LibWeb/Screenshot/css-background-position.html b/Tests/LibWeb/Screenshot/input/css-background-position.html
similarity index 97%
rename from Tests/LibWeb/Screenshot/css-background-position.html
rename to Tests/LibWeb/Screenshot/input/css-background-position.html
index adafe6a8ac5..f26024fd329 100644
--- a/Tests/LibWeb/Screenshot/css-background-position.html
+++ b/Tests/LibWeb/Screenshot/input/css-background-position.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8" />
     <title>CSS background-position tests</title>
-    <link rel="match" href="reference/css-background-position-ref.html" />
+    <link rel="match" href="../expected/css-background-position-ref.html" />
     <style>
         .example {
             width: 100px;
@@ -11,14 +11,14 @@
             border: 1px solid black;
             overflow: auto;
             margin-bottom: 10px;
-            background: url("./assets/smiley.png") bottom right no-repeat;
+            background: url("../data/smiley.png") bottom right no-repeat;
         }
     </style>
 </head>
 <body>
     <!-- FIXME: This <img> tag is only here as a hack. The test runner takes a screenshot after the load event,
                 which waits for img tags to load, but not images referred to in CSS. -->
-    <img src="./assets/smiley.png"/>
+    <img src="../data/smiley.png"/>
 
     <!-- Single value -->
     <div class="example" style="background-position: left"></div>
diff --git a/Tests/LibWeb/Screenshot/css-background-repeat.html b/Tests/LibWeb/Screenshot/input/css-background-repeat.html
similarity index 72%
rename from Tests/LibWeb/Screenshot/css-background-repeat.html
rename to Tests/LibWeb/Screenshot/input/css-background-repeat.html
index e0e71a374df..14743636fba 100644
--- a/Tests/LibWeb/Screenshot/css-background-repeat.html
+++ b/Tests/LibWeb/Screenshot/input/css-background-repeat.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <link rel="match" href="reference/css-background-repeat-ref.html" />
+    <link rel="match" href="../expected/css-background-repeat-ref.html" />
     <style>
         body {
             background: cyan;
@@ -13,7 +13,7 @@
             margin-bottom: 10px;
         }
         .background {
-            background: white url(./assets/smiley.png);
+            background: white url(../data/smiley.png);
             width: 200px;
             height: 200px;
             margin-bottom: 10px;
@@ -21,10 +21,10 @@
     </style>
 </head>
 <body>
-    <iframe src="./assets/background-repeat.html"></iframe>
-    <iframe src="./assets/background-repeat-x.html"></iframe>
-    <iframe src="./assets/background-no-repeat.html"></iframe>
-    <iframe src="./assets/background-repeat-y.html"></iframe>
+    <iframe src="../data/background-repeat.html"></iframe>
+    <iframe src="../data/background-repeat-x.html"></iframe>
+    <iframe src="../data/background-no-repeat.html"></iframe>
+    <iframe src="../data/background-repeat-y.html"></iframe>
 
     <div class="background" style="background-repeat: repeat"></div>
     <div class="background" style="background-repeat: repeat-x"></div>
diff --git a/Tests/LibWeb/Screenshot/input/css-backgrounds.html b/Tests/LibWeb/Screenshot/input/css-backgrounds.html
new file mode 100644
index 00000000000..2575662a937
--- /dev/null
+++ b/Tests/LibWeb/Screenshot/input/css-backgrounds.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <title>CSS Background Tests</title>
+    <link rel="match" href="../expected/css-backgrounds-ref.html" />
+    <style>
+        .box {
+            width: 180px;
+            height: 160px;
+            border: 1px solid black;
+            padding: 5px 10px 15px 20px;
+            overflow: auto;
+            margin-bottom: 10px;
+            scrollbar-width: none;
+        }
+
+        .force-scroll {
+            width: 500px;
+            height: 500px;
+        }
+    </style>
+</head>
+<body>
+    <!-- FIXME: This <img> tag is only here as a hack. The test runner takes a screenshot after the load event,
+                which waits for img tags to load, but not images referred to in CSS. -->
+    <img src="../data/smiley.png"/>
+
+    <div class="box" style="background: url('../data/smiley.png') fixed;">
+        <div class="force-scroll"></div>
+    </div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-attachment: fixed;">
+        <div class="force-scroll"></div>
+    </div>
+
+    <div class="box" style="background: url('../data/smiley.png') local">
+        <div class="force-scroll"></div>
+    </div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-attachment: local">
+        <div class="force-scroll"></div>
+    </div>
+
+    <div class="box" style="background: url('../data/smiley.png') scroll">
+        <div class="force-scroll"></div>
+    </div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-attachment: scroll">
+        <div class="force-scroll"></div>
+    </div>
+
+    <div class="box" style="background: url('../data/smiley.png') bottom 5% right 10px no-repeat"></div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-position: bottom 5% right 10px; background-repeat: no-repeat"></div>
+
+
+    <div class="box" style="background: url('../data/smiley.png') yellow padding-box content-box"></div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-color: yellow; background-origin: padding-box; background-clip: content-box"></div>
+
+    <div class="box" style="background: url('../data/smiley.png') center / contain"></div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-position: center; background-size: contain"></div>
+
+    <div class="box" style="background: url('../data/smiley.png') center / cover"></div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-position: center; background-size: cover"></div>
+
+    <div class="box" style="background: url('../data/smiley.png') top / 50% 25px"></div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-position: top; background-size: 50% 25px"></div>
+
+    <div class="box" style="background: url('../data/smiley.png') space"></div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-repeat: space"></div>
+
+    <div class="box" style="background: url('../data/smiley.png') round"></div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-repeat: round"></div>
+
+    <div class="box" style="background: url('../data/smiley.png') space round"></div>
+    <div class="box" style="background-image: url('../data/smiley.png'); background-repeat: space round"></div>
+
+    <div class="box" style="background: url('../data/smiley.png') no-repeat top 5px left 5px, url('../data/smiley.png') no-repeat top 5px right 5px, url('../data/smiley.png') no-repeat bottom 5px left 5px, url('../data/smiley.png') no-repeat bottom 5px right 5px, url('../data/smiley.png') no-repeat center cyan"></div>
+    <div class="box" style="background-color: cyan;
+        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
+        background-position: top 5px left 5px, top 5px right 5px, bottom 5px left 5px, bottom 5px right 5px, center;
+        background-image: url('../data/smiley.png'), url('../data/smiley.png'), url('../data/smiley.png'), url('../data/smiley.png'), url('../data/smiley.png');"></div>
+</body>
+
+</html>
diff --git a/Tests/LibWeb/Screenshot/css-color-functions.html b/Tests/LibWeb/Screenshot/input/css-color-functions.html
similarity index 97%
rename from Tests/LibWeb/Screenshot/css-color-functions.html
rename to Tests/LibWeb/Screenshot/input/css-color-functions.html
index df4f0bf4927..72b6749c864 100644
--- a/Tests/LibWeb/Screenshot/css-color-functions.html
+++ b/Tests/LibWeb/Screenshot/input/css-color-functions.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/css-color-functions-ref.html" />
+<link rel="match" href="../expected/css-color-functions-ref.html" />
 <div style="background-color: rgb(10, 20, 30);">
     <p>legacy rgb with numbers</p>
 </div>
diff --git a/Tests/LibWeb/Screenshot/css-filter-drop-shadow.html b/Tests/LibWeb/Screenshot/input/css-filter-drop-shadow.html
similarity index 91%
rename from Tests/LibWeb/Screenshot/css-filter-drop-shadow.html
rename to Tests/LibWeb/Screenshot/input/css-filter-drop-shadow.html
index ef380851ac9..a3f4b25db5b 100644
--- a/Tests/LibWeb/Screenshot/css-filter-drop-shadow.html
+++ b/Tests/LibWeb/Screenshot/input/css-filter-drop-shadow.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-<link rel="match" href="reference/css-filter-drop-shadow-ref.html" />
+<link rel="match" href="../expected/css-filter-drop-shadow-ref.html" />
 <style>
     div {
         height: 20px;
diff --git a/Tests/LibWeb/Screenshot/input/css-filter.html b/Tests/LibWeb/Screenshot/input/css-filter.html
new file mode 100644
index 00000000000..bb4216aaddc
--- /dev/null
+++ b/Tests/LibWeb/Screenshot/input/css-filter.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<link rel="match" href="../expected/css-filter-ref.html" />
+<style>
+    body {
+        font-size: 0;
+    }
+
+    img {
+        width: 50px;
+    }
+</style>
+
+<!-- blur() -->
+<img src="../data/car.png" style="filter: blur()">
+<img src="../data/car.png" style="filter: blur(0)">
+<img src="../data/car.png" style="filter: blur(4px)">
+<img src="../data/car.png" style="filter: blur(calc(4 * 1px))">
+
+<!-- drop-shadow() is tested in css-filter-drop-shadow.html -->
+
+<!-- hue-rotate() -->
+<img src="../data/car.png" style="filter: hue-rotate()">
+<img src="../data/car.png" style="filter: hue-rotate(0)">
+<img src="../data/car.png" style="filter: hue-rotate(90)">
+<img src="../data/car.png" style="filter: hue-rotate(90deg)">
+<img src="../data/car.png" style="filter: hue-rotate(-90deg)">
+<img src="../data/car.png" style="filter: hue-rotate(calc(180 * 1deg))">
+
+<!-- simple color filters -->
+<!-- omitted -->
+<img src="../data/car.png" style="filter: brightness()">
+<img src="../data/car.png" style="filter: contrast()">
+<img src="../data/car.png" style="filter: grayscale()">
+<img src="../data/car.png" style="filter: invert()">
+<img src="../data/car.png" style="filter: opacity()">
+<img src="../data/car.png" style="filter: sepia()">
+<img src="../data/car.png" style="filter: saturate()">
+
+<!-- number -->
+<img src="../data/car.png" style="filter: brightness(0.75)">
+<img src="../data/car.png" style="filter: contrast(0.75)">
+<img src="../data/car.png" style="filter: grayscale(0.75)">
+<img src="../data/car.png" style="filter: invert(0.75)">
+<img src="../data/car.png" style="filter: opacity(0.75)">
+<img src="../data/car.png" style="filter: sepia(0.75)">
+<img src="../data/car.png" style="filter: saturate(0.75)">
+
+<!-- percentage -->
+<img src="../data/car.png" style="filter: brightness(75%)">
+<img src="../data/car.png" style="filter: contrast(75%)">
+<img src="../data/car.png" style="filter: grayscale(75%)">
+<img src="../data/car.png" style="filter: invert(75%)">
+<img src="../data/car.png" style="filter: opacity(75%)">
+<img src="../data/car.png" style="filter: sepia(75%)">
+<img src="../data/car.png" style="filter: saturate(75%)">
+
+<!-- calculated number -->
+<img src="../data/car.png" style="filter: brightness(calc(3 / 4))">
+<img src="../data/car.png" style="filter: contrast(calc(3 / 4))">
+<img src="../data/car.png" style="filter: grayscale(calc(3 / 4))">
+<img src="../data/car.png" style="filter: invert(calc(3 / 4))">
+<img src="../data/car.png" style="filter: opacity(calc(3 / 4))">
+<img src="../data/car.png" style="filter: sepia(calc(3 / 4))">
+<img src="../data/car.png" style="filter: saturate(calc(3 / 4))">
+
+<!-- calculated percentage -->
+<img src="../data/car.png" style="filter: brightness(calc(3 * 25%))">
+<img src="../data/car.png" style="filter: contrast(calc(3 * 25%))">
+<img src="../data/car.png" style="filter: grayscale(calc(3 * 25%))">
+<img src="../data/car.png" style="filter: invert(calc(3 * 25%))">
+<img src="../data/car.png" style="filter: opacity(calc(3 * 25%))">
+<img src="../data/car.png" style="filter: sepia(calc(3 * 25%))">
+<img src="../data/car.png" style="filter: saturate(calc(3 * 25%))">
diff --git a/Tests/LibWeb/Screenshot/css-gradients.html b/Tests/LibWeb/Screenshot/input/css-gradients.html
similarity index 99%
rename from Tests/LibWeb/Screenshot/css-gradients.html
rename to Tests/LibWeb/Screenshot/input/css-gradients.html
index af32ba62997..4e7f23b4a4a 100644
--- a/Tests/LibWeb/Screenshot/css-gradients.html
+++ b/Tests/LibWeb/Screenshot/input/css-gradients.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-<link rel="match" href="reference/css-gradients-ref.html" />
+<link rel="match" href="../expected/css-gradients-ref.html" />
 <style>
   body {
     background-color: white;
diff --git a/Tests/LibWeb/Screenshot/css-transform-box.html b/Tests/LibWeb/Screenshot/input/css-transform-box.html
similarity index 94%
rename from Tests/LibWeb/Screenshot/css-transform-box.html
rename to Tests/LibWeb/Screenshot/input/css-transform-box.html
index 9ca3dbcf383..84de24ef0c5 100644
--- a/Tests/LibWeb/Screenshot/css-transform-box.html
+++ b/Tests/LibWeb/Screenshot/input/css-transform-box.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/css-transform-box-ref.html" />
+<link rel="match" href="../expected/css-transform-box-ref.html" />
 <style>
     svg {
         width: 400px;
diff --git a/Tests/LibWeb/Screenshot/inline-node.html b/Tests/LibWeb/Screenshot/input/inline-node.html
similarity index 92%
rename from Tests/LibWeb/Screenshot/inline-node.html
rename to Tests/LibWeb/Screenshot/input/inline-node.html
index 367712ae91c..a7a3c1c6823 100644
--- a/Tests/LibWeb/Screenshot/inline-node.html
+++ b/Tests/LibWeb/Screenshot/input/inline-node.html
@@ -2,7 +2,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <link rel="match" href="reference/inline-node-ref.html" />
+    <link rel="match" href="../expected/inline-node-ref.html" />
     <meta charset="UTF-8">
     <title>Inline Node styling test</title>
     <style>
diff --git a/Tests/LibWeb/Screenshot/input-placeholder.html b/Tests/LibWeb/Screenshot/input/input-placeholder.html
similarity index 72%
rename from Tests/LibWeb/Screenshot/input-placeholder.html
rename to Tests/LibWeb/Screenshot/input/input-placeholder.html
index 231fcc4895d..ef23b10345f 100644
--- a/Tests/LibWeb/Screenshot/input-placeholder.html
+++ b/Tests/LibWeb/Screenshot/input/input-placeholder.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/input-placeholder-ref.html" />
+<link rel="match" href="../expected/input-placeholder-ref.html" />
 <style>
     * {
         margin: 0;
diff --git a/Tests/LibWeb/Screenshot/meter.html b/Tests/LibWeb/Screenshot/input/meter.html
similarity index 92%
rename from Tests/LibWeb/Screenshot/meter.html
rename to Tests/LibWeb/Screenshot/input/meter.html
index 2e6dd5121bf..13b110f6c9a 100644
--- a/Tests/LibWeb/Screenshot/meter.html
+++ b/Tests/LibWeb/Screenshot/input/meter.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/meter-ref.html" />
+<link rel="match" href="../expected/meter-ref.html" />
 <style>
     * {
       margin: 0;
diff --git a/Tests/LibWeb/Screenshot/nested-boxes-with-hidden-overflow-and-border-radius.html b/Tests/LibWeb/Screenshot/input/nested-boxes-with-hidden-overflow-and-border-radius.html
similarity index 85%
rename from Tests/LibWeb/Screenshot/nested-boxes-with-hidden-overflow-and-border-radius.html
rename to Tests/LibWeb/Screenshot/input/nested-boxes-with-hidden-overflow-and-border-radius.html
index 4201da1ab06..9055b468e45 100644
--- a/Tests/LibWeb/Screenshot/nested-boxes-with-hidden-overflow-and-border-radius.html
+++ b/Tests/LibWeb/Screenshot/input/nested-boxes-with-hidden-overflow-and-border-radius.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/nested-boxes-with-hidden-overflow-and-border-radius-ref.html" />
+<link rel="match" href="../expected/nested-boxes-with-hidden-overflow-and-border-radius-ref.html" />
 <style>
     .outer {
         overflow: hidden;
diff --git a/Tests/LibWeb/Screenshot/object-fit-position.html b/Tests/LibWeb/Screenshot/input/object-fit-position.html
similarity index 67%
rename from Tests/LibWeb/Screenshot/object-fit-position.html
rename to Tests/LibWeb/Screenshot/input/object-fit-position.html
index 5ad9dce652f..e982a68c9da 100644
--- a/Tests/LibWeb/Screenshot/object-fit-position.html
+++ b/Tests/LibWeb/Screenshot/input/object-fit-position.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/object-fit-position-ref.html"/>
+<link rel="match" href="../expected/object-fit-position-ref.html"/>
 <style>
     .images img {
         border: 1px solid black;
@@ -66,54 +66,54 @@
   <div class="wider images">
     <div class="img-wrapper">
       <h6>Object-Position: Left</h6>
-      <img class="pos-left" src="./assets/car.png">
+      <img class="pos-left" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Right</h6>
-      <img class="pos-right" src="./assets/car.png">
+      <img class="pos-right" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Top</h6>
-      <img class="pos-top" src="./assets/car.png">
+      <img class="pos-top" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Bottom</h6>
-      <img class="pos-bottom" src="./assets/car.png">
+      <img class="pos-bottom" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Center</h6>
-      <img class="pos-center" src="./assets/car.png">
+      <img class="pos-center" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: 20px 30%</h6>
-      <img class="pos-absolute" src="./assets/car.png">
+      <img class="pos-absolute" src="../data/car.png">
     </div>
   </div>
   <h3>Box taller</h3>
   <div class="taller images">
     <div class="img-wrapper">
       <h6>Object-Position: Left</h6>
-      <img class="pos-left" src="./assets/car.png">
+      <img class="pos-left" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Right</h6>
-      <img class="pos-right" src="./assets/car.png">
+      <img class="pos-right" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Top</h6>
-      <img class="pos-top" src="./assets/car.png">
+      <img class="pos-top" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Bottom</h6>
-      <img class="pos-bottom" src="./assets/car.png">
+      <img class="pos-bottom" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Center</h6>
-      <img class="pos-center" src="./assets/car.png">
+      <img class="pos-center" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: 20px 30%</h6>
-      <img class="pos-absolute" src="./assets/car.png">
+      <img class="pos-absolute" src="../data/car.png">
     </div>
   </div>
 </div>
@@ -125,54 +125,54 @@
   <div class="wider images">
     <div class="img-wrapper">
       <h6>Object-Position: Left</h6>
-      <img class="pos-left" src="./assets/car.png">
+      <img class="pos-left" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Right</h6>
-      <img class="pos-right" src="./assets/car.png">
+      <img class="pos-right" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Top</h6>
-      <img class="pos-top" src="./assets/car.png">
+      <img class="pos-top" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Bottom</h6>
-      <img class="pos-bottom" src="./assets/car.png">
+      <img class="pos-bottom" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Center</h6>
-      <img class="pos-center" src="./assets/car.png">
+      <img class="pos-center" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: 20px 30%</h6>
-      <img class="pos-absolute" src="./assets/car.png">
+      <img class="pos-absolute" src="../data/car.png">
     </div>
   </div>
   <h3>Box taller</h3>
   <div class="taller images">
     <div class="img-wrapper">
       <h6>Object-Position: Left</h6>
-      <img class="pos-left" src="./assets/car.png">
+      <img class="pos-left" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Right</h6>
-      <img class="pos-right" src="./assets/car.png">
+      <img class="pos-right" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Top</h6>
-      <img class="pos-top" src="./assets/car.png">
+      <img class="pos-top" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Bottom</h6>
-      <img class="pos-bottom" src="./assets/car.png">
+      <img class="pos-bottom" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Center</h6>
-      <img class="pos-center" src="./assets/car.png">
+      <img class="pos-center" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: 20px 30%</h6>
-      <img class="pos-absolute" src="./assets/car.png">
+      <img class="pos-absolute" src="../data/car.png">
     </div>
   </div>
 </div>
@@ -184,54 +184,54 @@
   <div class="wider images">
     <div class="img-wrapper">
       <h6>Object-Position: Left</h6>
-      <img class="pos-left" src="./assets/car.png">
+      <img class="pos-left" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Right</h6>
-      <img class="pos-right" src="./assets/car.png">
+      <img class="pos-right" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Top</h6>
-      <img class="pos-top" src="./assets/car.png">
+      <img class="pos-top" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Bottom</h6>
-      <img class="pos-bottom" src="./assets/car.png">
+      <img class="pos-bottom" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Center</h6>
-      <img class="pos-center" src="./assets/car.png">
+      <img class="pos-center" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: 20px 30%</h6>
-      <img class="pos-absolute" src="./assets/car.png">
+      <img class="pos-absolute" src="../data/car.png">
     </div>
   </div>
   <h3>Box taller</h3>
   <div class="taller images">
     <div class="img-wrapper">
       <h6>Object-Position: Left</h6>
-      <img class="pos-left" src="./assets/car.png">
+      <img class="pos-left" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Right</h6>
-      <img class="pos-right" src="./assets/car.png">
+      <img class="pos-right" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Top</h6>
-      <img class="pos-top" src="./assets/car.png">
+      <img class="pos-top" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Bottom</h6>
-      <img class="pos-bottom" src="./assets/car.png">
+      <img class="pos-bottom" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Center</h6>
-      <img class="pos-center" src="./assets/car.png">
+      <img class="pos-center" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: 20px 30%</h6>
-      <img class="pos-absolute" src="./assets/car.png">
+      <img class="pos-absolute" src="../data/car.png">
     </div>
   </div>
 </div>
@@ -243,54 +243,54 @@
   <div class="wider images">
     <div class="img-wrapper">
       <h6>Object-Position: Left</h6>
-      <img class="pos-left" src="./assets/car.png">
+      <img class="pos-left" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Right</h6>
-      <img class="pos-right" src="./assets/car.png">
+      <img class="pos-right" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Top</h6>
-      <img class="pos-top" src="./assets/car.png">
+      <img class="pos-top" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Bottom</h6>
-      <img class="pos-bottom" src="./assets/car.png">
+      <img class="pos-bottom" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Center</h6>
-      <img class="pos-center" src="./assets/car.png">
+      <img class="pos-center" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: 20px 30%</h6>
-      <img class="pos-absolute" src="./assets/car.png">
+      <img class="pos-absolute" src="../data/car.png">
     </div>
   </div>
   <h3>Box taller</h3>
   <div class="taller images">
     <div class="img-wrapper">
       <h6>Object-Position: Left</h6>
-      <img class="pos-left" src="./assets/car.png">
+      <img class="pos-left" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Right</h6>
-      <img class="pos-right" src="./assets/car.png">
+      <img class="pos-right" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Top</h6>
-      <img class="pos-top" src="./assets/car.png">
+      <img class="pos-top" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Bottom</h6>
-      <img class="pos-bottom" src="./assets/car.png">
+      <img class="pos-bottom" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: Center</h6>
-      <img class="pos-center" src="./assets/car.png">
+      <img class="pos-center" src="../data/car.png">
     </div>
     <div class="img-wrapper">
       <h6>Object-Position: 20px 30%</h6>
-      <img class="pos-absolute" src="./assets/car.png">
+      <img class="pos-absolute" src="../data/car.png">
     </div>
   </div>
 </div>
diff --git a/Tests/LibWeb/Screenshot/opacity-stacking.html b/Tests/LibWeb/Screenshot/input/opacity-stacking.html
similarity index 79%
rename from Tests/LibWeb/Screenshot/opacity-stacking.html
rename to Tests/LibWeb/Screenshot/input/opacity-stacking.html
index c2027b18a44..b162abd1d1a 100644
--- a/Tests/LibWeb/Screenshot/opacity-stacking.html
+++ b/Tests/LibWeb/Screenshot/input/opacity-stacking.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/opacity-stacking-ref.html" />
+<link rel="match" href="../expected/opacity-stacking-ref.html" />
 <style>
   body {
     background-color: white;
diff --git a/Tests/LibWeb/Screenshot/outer-box-shadow.html b/Tests/LibWeb/Screenshot/input/outer-box-shadow.html
similarity index 96%
rename from Tests/LibWeb/Screenshot/outer-box-shadow.html
rename to Tests/LibWeb/Screenshot/input/outer-box-shadow.html
index 5018b3d233f..6d75f625ebd 100644
--- a/Tests/LibWeb/Screenshot/outer-box-shadow.html
+++ b/Tests/LibWeb/Screenshot/input/outer-box-shadow.html
@@ -1,5 +1,5 @@
 <html>
-<link rel="match" href="reference/outer-box-shadow-ref.html" />
+<link rel="match" href="../expected/outer-box-shadow-ref.html" />
 <head>
   <style>
     .box {
diff --git a/Tests/LibWeb/Screenshot/svg-axis-aligned-lines.html b/Tests/LibWeb/Screenshot/input/svg-axis-aligned-lines.html
similarity index 77%
rename from Tests/LibWeb/Screenshot/svg-axis-aligned-lines.html
rename to Tests/LibWeb/Screenshot/input/svg-axis-aligned-lines.html
index f37349d9000..5a816f13338 100644
--- a/Tests/LibWeb/Screenshot/svg-axis-aligned-lines.html
+++ b/Tests/LibWeb/Screenshot/input/svg-axis-aligned-lines.html
@@ -4,7 +4,7 @@
     background-color: white;
   }
 </style>
-<link rel="match" href="reference/svg-axis-aligned-lines-ref.html" />
+<link rel="match" href="../expected/svg-axis-aligned-lines-ref.html" />
 <svg width="100" height="100" viewBox="0 0 24 24" stroke="black" stroke-width="5">
 <line x1="12" y1="0" x2="12" y2="24"></line>
 <line x1="0" y1="12" x2="24" y2="12"></line>
diff --git a/Tests/LibWeb/Screenshot/svg-background-no-natural-size.html b/Tests/LibWeb/Screenshot/input/svg-background-no-natural-size.html
similarity index 64%
rename from Tests/LibWeb/Screenshot/svg-background-no-natural-size.html
rename to Tests/LibWeb/Screenshot/input/svg-background-no-natural-size.html
index 386a2e7d653..184a3cb85ea 100644
--- a/Tests/LibWeb/Screenshot/svg-background-no-natural-size.html
+++ b/Tests/LibWeb/Screenshot/input/svg-background-no-natural-size.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/svg-background-no-natural-size-ref.html" />
+<link rel="match" href="../expected/svg-background-no-natural-size-ref.html" />
 <style>
   body {
     background-color: white;
@@ -13,7 +13,7 @@
   }
   .svg-rect {
     background-size: 34%;
-    background-image: url(./assets/vertical-rect.svg);
+    background-image: url(../data/vertical-rect.svg);
   }
   img {
     width: 100px;
@@ -21,4 +21,4 @@
   }
 </style>
 <div class="svg-rect"></div>
-<body><span></span><img src="./assets/vertical-rect.svg">
+<body><span></span><img src="../data/vertical-rect.svg">
diff --git a/Tests/LibWeb/Screenshot/svg-clip-path-and-mask.html b/Tests/LibWeb/Screenshot/input/svg-clip-path-and-mask.html
similarity index 85%
rename from Tests/LibWeb/Screenshot/svg-clip-path-and-mask.html
rename to Tests/LibWeb/Screenshot/input/svg-clip-path-and-mask.html
index 1406390f004..0242b45746d 100644
--- a/Tests/LibWeb/Screenshot/svg-clip-path-and-mask.html
+++ b/Tests/LibWeb/Screenshot/input/svg-clip-path-and-mask.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-clip-path-and-mask-ref.html" />
+<link rel="match" href="../expected/svg-clip-path-and-mask-ref.html" />
 <style>
   body {
     background-color: white;
diff --git a/Tests/LibWeb/Screenshot/svg-clip-rule.html b/Tests/LibWeb/Screenshot/input/svg-clip-rule.html
similarity index 88%
rename from Tests/LibWeb/Screenshot/svg-clip-rule.html
rename to Tests/LibWeb/Screenshot/input/svg-clip-rule.html
index 8c51024a4fd..98f360881d7 100644
--- a/Tests/LibWeb/Screenshot/svg-clip-rule.html
+++ b/Tests/LibWeb/Screenshot/input/svg-clip-rule.html
@@ -4,7 +4,7 @@
   xmlns="http://www.w3.org/2000/svg"
   version="1.1">
   <defs>
-    <link rel="match" href="reference/svg-clip-rule-ref.html" />
+    <link rel="match" href="../expected/svg-clip-rule-ref.html" />
     <path d="M50,0 21,90 98,35 2,35 79,90z" id="star" />
   </defs>
   <clipPath id="emptyStar">
diff --git a/Tests/LibWeb/Screenshot/svg-foreign-object-mask.html b/Tests/LibWeb/Screenshot/input/svg-foreign-object-mask.html
similarity index 85%
rename from Tests/LibWeb/Screenshot/svg-foreign-object-mask.html
rename to Tests/LibWeb/Screenshot/input/svg-foreign-object-mask.html
index c12c9e266d6..7ab64c79ea0 100644
--- a/Tests/LibWeb/Screenshot/svg-foreign-object-mask.html
+++ b/Tests/LibWeb/Screenshot/input/svg-foreign-object-mask.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/svg-foreign-object-mask-ref.html" />
+<link rel="match" href="../expected/svg-foreign-object-mask-ref.html" />
 <svg width="40" height="40" viewBox="0 0 40 40">
   <mask id=":r0:" width="32" height="32">
     <circle cx="16" cy="16" r="16" fill="white"></circle>
diff --git a/Tests/LibWeb/Screenshot/svg-gradient-spreadMethod.html b/Tests/LibWeb/Screenshot/input/svg-gradient-spreadMethod.html
similarity index 97%
rename from Tests/LibWeb/Screenshot/svg-gradient-spreadMethod.html
rename to Tests/LibWeb/Screenshot/input/svg-gradient-spreadMethod.html
index ab985e8d2de..2d03517ee76 100644
--- a/Tests/LibWeb/Screenshot/svg-gradient-spreadMethod.html
+++ b/Tests/LibWeb/Screenshot/input/svg-gradient-spreadMethod.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-gradient-spreadMethod-ref.html" />
+<link rel="match" href="../expected/svg-gradient-spreadMethod-ref.html" />
 <style>
   * {
     margin: 0;
diff --git a/Tests/LibWeb/Screenshot/svg-gradient-userSpaceOnUse.html b/Tests/LibWeb/Screenshot/input/svg-gradient-userSpaceOnUse.html
similarity index 86%
rename from Tests/LibWeb/Screenshot/svg-gradient-userSpaceOnUse.html
rename to Tests/LibWeb/Screenshot/input/svg-gradient-userSpaceOnUse.html
index 1b0d2a4dba3..9e4d306e620 100644
--- a/Tests/LibWeb/Screenshot/svg-gradient-userSpaceOnUse.html
+++ b/Tests/LibWeb/Screenshot/input/svg-gradient-userSpaceOnUse.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-gradient-userSpaceOnUse-ref.html" />
+<link rel="match" href="../expected/svg-gradient-userSpaceOnUse-ref.html" />
 <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect x="10" y="10" width="44" height="44" fill="url(#a)" />
     <defs>
diff --git a/Tests/LibWeb/Screenshot/svg-maskContentUnits.html b/Tests/LibWeb/Screenshot/input/svg-maskContentUnits.html
similarity index 93%
rename from Tests/LibWeb/Screenshot/svg-maskContentUnits.html
rename to Tests/LibWeb/Screenshot/input/svg-maskContentUnits.html
index add44caa1ad..86e90d18a37 100644
--- a/Tests/LibWeb/Screenshot/svg-maskContentUnits.html
+++ b/Tests/LibWeb/Screenshot/input/svg-maskContentUnits.html
@@ -1,5 +1,5 @@
 <svg width="200" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-  <link rel="match" href="reference/svg-maskContentUnits-ref.html" />
+  <link rel="match" href="../expected/svg-maskContentUnits-ref.html" />
   <mask id="myMask1" maskContentUnits="userSpaceOnUse">
     <rect fill="black" x="0" y="0" width="100%" height="100%" />
     <circle fill="white" cx="50" cy="50" r="35" />
diff --git a/Tests/LibWeb/Screenshot/svg-non-local-clip-path.html b/Tests/LibWeb/Screenshot/input/svg-non-local-clip-path.html
similarity index 76%
rename from Tests/LibWeb/Screenshot/svg-non-local-clip-path.html
rename to Tests/LibWeb/Screenshot/input/svg-non-local-clip-path.html
index bdf0439b701..c8b097fd2b2 100644
--- a/Tests/LibWeb/Screenshot/svg-non-local-clip-path.html
+++ b/Tests/LibWeb/Screenshot/input/svg-non-local-clip-path.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/svg-non-local-clip-path-ref.html" />
+<link rel="match" href="../expected/svg-non-local-clip-path-ref.html" />
 <svg>
     <clipPath id="jeez">
       <rect x="10" y="10" width="50" height="50">
diff --git a/Tests/LibWeb/Screenshot/svg-path-offset-rounding.html b/Tests/LibWeb/Screenshot/input/svg-path-offset-rounding.html
similarity index 80%
rename from Tests/LibWeb/Screenshot/svg-path-offset-rounding.html
rename to Tests/LibWeb/Screenshot/input/svg-path-offset-rounding.html
index 262a7523b0e..eda722f1c15 100644
--- a/Tests/LibWeb/Screenshot/svg-path-offset-rounding.html
+++ b/Tests/LibWeb/Screenshot/input/svg-path-offset-rounding.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<link rel="match" href="reference/svg-path-offset-rounding-ref.html" />
+<link rel="match" href="../expected/svg-path-offset-rounding-ref.html" />
 <style>
     body {
         padding-left: 10.6px;
diff --git a/Tests/LibWeb/Screenshot/svg-radialGradient.html b/Tests/LibWeb/Screenshot/input/svg-radialGradient.html
similarity index 99%
rename from Tests/LibWeb/Screenshot/svg-radialGradient.html
rename to Tests/LibWeb/Screenshot/input/svg-radialGradient.html
index 7cb07b05738..a37c2174f58 100644
--- a/Tests/LibWeb/Screenshot/svg-radialGradient.html
+++ b/Tests/LibWeb/Screenshot/input/svg-radialGradient.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-radialGradient-ref.html" />
+<link rel="match" href="../expected/svg-radialGradient-ref.html" />
 <style>
   * {
     margin: 0;
diff --git a/Tests/LibWeb/Screenshot/svg-simple-clipPath.html b/Tests/LibWeb/Screenshot/input/svg-simple-clipPath.html
similarity index 82%
rename from Tests/LibWeb/Screenshot/svg-simple-clipPath.html
rename to Tests/LibWeb/Screenshot/input/svg-simple-clipPath.html
index 6010138d57d..b81b8812293 100644
--- a/Tests/LibWeb/Screenshot/svg-simple-clipPath.html
+++ b/Tests/LibWeb/Screenshot/input/svg-simple-clipPath.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-simple-clipPath-ref.html" />
+<link rel="match" href="../expected/svg-simple-clipPath-ref.html" />
 <style>
   body {
     background-color: white;
diff --git a/Tests/LibWeb/Screenshot/svg-stroke-paintstyle-with-opacity.html b/Tests/LibWeb/Screenshot/input/svg-stroke-paintstyle-with-opacity.html
similarity index 82%
rename from Tests/LibWeb/Screenshot/svg-stroke-paintstyle-with-opacity.html
rename to Tests/LibWeb/Screenshot/input/svg-stroke-paintstyle-with-opacity.html
index 4f53aa02347..5aae864364c 100644
--- a/Tests/LibWeb/Screenshot/svg-stroke-paintstyle-with-opacity.html
+++ b/Tests/LibWeb/Screenshot/input/svg-stroke-paintstyle-with-opacity.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-stroke-paintstyle-with-opacity-ref.html" />
+<link rel="match" href="../expected/svg-stroke-paintstyle-with-opacity-ref.html" />
 <style>
   body {
     background-color: white;
diff --git a/Tests/LibWeb/Screenshot/svg-text-effects.html b/Tests/LibWeb/Screenshot/input/svg-text-effects.html
similarity index 94%
rename from Tests/LibWeb/Screenshot/svg-text-effects.html
rename to Tests/LibWeb/Screenshot/input/svg-text-effects.html
index a656f340758..b23bd1f1e47 100644
--- a/Tests/LibWeb/Screenshot/svg-text-effects.html
+++ b/Tests/LibWeb/Screenshot/input/svg-text-effects.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-text-effects-ref.html" />
+<link rel="match" href="../expected/svg-text-effects-ref.html" />
 <svg height="200" width="350" xmlns="http://www.w3.org/2000/svg">
   <style>
     .text {
diff --git a/Tests/LibWeb/Screenshot/svg-textPath.html b/Tests/LibWeb/Screenshot/input/svg-textPath.html
similarity index 83%
rename from Tests/LibWeb/Screenshot/svg-textPath.html
rename to Tests/LibWeb/Screenshot/input/svg-textPath.html
index daaee5652e1..6a64bcd0305 100644
--- a/Tests/LibWeb/Screenshot/svg-textPath.html
+++ b/Tests/LibWeb/Screenshot/input/svg-textPath.html
@@ -1,4 +1,4 @@
-<link rel="match" href="reference/svg-textPath-ref.html" />
+<link rel="match" href="../expected/svg-textPath-ref.html" />
 <svg width="400" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
   <path
     id="path"
diff --git a/Tests/LibWeb/Screenshot/text-decorations.html b/Tests/LibWeb/Screenshot/input/text-decorations.html
similarity index 92%
rename from Tests/LibWeb/Screenshot/text-decorations.html
rename to Tests/LibWeb/Screenshot/input/text-decorations.html
index b69830f702c..d433239cb06 100644
--- a/Tests/LibWeb/Screenshot/text-decorations.html
+++ b/Tests/LibWeb/Screenshot/input/text-decorations.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<link rel="match" href="reference/text-decorations-ref.html" />
+<link rel="match" href="../expected/text-decorations-ref.html" />
 <style>
     .underline {
         text-decoration: underline;
diff --git a/Tests/LibWeb/Screenshot/text-direction.html b/Tests/LibWeb/Screenshot/input/text-direction.html
similarity index 91%
rename from Tests/LibWeb/Screenshot/text-direction.html
rename to Tests/LibWeb/Screenshot/input/text-direction.html
index e7000d0c8cd..925704ca2c7 100644
--- a/Tests/LibWeb/Screenshot/text-direction.html
+++ b/Tests/LibWeb/Screenshot/input/text-direction.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<link rel="match" href="reference/text-direction-ref.html"/>
+<link rel="match" href="../expected/text-direction-ref.html"/>
 <div dir="ltr" align="left">hello test 1, 2, 3!</div>
 <div dir="rtl" align="left">hello test 1, 2, 3!</div>
 <div dir="ltr" align="right">hello test 1, 2, 3!</div>
diff --git a/Tests/LibWeb/Screenshot/text-shadow.html b/Tests/LibWeb/Screenshot/input/text-shadow.html
similarity index 93%
rename from Tests/LibWeb/Screenshot/text-shadow.html
rename to Tests/LibWeb/Screenshot/input/text-shadow.html
index 132d1607571..18b1dcaaba6 100644
--- a/Tests/LibWeb/Screenshot/text-shadow.html
+++ b/Tests/LibWeb/Screenshot/input/text-shadow.html
@@ -3,7 +3,7 @@
 
 <head>
   <title>Text-Shadow</title>
-  <link rel="match" href="reference/text-shadow-ref.html" />
+  <link rel="match" href="../expected/text-shadow-ref.html" />
   <style>
     * {
         margin: 0;
diff --git a/Tests/LibWeb/TestConfig.ini b/Tests/LibWeb/TestConfig.ini
index 2d51328d680..317ee591be1 100644
--- a/Tests/LibWeb/TestConfig.ini
+++ b/Tests/LibWeb/TestConfig.ini
@@ -1,6 +1,6 @@
 [Skipped]
-Ref/css-keyframe-fill-forwards.html
-Ref/unicode-range.html
+Ref/input/css-keyframe-fill-forwards.html
+Ref/input/unicode-range.html
 Text/input/Crypto/SubtleCrypto-exportKey.html
 Text/input/Crypto/SubtleCrypto-generateKey.html
 Text/input/css/cubic-bezier-infinite-slope-crash.html