From 672cf0917f7bac745a61276721df711b1ca25eb1 Mon Sep 17 00:00:00 2001
From: Brandon Stewart <brandonstewart@apple.com>
Date: Thu, 5 Oct 2023 12:48:42 -0700
Subject: [PATCH] Remove Masonry Align and Justify Tracks Test Cases (#42365)

align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023.

Removing the related test cases to align with the spec.

https://github.com/w3c/csswg-drafts/issues/8207#issuecomment-1747805578
---
 .../parsing/align-tracks-computed.html        |  37 ------
 .../parsing/align-tracks-invalid.html         |  41 ------
 css/css-align/parsing/align-tracks-valid.html |  44 -------
 .../parsing/justify-tracks-computed.html      |  35 -----
 .../parsing/justify-tracks-invalid.html       |  42 ------
 .../parsing/justify-tracks-valid.html         |  41 ------
 .../masonry-align-tracks-001-ref.html         | 120 ------------------
 .../masonry-align-tracks-001.html             |  80 ------------
 .../masonry-align-tracks-multi-001-ref.html   | 116 -----------------
 .../masonry-align-tracks-multi-001.html       |  91 -------------
 .../masonry-align-tracks-stretch-001-ref.html |  87 -------------
 .../masonry-align-tracks-stretch-001.html     |  67 ----------
 .../masonry-align-tracks-stretch-002-ref.html |  68 ----------
 .../masonry-align-tracks-stretch-002.html     |  71 -----------
 .../masonry-justify-tracks-001-ref.html       | 114 -----------------
 .../masonry-justify-tracks-001.html           |  81 ------------
 .../masonry-justify-tracks-multi-001-ref.html | 117 -----------------
 .../masonry-justify-tracks-multi-001.html     |  91 -------------
 ...asonry-justify-tracks-stretch-001-ref.html |  86 -------------
 .../masonry-justify-tracks-stretch-001.html   |  67 ----------
 ...asonry-justify-tracks-stretch-002-ref.html |  68 ----------
 .../masonry-justify-tracks-stretch-002.html   |  72 -----------
 22 files changed, 1636 deletions(-)
 delete mode 100644 css/css-align/parsing/align-tracks-computed.html
 delete mode 100644 css/css-align/parsing/align-tracks-invalid.html
 delete mode 100644 css/css-align/parsing/align-tracks-valid.html
 delete mode 100644 css/css-align/parsing/justify-tracks-computed.html
 delete mode 100644 css/css-align/parsing/justify-tracks-invalid.html
 delete mode 100644 css/css-align/parsing/justify-tracks-valid.html
 delete mode 100644 css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-001-ref.html
 delete mode 100644 css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-001.html
 delete mode 100644 css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-multi-001-ref.html
 delete mode 100644 css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-multi-001.html
 delete mode 100644 css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-001-ref.html
 delete mode 100644 css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-001.html
 delete mode 100644 css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-002-ref.html
 delete mode 100644 css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-002.html
 delete mode 100644 css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-001-ref.html
 delete mode 100644 css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-001.html
 delete mode 100644 css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-multi-001-ref.html
 delete mode 100644 css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-multi-001.html
 delete mode 100644 css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-001-ref.html
 delete mode 100644 css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-001.html
 delete mode 100644 css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-002-ref.html
 delete mode 100644 css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-002.html

diff --git a/css/css-align/parsing/align-tracks-computed.html b/css/css-align/parsing/align-tracks-computed.html
deleted file mode 100644
index 76241f694af632..00000000000000
--- a/css/css-align/parsing/align-tracks-computed.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>CSS Grid Level 3: getComputedStyle().alignContent</title>
-<link rel="help" href="https://drafts.csswg.org/css-grid-3/#tracks-alignment">
-<meta name="assert" content="align-tracks computed value is as specified.">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/computed-testcommon.js"></script>
-</head>
-<body>
-
-<div id="target"></div>
-<script>
-test_computed_value("align-tracks", "normal");
-
-test_computed_value("align-tracks", "baseline");
-test_computed_value("align-tracks", "last baseline");
-
-test_computed_value("align-tracks", "space-between");
-test_computed_value("align-tracks", "space-around");
-test_computed_value("align-tracks", "space-evenly");
-test_computed_value("align-tracks", "stretch");
-
-test_computed_value("align-tracks", "center");
-test_computed_value("align-tracks", "start");
-test_computed_value("align-tracks", "end");
-test_computed_value("align-tracks", "flex-start");
-test_computed_value("align-tracks", "flex-end");
-test_computed_value("align-tracks", "unsafe end");
-test_computed_value("align-tracks", "safe flex-start");
-
-test_computed_value("align-tracks", "normal, normal", "normal")
-</script>
-</body>
-</html>
diff --git a/css/css-align/parsing/align-tracks-invalid.html b/css/css-align/parsing/align-tracks-invalid.html
deleted file mode 100644
index 68f38f5a61ce5e..00000000000000
--- a/css/css-align/parsing/align-tracks-invalid.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>CSS Grid Level 3: parsing align-tracks with invalid values</title>
-<link rel="help" href="https://drafts.csswg.org/css-grid-3/#tracks-alignment">
-<meta name="assert" content="align-tracks supports only the grammar 'normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>'.">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/parsing-testcommon.js"></script>
-</head>
-<body>
-<script>
-test_invalid_value("align-tracks", "auto");
-test_invalid_value("align-tracks", "baseline last");
-test_invalid_value("align-tracks", "center baseline");
-test_invalid_value("align-tracks", "first");
-test_invalid_value("align-tracks", "flex-start flex-end");
-test_invalid_value("align-tracks", "last");
-test_invalid_value("align-tracks", "left");
-test_invalid_value("align-tracks", "legacy center");
-test_invalid_value("align-tracks", "legacy left");
-test_invalid_value("align-tracks", "legacy");
-test_invalid_value("align-tracks", "normal baseline");
-test_invalid_value("align-tracks", "right legacy");
-test_invalid_value("align-tracks", "safe self-end");
-test_invalid_value("align-tracks", "safe");
-test_invalid_value("align-tracks", "self-end unsafe");
-test_invalid_value("align-tracks", "self-start");
-test_invalid_value("align-tracks", "start safe");
-test_invalid_value("align-tracks", "unsafe right");
-test_invalid_value("align-tracks", "unsafe");
-
-test_invalid_value("align-tracks", "auto, left");
-test_invalid_value("align-tracks", "foo, auto");
-test_invalid_value("align-tracks", "start, left, end");
-test_invalid_value("align-tracks", "left, start, end");
-test_invalid_value("align-tracks", "start, end, left");
-</script>
-</body>
-</html>
diff --git a/css/css-align/parsing/align-tracks-valid.html b/css/css-align/parsing/align-tracks-valid.html
deleted file mode 100644
index 1c9a8b040cd88d..00000000000000
--- a/css/css-align/parsing/align-tracks-valid.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>CSS Grid Level 3: parsing align-tracks with valid values</title>
-<link rel="help" href="https://drafts.csswg.org/css-grid-3/#tracks-alignment">
-<meta name="assert" content="align-tracks supports the full grammar 'normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>'.">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/parsing-testcommon.js"></script>
-</head>
-<body>
-<script>
-test_valid_value("align-tracks", "normal");
-
-// <baseline-position> = [ first | last ]? baseline
-test_valid_value("align-tracks", "baseline");
-test_valid_value("align-tracks", "first baseline", "baseline");
-test_valid_value("align-tracks", "last baseline");
-
-// <content-distribution> = space-between | space-around | space-evenly | stretch
-test_valid_value("align-tracks", "space-between");
-test_valid_value("align-tracks", "space-around");
-test_valid_value("align-tracks", "space-evenly");
-test_valid_value("align-tracks", "stretch");
-
-// <overflow-position>? <content-position>
-// <overflow-position> = unsafe | safe
-// <content-position> = center | start | end | flex-start | flex-end
-test_valid_value("align-tracks", "center");
-test_valid_value("align-tracks", "start");
-test_valid_value("align-tracks", "end");
-test_valid_value("align-tracks", "flex-start");
-test_valid_value("align-tracks", "flex-end");
-test_valid_value("align-tracks", "unsafe end");
-test_valid_value("align-tracks", "safe flex-start");
-
-test_valid_value("align-tracks", "flex-start, last baseline");
-test_valid_value("align-tracks", "normal, normal", "normal");
-test_valid_value("align-tracks", "start, flex-end, flex-end, flex-end, flex-end", "start, flex-end");
-
-</script>
-</body>
-</html>
diff --git a/css/css-align/parsing/justify-tracks-computed.html b/css/css-align/parsing/justify-tracks-computed.html
deleted file mode 100644
index 372d17c91018e1..00000000000000
--- a/css/css-align/parsing/justify-tracks-computed.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>CSS Grid Level 3: getComputedStyle().justifyContent</title>
-<link rel="help" href="https://drafts.csswg.org/css-grid-3/#tracks-alignment">
-<meta name="assert" content="justify-tracks computed value is as specified.">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/computed-testcommon.js"></script>
-</head>
-<body>
-<div id="target"></div>
-<script>
-test_computed_value("justify-tracks", "normal");
-
-test_computed_value("justify-tracks", "space-between");
-test_computed_value("justify-tracks", "space-around");
-test_computed_value("justify-tracks", "space-evenly");
-test_computed_value("justify-tracks", "stretch");
-
-test_computed_value("justify-tracks", "center");
-test_computed_value("justify-tracks", "start");
-test_computed_value("justify-tracks", "end");
-test_computed_value("justify-tracks", "flex-start");
-test_computed_value("justify-tracks", "flex-end");
-test_computed_value("justify-tracks", "unsafe end");
-test_computed_value("justify-tracks", "safe flex-start");
-test_computed_value("justify-tracks", "left");
-test_computed_value("justify-tracks", "unsafe right");
-
-test_computed_value("justify-tracks", "normal, normal", "normal")
-</script>
-</body>
-</html>
diff --git a/css/css-align/parsing/justify-tracks-invalid.html b/css/css-align/parsing/justify-tracks-invalid.html
deleted file mode 100644
index a1dc2cc7388003..00000000000000
--- a/css/css-align/parsing/justify-tracks-invalid.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>CSS Grid Level 3: parsing justify-tracks with invalid values</title>
-<link rel="help" href="https://drafts.csswg.org/css-grid-3/#tracks-alignment">
-<meta name="assert" content="justify-tracks supports only the grammar 'normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]'.">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/parsing-testcommon.js"></script>
-</head>
-<body>
-<script>
-test_invalid_value("justify-tracks", "auto");
-test_invalid_value("justify-tracks", "baseline last");
-test_invalid_value("justify-tracks", "baseline");
-test_invalid_value("justify-tracks", "center baseline");
-test_invalid_value("justify-tracks", "first baseline");
-test_invalid_value("justify-tracks", "first");
-test_invalid_value("justify-tracks", "flex-start flex-end");
-test_invalid_value("justify-tracks", "last baseline");
-test_invalid_value("justify-tracks", "last");
-test_invalid_value("justify-tracks", "legacy center");
-test_invalid_value("justify-tracks", "legacy left");
-test_invalid_value("justify-tracks", "legacy");
-test_invalid_value("justify-tracks", "normal baseline");
-test_invalid_value("justify-tracks", "right legacy");
-test_invalid_value("justify-tracks", "safe self-end");
-test_invalid_value("justify-tracks", "safe");
-test_invalid_value("justify-tracks", "self-end unsafe");
-test_invalid_value("justify-tracks", "self-start");
-test_invalid_value("justify-tracks", "start safe");
-test_invalid_value("justify-tracks", "unsafe");
-
-test_invalid_value("align-tracks", "auto, left");
-test_invalid_value("align-tracks", "foo, auto");
-test_invalid_value("align-tracks", "start, foo, end");
-test_invalid_value("align-tracks", "first, start, end");
-test_invalid_value("align-tracks", "start, end, unsafe");
-</script>
-</body>
-</html>
diff --git a/css/css-align/parsing/justify-tracks-valid.html b/css/css-align/parsing/justify-tracks-valid.html
deleted file mode 100644
index be4f426f144b47..00000000000000
--- a/css/css-align/parsing/justify-tracks-valid.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>CSS Grid Level 3: parsing justify-tracks with valid values</title>
-<link rel="help" href="https://drafts.csswg.org/css-grid-3/#tracks-alignment">
-<meta name="assert" content="justify-tracks supports the full grammar 'normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]'.">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/parsing-testcommon.js"></script>
-</head>
-<body>
-<script>
-test_valid_value("justify-tracks", "normal");
-
-// <content-distribution> = space-between | space-around | space-evenly | stretch
-test_valid_value("justify-tracks", "space-between");
-test_valid_value("justify-tracks", "space-around");
-test_valid_value("justify-tracks", "space-evenly");
-test_valid_value("justify-tracks", "stretch");
-
-// <overflow-position>? [ <content-position> | left | right ]
-// <overflow-position> = unsafe | safe
-// <content-position> = center | start | end | flex-start | flex-end
-test_valid_value("justify-tracks", "center");
-test_valid_value("justify-tracks", "start");
-test_valid_value("justify-tracks", "end");
-test_valid_value("justify-tracks", "flex-start");
-test_valid_value("justify-tracks", "flex-end");
-test_valid_value("justify-tracks", "unsafe end");
-test_valid_value("justify-tracks", "safe flex-start");
-test_valid_value("justify-tracks", "left");
-test_valid_value("justify-tracks", "unsafe right");
-
-test_valid_value("justify-tracks", "flex-start, last baseline");
-test_valid_value("justify-tracks", "normal, normal", "normal");
-test_valid_value("justify-tracks", "start, flex-end, flex-end, flex-end, flex-end", "start, flex-end");
-
-</script>
-</body>
-</html>
diff --git a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-001-ref.html b/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-001-ref.html
deleted file mode 100644
index 3b22489fdb935e..00000000000000
--- a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-001-ref.html
+++ /dev/null
@@ -1,120 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>Reference: Masonry layout with `align-tracks` alignment</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <style>
-html,body {
-  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
-}
-
-.hl { writing-mode: horizontal-tb; direction:ltr; }
-.hr { writing-mode: horizontal-tb; direction:rtl; }
-.vll { writing-mode: vertical-lr; direction:ltr; }
-.vlr { writing-mode: vertical-lr; direction:rtl; }
-.vrl { writing-mode: vertical-rl; direction:ltr; }
-.vrr { writing-mode: vertical-rl; direction:rtl; }
-.swl { writing-mode: sideways-lr; direction:ltr; }
-.swr { writing-mode: sideways-lr; direction:rtl; }
-
-grid {
-  display: inline-grid;
-  gap: 1px 2px;
-  background: content-box silver;
-  color: #444;
-  padding: 1px 2px;
-  block-size: 30px;
-  vertical-align: top;
-}
-grid.vll, grid.vrr, grid.vlr, grid.vrl, grid.swl, grid.swr {
-  inline-size: 22px;
-}
-
-grid > div {
-  display: inline-flex;
-  inline-size: min-content;
-}
-
-grid2 {
-  display: inline-grid;
-  row-gap: 1px;
-  grid-template-columns: 8px;
-  vertical-align: top;
-  block-size: 21px;
-}
-
-item {
-  background-color: #444;
-  color: #fff;
-  writing-mode: horizontal-tb;
-  direction: ltr;
-}
-grid2:nth-child(1) {
-  grid-template-rows: 8px 8px;
-  margin-inline-end: 2px;
-}
-grid2:nth-child(2) {
-  grid-template-rows: 12px 8px;
-}
-
-.vll grid2:nth-child(1) { block-size:17px; }
-.vrr grid2:nth-child(1) { block-size:17px; }
-.vlr grid2:nth-child(1) { block-size:17px; }
-.vrl grid2:nth-child(1) { block-size:17px; }
-.swl grid2:nth-child(1) { block-size:17px; }
-.swr grid2:nth-child(1) { block-size:17px; }
-
-.vll grid2:nth-child(2) { grid-template-rows:8px 8px; }
-.vrr grid2:nth-child(2) { grid-template-rows:8px 8px; }
-.vlr grid2:nth-child(2) { grid-template-rows:8px 8px; }
-.vrl grid2:nth-child(2) { grid-template-rows:8px 8px; }
-.swl grid2:nth-child(2) { grid-template-rows:8px 8px; }
-.swr grid2:nth-child(2) { grid-template-rows:8px 8px; }
-
-grid2:nth-child(1) > item:nth-child(1) { background: blue; inline-size:8px; block-size:8px; z-index:1; }
-grid2:nth-child(2) > item:nth-child(1) { background: magenta; inline-size:8px; block-size:12px; z-index:1; }
-grid2:nth-child(1) > item:nth-child(2) { background: lime; inline-size:12px; block-size:8px; z-index:2; }
-grid2:nth-child(2) > item:nth-child(2) { background: purple; inline-size:8px; block-size:8px; z-index:2; }
-</style>
-</head>
-<body>
-<div style="display:none">
-<grid>
- <div>
-  <grid2>
-    <item></item>
-    <item></item>
-  </grid2><grid2>
-    <item></item>
-    <item></item>
-  </grid2>
- </div>
-</grid>
-</div>
-
-<script>
-let wms = [ "hl", "hr", "vll", "vrr", "vlr", "vrl", "swl", "swr", ];
-let ats = [ "start", "self-start", "center", "end", "self-end", "stretch", "space-between", "space-around", "space-evenly", ];
-let acs = [ "start", "center", "end", ];
-let grid = document.getElementsByTagName('grid')[0];
-for (const ac of acs) {
-  for (const at of ats) {
-    for (const wm of wms) {
-      let e = grid.cloneNode(true);
-      e.className = wm;
-      e.children[0].children[1].style.className = wm;
-      e.children[0].children[0].style.alignContent = at;
-      e.children[0].children[1].style.alignContent = at;
-      e.style.alignContent = ac;
-      document.body.appendChild(e);
-    }
-  }
-}
-</script>
-
-</body>
-</html>
diff --git a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-001.html b/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-001.html
deleted file mode 100644
index 4ff3e61087597b..00000000000000
--- a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-001.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>CSS Grid Test: Masonry layout with `align-tracks` alignment</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="help" href="https://drafts.csswg.org/css-grid-2">
-  <link rel="match" href="masonry-align-tracks-001-ref.html">
-  <style>
-html,body {
-  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
-}
-
-.hl { writing-mode: horizontal-tb; direction:ltr; }
-.hr { writing-mode: horizontal-tb; direction:rtl; }
-.vll { writing-mode: vertical-lr; direction:ltr; }
-.vlr { writing-mode: vertical-lr; direction:rtl; }
-.vrl { writing-mode: vertical-rl; direction:ltr; }
-.vrr { writing-mode: vertical-rl; direction:rtl; }
-.swl { writing-mode: sideways-lr; direction:ltr; }
-.swr { writing-mode: sideways-lr; direction:rtl; }
-
-grid {
-  display: inline-grid;
-  gap: 1px 2px;
-  grid-template-columns: repeat(2,auto);
-  grid-template-rows: masonry;
-  background: content-box silver;
-  color: #444;
-  padding: 1px 2px;
-  block-size: 30px;
-  vertical-align: top;
-}
-
-item {
-  background-color: #444;
-  color: #fff;
-  writing-mode: horizontal-tb;
-  direction: ltr;
-}
-
-item:nth-child(1) { background: blue; inline-size:8px; block-size:8px; }
-item:nth-child(2) { background: magenta; inline-size:8px; block-size:12px; }
-item:nth-child(3) { background: lime; inline-size:12px; block-size:8px; }
-item:nth-child(4) { background: purple; inline-size:8px; block-size:8px; }
-</style>
-</head>
-<body>
-<div style="display:none">
-<grid>
-  <item></item>
-  <item></item>
-  <item></item>
-  <item></item>
-</grid>
-</div>
-
-<script>
-let wms = [ "hl", "hr", "vll", "vrr", "vlr", "vrl", "swl", "swr", ];
-let ats = [ "start", "self-start", "center", "end", "self-end", "stretch", "space-between", "space-around", "space-evenly", ];
-let acs = [ "start", "center", "end", ];
-let grid = document.getElementsByTagName('grid')[0];
-for (const ac of acs) {
-  for (const at of ats) {
-    for (const wm of wms) {
-      let e = grid.cloneNode(true);
-      e.className = wm;
-      e.style.alignTracks = at;
-      e.style.alignContent = ac;
-      document.body.appendChild(e);
-    }
-  }
-}
-</script>
-
-</body>
-</html>
diff --git a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-multi-001-ref.html b/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-multi-001-ref.html
deleted file mode 100644
index b0bf3578618df1..00000000000000
--- a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-multi-001-ref.html
+++ /dev/null
@@ -1,116 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>Reference: Masonry layout with multiple `align-tracks` values</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-<style>
-html,body {
-  color:black; background-color:white; font:15px/1 "Courier New", monospace; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-rows: auto;
-  grid-template-columns: repeat(8,50px); /*intentionally one more than align-tracks values*/
-  gap: 3px 5px;
-  padding: 10px 3px 1px 7px;
-  border: solid;
-  border-width: 1px 7px 3px 5px;
-  background: lightgrey content-box;
-  height: 500px;
-  vertical-align: top;
-}
-.fallback { grid-template-columns:3px; padding:0; border:0; }
-item {
-  background: grey;
-  height: 2em;
-  position: relative;
-  border: 1px solid;
-}
-.purple { background:purple; height:auto; border-top:3px solid; }
-z { display: block; background: yellow; height: 0; width:80%; }
-a {
- position: absolute;
- inset: 0;
- top: auto;
- border: 2px solid lime;
-}
-masonry-track {
-  display: grid;
-  gap: 3px 5px;
-}
-masonry-track:nth-child(1) { align-content:start }
-masonry-track:nth-child(2) { align-content:end }
-masonry-track:nth-child(3) { align-content:center }
-masonry-track:nth-child(4) { align-content:stretch; grid-template-rows: auto auto repeat(3,max-content) }
-masonry-track:nth-child(5) { align-content:space-between }
-masonry-track:nth-child(6) { align-content:space-around }
-masonry-track:nth-child(7) { align-content:space-evenly }
-masonry-track:nth-child(8) { align-content:space-evenly }
-</style>
-</head>
-<body>
-<grid>
- <masonry-track>
-  <item style="width:25px">1</item>
-  <item>11</item>
-  <item class="purple">20</item>
-  <item class="purple">24</item>
-  <item>29</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple" style="height:50px">2</item>
-  <item class="purple" style="writing-mode:vertical-rl">16 vertical-rl</item>
- </masonry-track>
- <masonry-track>
-  <item style="margin-left:5px">3</item>
-  <item class="purple">12<z></z></item>
-  <item>17</item>
-  <item>25</item>
-  <item>33</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple" style="margin-top:5px">4</item>
-  <item class="purple">10</item>
-  <item>15</item>
-  <item>23</item>
-  <item>31</item>
- </masonry-track>
- <masonry-track>
-  <item>5</item>
-  <item>13</item>
-  <item>21</item>
-  <item class="purple">28</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple">6<a></a></item>
-  <item>9<a></a></item>
-  <item class="purple">18</item>
-  <item class="purple">22</item>
-  <item>27</item>
- </masonry-track>
- <masonry-track>
-  <item>7</item>
-  <item class="purple">14<z></z><a></a></item>
-  <item>19</item>
-  <item class="purple">26</item>
-  <item class="purple">30</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple" style="writing-mode:vertical-lr">8 vertical-lr</item>
-  <item class="purple">32</item>
- </masonry-track>
-</grid>
-<grid class="fallback" style="align-content:start">
-  <item></item>
-</grid>
-<grid class="fallback" style="align-content:center">
-  <item></item>
-</grid>
-<grid class="fallback" style="align-content:center">
-  <item></item>
-</grid>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-multi-001.html b/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-multi-001.html
deleted file mode 100644
index 0e20217da8063d..00000000000000
--- a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-multi-001.html
+++ /dev/null
@@ -1,91 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>CSS Grid Test: Masonry layout with multiple `align-tracks` values</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="help" href="https://drafts.csswg.org/css-grid-2">
-  <link rel="match" href="masonry-align-tracks-multi-001-ref.html">
-<style>
-html,body {
-  color:black; background-color:white; font:15px/1 "Courier New", monospace; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-rows: masonry;
-  grid-template-columns: repeat(8,50px); /*intentionally one more than align-tracks values*/
-  gap: 3px 5px;
-  padding: 10px 3px 1px 7px;
-  border: solid;
-  border-width: 1px 7px 3px 5px;
-  background: lightgrey content-box;
-  align-tracks: start,end,center,stretch,space-between,space-around,space-evenly;
-  height: 500px;
-  vertical-align: top;
-}
-.fallback { grid-template-columns:3px; padding:0; border:0; }
-item {
-  background: grey;
-  height: 2em;
-  position: relative;
-  border: 1px solid;
-}
-item:nth-child(2n) { background:purple; height:auto; border-top:3px solid; }
-z { display: block; background: yellow; height: 20%; width:80%; }
-a {
- position: absolute;
- inset: 0;
- top: auto;
- border: 2px solid lime;
-}
-</style>
-</head>
-<body>
-<grid>
-  <item style="width:50%">1</item>
-  <item style="height:10%">2</item>
-  <item style="margin-left:10%">3</item>
-  <item style="margin-top:10%">4</item>
-  <item>5</item>
-  <item>6<a></a></item>
-  <item>7</item>
-  <item style="writing-mode:vertical-lr">8 vertical-lr</item>
-  <item>9<a></a></item>
-  <item>10</item>
-  <item>11</item>
-  <item>12<z></z></item>
-  <item>13</item>
-  <item><z></z>14<a></a></item>
-  <item>15</item>
-  <item style="writing-mode:vertical-rl">16 vertical-rl</item>
-  <item>17</item>
-  <item>18</item>
-  <item>19</item>
-  <item>20</item>
-  <item>21</item>
-  <item>22</item>
-  <item>23</item>
-  <item>24</item>
-  <item>25</item>
-  <item>26</item>
-  <item>27</item>
-  <item>28</item>
-  <item>29</item>
-  <item>30</item>
-  <item>31</item>
-  <item>32</item>
-  <item>33</item>
-</grid>
-<grid class="fallback" style="align-tracks:space-between">
-  <item></item>
-</grid>
-<grid class="fallback" style="align-tracks:space-around">
-  <item></item>
-</grid>
-<grid class="fallback" style="align-tracks:space-evenly">
-  <item></item>
-</grid>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-001-ref.html b/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-001-ref.html
deleted file mode 100644
index 0712f14bb3136b..00000000000000
--- a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-001-ref.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>Reference: Masonry layout with `align-tracks:stretch`</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
-<style>
-html,body {
-  color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-rows: 500px;
-  grid-template-columns: 150px 100px 50px;
-  gap: 3px 5px;
-  padding: 10px;
-  border: 3px solid;
-  background: lightgrey content-box;
-  height: 500px;
-}
-masonry-track {
-  display: grid;
-  gap: 3px 5px;
-  align-content: stretch;
-  height: 500px;
-}
-masonry-track:nth-child(1) {
-  grid-template-columns: 150px;
-  grid-template-rows: min-content min-content min-content auto min-content min-content min-content;
-}
-masonry-track:nth-child(2) {
-  grid-template-columns: 100px;
-  grid-template-rows: auto 50px auto auto 30px;
-}
-masonry-track:nth-child(3) {
-  grid-template-columns: 50px;
-  grid-template-rows: 30px 30px 30px auto 30px 30px auto auto;
-}
-item {
-  background: grey;
-  height: 30px;
-  position: relative;
-}
-.purple { background:purple; height:auto; }
-z { display: block; background: yellow; height: 20%; width:80%; }
-a {
- position: absolute;
- inset: 0;
- top: auto;
- border: 2px solid lime;
-}
-</style>
-</head>
-<body>
-<grid>
- <masonry-track>
-  <item style="border:10px solid; margin: 10px 0 5px 3px;">1</item>
-  <item>9<a></a></item>
-  <item>11</item>
-  <item class="purple">12<br><br><z></z></item>
-  <item class="purple" style="height:116px; border:2px solid; margin:1px">14<z></z><a></a></item>
-  <item style="align-self:start" class="purple">16</item>
-  <item>17</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple">2</item>
-  <item style="height:40px; margin-top:10px" class="purple">4</item>
-  <item class="purple">6<a></a></item>
-  <item style="writing-mode:vertical-lr" class="purple">8 vertical</item>
-  <item>19</item>
- </masonry-track>
- <masonry-track>
-  <item>3</item>
-  <item>5</item>
-  <item>7</item>
-  <item class="purple">10 A<br>B</item>
-  <item>13</item>
-  <item>15</item>
-  <item style="margin:auto 0" class="purple">18</item>
-  <item style="margin-top: auto" class="purple">20</item>
- </masonry-track>
-</grid>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-001.html b/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-001.html
deleted file mode 100644
index d2fede7a8edcd0..00000000000000
--- a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-001.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>CSS Grid Test: Masonry layout with `align-tracks:stretch`</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="help" href="https://drafts.csswg.org/css-grid-2">
-  <link rel="match" href="masonry-align-tracks-stretch-001-ref.html">
-  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
-<style>
-html,body {
-  color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-rows: masonry;
-  grid-template-columns: 150px 100px 50px;
-  gap: 3px 5px;
-  padding: 10px;
-  border: 3px solid;
-  background: lightgrey content-box;
-  align-tracks: stretch;
-  height: 500px;
-}
-item {
-  background: grey;
-  height: 30px;
-  position: relative;
-}
-item:nth-child(2n) { background:purple; height:auto; }
-item:nth-child(1) { border:10px solid; margin: 10px 0 5px 3px; }
-z { display: block; background: yellow; height: 20%; width:80%; }
-a {
- position: absolute;
- inset: 0;
- top: auto;
- border: 2px solid lime;
-}
-</style>
-</head>
-<body>
-<grid>
-  <item>1</item>
-  <item>2</item>
-  <item>3</item>
-  <item style="max-height:40px; margin-top:10px">4</item>
-  <item>5</item>
-  <item>6<a></a></item>
-  <item>7</item>
-  <item style="writing-mode:vertical-lr">8 vertical</item>
-  <item>9<a></a></item>
-  <item>10 A<br>B</item>
-  <item>11</item>
-  <item>12<br><br><z></z></item>
-  <item>13</item>
-  <item style="max-height:120px; border:2px solid; box-sizing:border-box; margin:1px">14<z></z><a></a></item>
-  <item>15</item>
-  <item style="align-self:end">16</item>
-  <item>17</item>
-  <item style="margin:auto 0">18</item>
-  <item>19</item>
-  <item style="margin-top: auto">20</item>
-</grid>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-002-ref.html b/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-002-ref.html
deleted file mode 100644
index 01f24ea986f588..00000000000000
--- a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-002-ref.html
+++ /dev/null
@@ -1,68 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>Reference: Masonry layout with `align-tracks:stretch`</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-<style>
-html,body {
-  color:black; background-color:white; font:6px/1 monospace; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-rows: auto auto;
-  grid-template-columns: 30px;
-  gap: 1px 2px;
-  padding: 2px 3px 1px 1px;
-  border-style: solid;
-  border-width: 1px 7px 3px 5px;
-  border-inline-start-color: magenta;
-  border-block-start-color: blue;
-  background: lightgrey content-box;
-  block-size: 25px;
-  vertical-align: top;
-}
-item {
-  border-inline-start: 1px solid magenta;
-  border-block-start: 2px solid blue;
-}
-item:nth-child(2n+1) { background: grey; }
-item:nth-child(2n) { background: cyan; }
-.hl { writing-mode: horizontal-tb; direction:ltr; }
-.hr { writing-mode: horizontal-tb; direction:rtl; }
-.vll { writing-mode: vertical-lr; direction:ltr; }
-.vlr { writing-mode: vertical-lr; direction:rtl; }
-.vrl { writing-mode: vertical-rl; direction:ltr; }
-.vrr { writing-mode: vertical-rl; direction:rtl; }
-.swl { writing-mode: sideways-lr; direction:ltr; }
-.swr { writing-mode: sideways-lr; direction:rtl; }
-</style>
-</head>
-<body>
-<div style="display:none">
-<grid>
-  <item>1</item>
-  <item>2a<br>2b</item>
-</grid>
-</div>
-<script>
-let wms = [ "hl", "hr", "vll", "vrr", "vlr", "vrl", "swl", "swr", ];
-let grid = document.getElementsByTagName('grid')[0];
-for (const reorder of [false, true]) {
-  for (const cb_wm of wms) {
-    for (const child_wm of wms) {
-      let e = grid.cloneNode(true);
-      e.className = cb_wm;
-      e.children[1].className = child_wm;
-      if (reorder) {
-        e.children[0].style.order = '1';
-      }
-      document.body.appendChild(e);
-    }
-  }
-}
-</script>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-002.html b/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-002.html
deleted file mode 100644
index 1631ac3c07d3f9..00000000000000
--- a/css/css-grid/masonry/tentative/align-tracks/masonry-align-tracks-stretch-002.html
+++ /dev/null
@@ -1,71 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>CSS Grid Test: Masonry layout with `align-tracks:stretch`</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="help" href="https://drafts.csswg.org/css-grid-2">
-  <link rel="match" href="masonry-align-tracks-stretch-002-ref.html">
-<style>
-html,body {
-  color:black; background-color:white; font:6px/1 monospace; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-rows: masonry;
-  grid-template-columns: 30px;
-  gap: 1px 2px;
-  padding: 2px 3px 1px 1px;
-  border-style: solid;
-  border-width: 1px 7px 3px 5px;
-  border-inline-start-color: magenta;
-  border-block-start-color: blue;
-  background: lightgrey content-box;
-  align-tracks: stretch;
-  block-size: 25px;
-  vertical-align: top;
-}
-item {
-  border-inline-start: 1px solid magenta;
-  border-block-start: 2px solid blue;
-}
-item:nth-child(2n+1) { background: grey; }
-item:nth-child(2n) { background: cyan; }
-.hl { writing-mode: horizontal-tb; direction:ltr; }
-.hr { writing-mode: horizontal-tb; direction:rtl; }
-.vll { writing-mode: vertical-lr; direction:ltr; }
-.vlr { writing-mode: vertical-lr; direction:rtl; }
-.vrl { writing-mode: vertical-rl; direction:ltr; }
-.vrr { writing-mode: vertical-rl; direction:rtl; }
-.swl { writing-mode: sideways-lr; direction:ltr; }
-.swr { writing-mode: sideways-lr; direction:rtl; }
-</style>
-</head>
-<body>
-<div style="display:none">
-<grid>
-  <item>1</item>
-  <item>2a<br>2b</item>
-</grid>
-</div>
-<script>
-let wms = [ "hl", "hr", "vll", "vrr", "vlr", "vrl", "swl", "swr", ];
-let grid = document.getElementsByTagName('grid')[0];
-for (const reorder of [false, true]) {
-  for (const cb_wm of wms) {
-    for (const child_wm of wms) {
-      let e = grid.cloneNode(true);
-      e.className = cb_wm;
-      e.children[1].className = child_wm;
-      if (reorder) {
-        e.children[0].style.order = '1';
-      }
-      document.body.appendChild(e);
-    }
-  }
-}
-</script>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-001-ref.html b/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-001-ref.html
deleted file mode 100644
index 912c9c9f823dda..00000000000000
--- a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-001-ref.html
+++ /dev/null
@@ -1,114 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>Reference: Masonry layout with `justify-tracks` alignment</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <style>
-html,body {
-  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
-}
-
-.hl { writing-mode: horizontal-tb; direction:ltr; }
-.hr { writing-mode: horizontal-tb; direction:rtl; }
-.vll { writing-mode: vertical-lr; direction:ltr; }
-.vlr { writing-mode: vertical-lr; direction:rtl; }
-.vrl { writing-mode: vertical-rl; direction:ltr; }
-.vrr { writing-mode: vertical-rl; direction:rtl; }
-.swl { writing-mode: sideways-lr; direction:ltr; }
-.swr { writing-mode: sideways-lr; direction:rtl; }
-
-grid {
-  display: inline-flex;
-  flex-flow: row wrap;
-  background: content-box silver;
-  color: #444;
-  padding: 1px 2px;
-  inline-size: 30px;
-  vertical-align: top;
-}
-grid.vll, grid.vrr, grid.vlr, grid.vrl, grid.swl, grid.swr {
-  block-size: 17px;
-}
-grid2 {
-  display: inline-grid;
-  column-gap: 2px;
-  grid-template-columns: 8px 8px;
-  vertical-align: top;
-}
-
-item {
-  background-color: #444;
-  color: #fff;
-  writing-mode: horizontal-tb;
-  direction: ltr;
-}
-
-grid > div {
-  display: inline-flex;
-  flex-flow: row wrap;
-  inline-size: min-content;
-}
-
-grid2:nth-child(1) { margin-block-end:1px; }
-grid2:nth-child(2) { inline-size: 22px; block-size: 12px; }
-.vll grid2:nth-child(2) { margin-block-start:-4px; grid-template-columns: 12px 8px;}
-.vrr grid2:nth-child(2) { margin-block-start:-4px; grid-template-columns: 12px 8px;}
-.vlr grid2:nth-child(2) { margin-block-start:-4px; grid-template-columns: 12px 8px;}
-.vrl grid2:nth-child(2) { margin-block-start:-4px; grid-template-columns: 12px 8px;}
-.swl grid2:nth-child(2) { margin-block-start:-4px; grid-template-columns: 12px 8px;}
-.swr grid2:nth-child(2) { margin-block-start:-4px; grid-template-columns: 12px 8px;}
-
-.vll grid2:nth-child(1) { inline-size: 22px; }
-.vrr grid2:nth-child(1) { inline-size: 22px; }
-.vlr grid2:nth-child(1) { inline-size: 22px; }
-.vrl grid2:nth-child(1) { inline-size: 22px; }
-.swl grid2:nth-child(1) { inline-size: 22px; }
-.swr grid2:nth-child(1) { inline-size: 22px; }
-
-grid2:nth-child(1) > item:nth-child(1) { background: blue; inline-size:8px; block-size:8px; z-index:1; }
-grid2:nth-child(2) > item:nth-child(1) { background: magenta; inline-size:8px; block-size:12px; z-index:1; }
-grid2:nth-child(1) > item:nth-child(2) { background: lime; inline-size:12px; block-size:8px; z-index:2; }
-grid2:nth-child(2) > item:nth-child(2) { background: purple; inline-size:8px; block-size:8px; z-index:2; }
-</style>
-</head>
-<body>
-<div style="display:none">
-<grid>
- <div>
-  <grid2>
-    <item></item>
-    <item></item>
-  </grid2><grid2>
-    <item></item>
-    <item></item>
-  </grid2>
- </div>
-</grid>
-</div>
-
-<script>
-let wms = [ "hl", "hr", "vll", "vrr", "vlr", "vrl", "swl", "swr", ];
-let ats = [ "start", "self-start", "center", "end", "self-end", "stretch", "space-between", "space-around", "space-evenly", ];
-let acs = [ "start", "center", "end", ];
-let grid = document.getElementsByTagName('grid')[0];
-for (const ac of acs) {
-  for (const at of ats) {
-    for (const wm of wms) {
-      let e = grid.cloneNode(true);
-      e.className = wm;
-      e.children[0].children[0].children[0].className = "vrl";
-      e.children[0].children[0].style.justifyContent = at;
-      e.children[0].children[1].style.justifyContent = at;
-      e.style.justifyContent = ac;
-      document.body.appendChild(e);
-    }
-  }
-}
-</script>
-
-</body>
-</html>
diff --git a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-001.html b/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-001.html
deleted file mode 100644
index bfd3c1ca587bb0..00000000000000
--- a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-001.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>CSS Grid Test: Masonry layout with `justify-tracks` alignment</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="help" href="https://drafts.csswg.org/css-grid-2">
-  <link rel="match" href="masonry-justify-tracks-001-ref.html">
-  <style>
-html,body {
-  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
-}
-
-.hl { writing-mode: horizontal-tb; direction:ltr; }
-.hr { writing-mode: horizontal-tb; direction:rtl; }
-.vll { writing-mode: vertical-lr; direction:ltr; }
-.vlr { writing-mode: vertical-lr; direction:rtl; }
-.vrl { writing-mode: vertical-rl; direction:ltr; }
-.vrr { writing-mode: vertical-rl; direction:rtl; }
-.swl { writing-mode: sideways-lr; direction:ltr; }
-.swr { writing-mode: sideways-lr; direction:rtl; }
-
-grid {
-  display: inline-grid;
-  gap: 1px 2px;
-  grid-template-columns: masonry;
-  grid-template-rows: repeat(2,auto);
-  background: content-box silver;
-  color: #444;
-  padding: 1px 2px;
-  inline-size: 30px;
-  vertical-align: top;
-}
-
-item {
-  background-color: #444;
-  color: #fff;
-  writing-mode: horizontal-tb;
-  direction: ltr;
-}
-
-item:nth-child(1) { background: blue; inline-size:8px; block-size:8px; }
-item:nth-child(2) { background: magenta; inline-size:8px; block-size:12px; }
-item:nth-child(3) { background: lime; inline-size:12px; block-size:8px; }
-item:nth-child(4) { background: purple; inline-size:8px; block-size:8px; }
-</style>
-</head>
-<body>
-<div style="display:none">
-<grid>
-  <item></item>
-  <item></item>
-  <item></item>
-  <item></item>
-</grid>
-</div>
-
-<script>
-let wms = [ "hl", "hr", "vll", "vrr", "vlr", "vrl", "swl", "swr", ];
-let ats = [ "start", "self-start", "center", "end", "self-end", "stretch", "space-between", "space-around", "space-evenly", ];
-let acs = [ "start", "center", "end", ];
-let grid = document.getElementsByTagName('grid')[0];
-for (const ac of acs) {
-  for (const at of ats) {
-    for (const wm of wms) {
-      let e = grid.cloneNode(true);
-      e.className = wm;
-      e.children[0].className = "vrl";
-      e.style.justifyTracks = at;
-      e.style.justifyContent = ac;
-      document.body.appendChild(e);
-    }
-  }
-}
-</script>
-
-</body>
-</html>
diff --git a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-multi-001-ref.html b/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-multi-001-ref.html
deleted file mode 100644
index 319ef217ea759a..00000000000000
--- a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-multi-001-ref.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>Reference: Masonry layout with multiple `justify-tracks` values</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-<style>
-html,body {
-  color:black; background-color:white; font:15px/1 "Courier New", monospace; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-columns: auto;
-  grid-template-rows: repeat(8,50px);
-  gap: 3px 5px;
-  padding: 10px 3px 1px 7px;
-  border: solid;
-  border-width: 1px 7px 3px 5px;
-  background: lightgrey content-box;
-  width: 500px;
-  vertical-justify: top;
-}
-.fallback { grid-template-rows:3px; padding:0; border:0; display: grid; }
-item {
-  background: grey;
-  width: 3ch;
-  position: relative;
-  border: 1px solid;
-}
-.purple { background:purple; width:auto; border-left:3px solid; }
-z { display: block; background: yellow; height: calc(.2 * (50px - 2px)); width:calc(.8 * 2ch); }
-a {
- position: absolute;
- inset: 0;
- top: auto;
- border: 2px solid lime;
-}
-masonry-track {
-  display: grid;
-  grid-auto-flow: column;
-  gap: 3px 5px;
-}
-masonry-track:nth-child(1) { justify-content:start }
-masonry-track:nth-child(2) { justify-content:end }
-masonry-track:nth-child(3) { justify-content:center }
-masonry-track:nth-child(4) { justify-content:stretch; grid-template-columns: repeat(3,auto) repeat(2,max-content); }
-masonry-track:nth-child(5) { justify-content:space-between }
-masonry-track:nth-child(6) { justify-content:space-around }
-masonry-track:nth-child(7) { justify-content:space-evenly }
-masonry-track:nth-child(8) { justify-content:space-evenly }
-</style>
-</head>
-<body>
-<grid>
- <masonry-track>
-  <item style="width:50px">1</item>
-  <item class="purple">20</item>
-  <item class="purple">26</item>
-  <item>33</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple" style="height:25px">2</item>
-  <item>9<a></a></item>
-  <item class="purple">18</item>
-  <item>25</item>
- </masonry-track>
- <masonry-track>
-  <item style="margin-left:10px">3</item>
-  <item>15</item>
-  <item class="purple">24</item>
-  <item class="purple">32</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple" style="margin-top:5px">4</item>
-  <item class="purple">10</item>
-  <item class="purple" style="writing-mode:vertical-rl">16</item>
-  <item>23</item>
-  <item>31</item>
- </masonry-track>
- <masonry-track>
-  <item>5</item>
-  <item>13</item>
-  <item class="purple">22</item>
-  <item>29</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple">6<a></a></item>
-  <item>11</item>
-  <item>19</item>
-  <item class="purple">28</item>
- </masonry-track>
- <masonry-track>
-  <item>7</item>
-  <item class="purple"><z></z>14<a></a></item>
-  <item>21</item>
-  <item class="purple">30</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple" style="writing-mode:vertical-lr">8</item>
-  <item class="purple">12<z></z></item>
-  <item>17</item>
-  <item>27</item>
- </masonry-track>
-</grid>
-<grid class="fallback" style="justify-content:start">
-  <item></item>
-</grid>
-<grid class="fallback" style="justify-content:center">
-  <item></item>
-</grid>
-<grid class="fallback" style="justify-content:center">
-  <item></item>
-</grid>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-multi-001.html b/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-multi-001.html
deleted file mode 100644
index 011c487cb721d6..00000000000000
--- a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-multi-001.html
+++ /dev/null
@@ -1,91 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>CSS Grid Test: Masonry layout with multiple `justify-tracks` values</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="help" href="https://drafts.csswg.org/css-grid-2">
-  <link rel="match" href="masonry-justify-tracks-multi-001-ref.html">
-<style>
-html,body {
-  color:black; background-color:white; font:15px/1 "Courier New", monospace; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-columns: masonry;
-  grid-template-rows: repeat(8,50px); /*intentionally one more than justify-tracks values*/
-  gap: 3px 5px;
-  padding: 10px 3px 1px 7px;
-  border: solid;
-  border-width: 1px 7px 3px 5px;
-  background: lightgrey content-box;
-  justify-tracks: start,end,center,stretch,space-between,space-around,space-evenly;
-  width: 500px;
-  vertical-justify: top;
-}
-.fallback { grid-template-rows:3px; padding:0; border:0; display: grid; }
-item {
-  background: grey;
-  width: 3ch;
-  position: relative;
-  border: 1px solid;
-}
-item:nth-child(2n) { background:purple; width:auto; border-left:3px solid; }
-z { display: block; background: yellow; height: 20%; width:80%; }
-a {
- position: absolute;
- inset: 0;
- top: auto;
- border: 2px solid lime;
-}
-</style>
-</head>
-<body>
-<grid>
-  <item style="width:10%">1</item>
-  <item style="height:50%">2</item>
-  <item style="margin-left:2%">3</item>
-  <item style="margin-top:1%">4</item>
-  <item>5</item>
-  <item>6<a></a></item>
-  <item>7</item>
-  <item style="writing-mode:vertical-lr">8</item>
-  <item>9<a></a></item>
-  <item>10</item>
-  <item>11</item>
-  <item>12<z></z></item>
-  <item>13</item>
-  <item><z></z>14<a></a></item>
-  <item>15</item>
-  <item style="writing-mode:vertical-rl">16</item>
-  <item>17</item>
-  <item>18</item>
-  <item>19</item>
-  <item>20</item>
-  <item>21</item>
-  <item>22</item>
-  <item>23</item>
-  <item>24</item>
-  <item>25</item>
-  <item>26</item>
-  <item>27</item>
-  <item>28</item>
-  <item>29</item>
-  <item>30</item>
-  <item>31</item>
-  <item>32</item>
-  <item>33</item>
-</grid>
-<grid class="fallback" style="justify-tracks:space-between">
-  <item></item>
-</grid>
-<grid class="fallback" style="justify-tracks:space-around">
-  <item></item>
-</grid>
-<grid class="fallback" style="justify-tracks:space-evenly">
-  <item></item>
-</grid>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-001-ref.html b/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-001-ref.html
deleted file mode 100644
index 39053051cc837b..00000000000000
--- a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-001-ref.html
+++ /dev/null
@@ -1,86 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>Reference: Masonry layout with `justify-tracks:stretch`</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
-<style>
-html,body {
-  color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-rows: 150px 100px 50px;
-  grid-template-columns: 500px;
-  gap: 5px 3px;
-  padding: 10px;
-  border: 3px solid;
-  background: lightgrey content-box;
-  width: 500px;
-}
-masonry-track {
-  display: grid;
-  gap: 5px 3px;
-  width: 500px;
-}
-masonry-track:nth-child(1) {
-  grid-template-rows: 150px;
-  grid-template-columns: max-content auto auto min-content min-content auto;
-}
-masonry-track:nth-child(2) {
-  grid-template-rows: 100px;
-  grid-template-columns: auto 50px 3ch 3ch 3ch  min-content min-content;
-}
-masonry-track:nth-child(3) {
-  grid-template-rows: 50px;
-  grid-template-columns: 3ch auto 3ch 3ch auto 3ch auto;
-}
-item {
-  background: grey;
-  width: 3ch;
-  position: relative;
-}
-.purple { background:purple; width:auto; }
-z { display: block; background: yellow; width: 20%; height:10%; }
-a {
- position: absolute;
- inset: 0;
- left: auto;
- border: 2px solid lime;
-}
-</style>
-</head>
-<body>
-<grid>
- <masonry-track>
-  <item style="border:10px solid; margin:10px 0 5px 3px;">1</item>
-  <item style="writing-mode:vertical-lr" class="purple">8<br>vertical</item>
-  <item class="purple">10</item>
-  <item class="purple" style="width:86px; border:solid; border-width:0 2px; margin-right:1px">12<z></z></item>
-  <item>15</item>
-  <item style="margin:0 auto" class="purple">18</item>
- </masonry-track>
- <masonry-track>
-  <item class="purple">2</item>
-  <item style="width:40px; margin-right:10px" class="purple">4</item>
-  <item>5</item>
-  <item>9<a></a></item>
-  <item>13</item>
-  <item style="justify-self:start" class="purple">16</item>
-  <item>19</item>
- </masonry-track>
- <masonry-track>
-  <item>3</item>
-  <item class="purple">6<a></a></item>
-  <item>7</item>
-  <item>11</item>
-  <item class="purple">14<z></z><a></a></item>
-  <item>17</item>
-  <item style="margin-left: auto" class="purple">20</item>
- </masonry-track>
-</grid>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-001.html b/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-001.html
deleted file mode 100644
index 17cb3218218302..00000000000000
--- a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-001.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>CSS Grid Test: Masonry layout with `justify-tracks:stretch`</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="help" href="https://drafts.csswg.org/css-grid-2">
-  <link rel="match" href="masonry-justify-tracks-stretch-001-ref.html">
-  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
-<style>
-html,body {
-  color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-rows: 150px 100px 50px;
-  grid-template-columns: masonry;
-  justify-tracks: stretch;
-  gap: 5px 3px;
-  padding: 10px;
-  border: 3px solid;
-  background: lightgrey content-box;
-  width: 500px;
-}
-item {
-  background: grey;
-  width: 3ch;
-  position: relative;
-}
-item:nth-child(2n) { background:purple; width:auto; }
-item:nth-child(1) { border:10px solid; margin: 10px 0 5px 3px; }
-z { display: block; background: yellow; width: 20%; height:10%; }
-a {
- position: absolute;
- inset: 0;
- left: auto;
- border: 2px solid lime;
-}
-</style>
-</head>
-<body>
-<grid>
-  <item>1</item>
-  <item>2</item>
-  <item>3</item>
-  <item style="max-width:40px; margin-right:10px">4</item>
-  <item>5</item>
-  <item>6<a></a></item>
-  <item>7</item>
-  <item style="writing-mode:vertical-lr">8 vertical</item>
-  <item>9<a></a></item>
-  <item>10</item>
-  <item>11</item>
-  <item style="max-width:90px; border:solid; border-width:0 2px; box-sizing:border-box; margin-right:1px">12<z></z></item>
-  <item>13</item>
-  <item>14<z></z><a></a></item>
-  <item>15</item>
-  <item style="justify-self:start">16</item>
-  <item>17</item>
-  <item style="margin:0 auto">18</item>
-  <item>19</item>
-  <item style="margin-left: auto">20</item>
-</grid>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-002-ref.html b/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-002-ref.html
deleted file mode 100644
index 69759484f298f1..00000000000000
--- a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-002-ref.html
+++ /dev/null
@@ -1,68 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>Reference: Masonry layout with `justify-tracks:stretch`</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-<style>
-html,body {
-  color:black; background-color:white; font:6px/1 monospace; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-columns: auto auto;
-  grid-template-rows: 30px;
-  gap: 1px 2px;
-  padding: 2px 3px 1px 1px;
-  border-style: solid;
-  border-width: 1px 7px 3px 5px;
-  border-inline-start-color: magenta;
-  border-block-start-color: blue;
-  background: lightgrey content-box;
-  inline-size: 25px;
-  vertical-align: top;
-}
-item {
-  border-inline-start: 1px solid magenta;
-  border-block-start: 2px solid blue;
-}
-item:nth-child(2n+1) { background: grey; }
-item:nth-child(2n) { background: cyan; }
-.hl { writing-mode: horizontal-tb; direction:ltr; }
-.hr { writing-mode: horizontal-tb; direction:rtl; }
-.vll { writing-mode: vertical-lr; direction:ltr; }
-.vlr { writing-mode: vertical-lr; direction:rtl; }
-.vrl { writing-mode: vertical-rl; direction:ltr; }
-.vrr { writing-mode: vertical-rl; direction:rtl; }
-.swl { writing-mode: sideways-lr; direction:ltr; }
-.swr { writing-mode: sideways-lr; direction:rtl; }
-</style>
-</head>
-<body>
-<div style="display:none">
-<grid>
-  <item>1</item>
-  <item>2a<br>2b</item>
-</grid>
-</div>
-<script>
-let wms = [ "hl", "hr", "vll", "vrr", "vlr", "vrl", "swl", "swr", ];
-let grid = document.getElementsByTagName('grid')[0];
-for (const reorder of [false, true]) {
-  for (const cb_wm of wms) {
-    for (const child_wm of wms) {
-      let e = grid.cloneNode(true);
-      e.className = cb_wm;
-      e.children[1].className = child_wm;
-      if (reorder) {
-        e.children[0].style.order = '1';
-      }
-      document.body.appendChild(e);
-    }
-  }
-}
-</script>
-</body></html>
diff --git a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-002.html b/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-002.html
deleted file mode 100644
index 6b7746722dca43..00000000000000
--- a/css/css-grid/masonry/tentative/justify-tracks/masonry-justify-tracks-stretch-002.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-     Any copyright is dedicated to the Public Domain.
-     http://creativecommons.org/publicdomain/zero/1.0/
--->
-<html><head>
-  <meta charset="utf-8">
-  <title>CSS Grid Test: Masonry layout with `justify-tracks:stretch`</title>
-  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
-  <link rel="help" href="https://drafts.csswg.org/css-grid-2">
-  <link rel="match" href="masonry-justify-tracks-stretch-002-ref.html">
-<style>
-html,body {
-  color:black; background-color:white; font:6px/1 monospace; padding:0; margin:0;
-}
-grid {
-  display: inline-grid;
-  grid-template-columns: masonry;
-  grid-template-rows: 30px;
-  gap: 1px 2px;
-  padding: 2px 3px 1px 1px;
-  border-style: solid;
-  border-width: 1px 7px 3px 5px;
-  border-inline-start-color: magenta;
-  border-block-start-color: blue;
-  background: lightgrey content-box;
-  justify-tracks: stretch;
-  inline-size: 25px;
-  vertical-align: top;
-}
-item {
-  position: relative;
-  border-inline-start: 1px solid magenta;
-  border-block-start: 2px solid blue;
-}
-item:nth-child(2n+1) { background: grey; }
-item:nth-child(2n) { background: cyan; }
-.hl { writing-mode: horizontal-tb; direction:ltr; }
-.hr { writing-mode: horizontal-tb; direction:rtl; }
-.vll { writing-mode: vertical-lr; direction:ltr; }
-.vlr { writing-mode: vertical-lr; direction:rtl; }
-.vrl { writing-mode: vertical-rl; direction:ltr; }
-.vrr { writing-mode: vertical-rl; direction:rtl; }
-.swl { writing-mode: sideways-lr; direction:ltr; }
-.swr { writing-mode: sideways-lr; direction:rtl; }
-</style>
-</head>
-<body>
-<div style="display:none">
-<grid>
-  <item>1</item>
-  <item>2a<br>2b</item>
-</grid>
-</div>
-<script>
-let wms = [ "hl", "hr", "vll", "vrr", "vlr", "vrl", "swl", "swr", ];
-let grid = document.getElementsByTagName('grid')[0];
-for (const reorder of [false, true]) {
-  for (const cb_wm of wms) {
-    for (const child_wm of wms) {
-      let e = grid.cloneNode(true);
-      e.className = cb_wm;
-      e.children[1].className = child_wm;
-      if (reorder) {
-        e.children[0].style.order = '1';
-      }
-      document.body.appendChild(e);
-    }
-  }
-}
-</script>
-</body></html>