From a519e31a3448adb2b18bf26ba1a73921b380a831 Mon Sep 17 00:00:00 2001
From: Zakor Gyula <gyula.zakor@h-lab.eu>
Date: Wed, 6 Mar 2019 14:32:03 +0100
Subject: [PATCH] Add Gecko tests, which are failing with gfx-hal backend

---
 tests/wpt/mozilla/meta/MANIFEST.json          | 660 +++++++++++++++++-
 .../border-collapse-bevels-1d.html.ini        |   2 +
 .../border-collapse-bevels-1e.html.ini        |   2 +
 .../meta/gfx-rs-gecko/color-2a.html.ini       |   2 +
 .../column-balancing-nested-001.html.ini      |   2 +
 .../display-block-baselines-1.html.ini        |   2 +
 .../element-paint-recursion.html.ini          |   2 +
 .../gfx-rs-gecko/grid-item-align-002.html.ini |   2 +
 .../grid-item-justify-001.html.ini            |   2 +
 .../meta/gfx-rs-gecko/image-zoom-1.html.ini   |   2 +
 .../opacity-background-1.html.ini             |   2 +
 .../tests/gfx-rs-gecko/1035611-1-ref.html     |  29 +
 .../mozilla/tests/gfx-rs-gecko/1035611-1.html |  39 ++
 .../tests/gfx-rs-gecko/240933-2-ref.html      |  29 +
 .../mozilla/tests/gfx-rs-gecko/240933-2.html  |  20 +
 .../tests/gfx-rs-gecko/356774-1-ref.html      |  15 +
 .../mozilla/tests/gfx-rs-gecko/356774-1.html  |  17 +
 .../mozilla/tests/gfx-rs-gecko/Chunkfive.otf  | Bin 0 -> 8712 bytes
 tests/wpt/mozilla/tests/gfx-rs-gecko/big.png  | Bin 0 -> 82 bytes
 .../tests/gfx-rs-gecko/black-border-top.png   | Bin 0 -> 4144 bytes
 .../wpt/mozilla/tests/gfx-rs-gecko/blank.html |   1 +
 .../gfx-rs-gecko/block-first-child-6-dyn.html |  33 +
 .../gfx-rs-gecko/block-first-child-6-ref.html |  21 +
 .../gfx-rs-gecko/block-first-child-7-dyn.html |  33 +
 .../gfx-rs-gecko/block-first-child-7-ref.html |  21 +
 .../gfx-rs-gecko/block-first-child-8-ref.html |  21 +
 .../block-first-child-8a-dyn.html             |  34 +
 .../block-first-child-8b-dyn.html             |  34 +
 .../block-first-child-8c-dyn.html             |  34 +
 .../border-collapse-bevels-1-ref.html         |  28 +
 .../border-collapse-bevels-1b.html            |  30 +
 .../border-collapse-bevels-1c.html            |  30 +
 .../border-collapse-bevels-1d.html            |  31 +
 .../border-collapse-bevels-1e.html            |  31 +
 .../tests/gfx-rs-gecko/color-2-ref.html       |  20 +
 .../mozilla/tests/gfx-rs-gecko/color-2a.html  |  21 +
 .../mozilla/tests/gfx-rs-gecko/colr-unset.ttf | Bin 0 -> 944 bytes
 .../column-balancing-nested-001-ref.html      |  64 ++
 .../column-balancing-nested-001.html          |  61 ++
 .../gfx-rs-gecko/descriptor-ranges-ref.html   |  19 +
 .../tests/gfx-rs-gecko/descriptor-ranges.html |  21 +
 .../tests/gfx-rs-gecko/descriptor-ranges.js   |  79 +++
 .../display-block-baselines-1-ref.html        |  91 +++
 .../display-block-baselines-1.html            |  93 +++
 .../tests/gfx-rs-gecko/downscale-2f.html      |  32 +
 .../element-paint-recursion-ref.html          |  21 +
 .../gfx-rs-gecko/element-paint-recursion.html |  29 +
 .../tests/gfx-rs-gecko/emoji-1-ref.html       |  36 +
 .../mozilla/tests/gfx-rs-gecko/emoji-1.html   |  37 +
 .../mozilla/tests/gfx-rs-gecko/greenbox.html  |   1 +
 .../gfx-rs-gecko/grid-item-align-002-ref.html | 127 ++++
 .../gfx-rs-gecko/grid-item-align-002.html     | 108 +++
 .../grid-item-justify-001-ref.html            | 121 ++++
 .../gfx-rs-gecko/grid-item-justify-001.html   | 108 +++
 .../tests/gfx-rs-gecko/hScrollAbsHeight.html  |   6 +
 .../gfx-rs-gecko/hScrollSimpleHeight.html     |   6 +
 .../tests/gfx-rs-gecko/image-zoom-1-ref.html  |  16 +
 .../tests/gfx-rs-gecko/image-zoom-1.html      |  22 +
 .../opacity-background-1-ref.html             |  55 ++
 .../gfx-rs-gecko/opacity-background-1.html    |  56 ++
 .../mozilla/tests/gfx-rs-gecko/size-4x4.png   | Bin 0 -> 136 bytes
 .../wpt/mozilla/tests/gfx-rs-gecko/small.png  | Bin 0 -> 85 bytes
 62 files changed, 2457 insertions(+), 4 deletions(-)
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/border-collapse-bevels-1d.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/border-collapse-bevels-1e.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/color-2a.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/column-balancing-nested-001.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/display-block-baselines-1.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/element-paint-recursion.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/grid-item-align-002.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/grid-item-justify-001.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/image-zoom-1.html.ini
 create mode 100644 tests/wpt/mozilla/meta/gfx-rs-gecko/opacity-background-1.html.ini
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/Chunkfive.otf
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/big.png
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/black-border-top.png
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/blank.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-dyn.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-dyn.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8a-dyn.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8b-dyn.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8c-dyn.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1b.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1c.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1d.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1e.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/color-2-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/color-2a.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/colr-unset.ttf
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/column-balancing-nested-001-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/column-balancing-nested-001.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges.js
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/display-block-baselines-1-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/display-block-baselines-1.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/downscale-2f.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/element-paint-recursion-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/element-paint-recursion.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/emoji-1-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/emoji-1.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/greenbox.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-align-002-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-align-002.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-justify-001-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-justify-001.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/hScrollAbsHeight.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/hScrollSimpleHeight.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/image-zoom-1-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/image-zoom-1.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/opacity-background-1-ref.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/opacity-background-1.html
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/size-4x4.png
 create mode 100644 tests/wpt/mozilla/tests/gfx-rs-gecko/small.png

diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json
index 87846e570640..0688662d481d 100644
--- a/tests/wpt/mozilla/meta/MANIFEST.json
+++ b/tests/wpt/mozilla/meta/MANIFEST.json
@@ -6905,6 +6905,306 @@
      {}
     ]
    ],
+   "gfx-rs-gecko/1035611-1.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/1035611-1.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/1035611-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/240933-2.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/240933-2.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/240933-2-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/356774-1.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/356774-1.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/356774-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/block-first-child-6-dyn.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/block-first-child-6-dyn.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/block-first-child-6-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/block-first-child-7-dyn.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/block-first-child-7-dyn.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/block-first-child-7-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/block-first-child-8a-dyn.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/block-first-child-8a-dyn.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/block-first-child-8-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/block-first-child-8b-dyn.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/block-first-child-8b-dyn.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/block-first-child-8-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/block-first-child-8c-dyn.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/block-first-child-8c-dyn.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/block-first-child-8-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/border-collapse-bevels-1b.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/border-collapse-bevels-1b.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/border-collapse-bevels-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/border-collapse-bevels-1c.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/border-collapse-bevels-1c.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/border-collapse-bevels-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/border-collapse-bevels-1d.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/border-collapse-bevels-1d.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/border-collapse-bevels-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/border-collapse-bevels-1e.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/border-collapse-bevels-1e.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/border-collapse-bevels-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/color-2a.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/color-2a.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/color-2-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/column-balancing-nested-001.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/column-balancing-nested-001.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/column-balancing-nested-001-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/descriptor-ranges.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/descriptor-ranges.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/descriptor-ranges-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/display-block-baselines-1.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/display-block-baselines-1.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/display-block-baselines-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/downscale-2f.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/downscale-2f.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/blank.html",
+       "!="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/element-paint-recursion.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/element-paint-recursion.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/element-paint-recursion-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/emoji-1.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/emoji-1.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/emoji-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/grid-item-align-002.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/grid-item-align-002.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/grid-item-align-002-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/grid-item-justify-001.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/grid-item-justify-001.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/grid-item-justify-001-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/hScrollAbsHeight.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/hScrollAbsHeight.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/greenbox.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/hScrollSimpleHeight.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/hScrollSimpleHeight.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/greenbox.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/image-zoom-1.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/image-zoom-1.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/image-zoom-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/opacity-background-1.html": [
+    [
+     "/_mozilla/gfx-rs-gecko/opacity-background-1.html",
+     [
+      [
+       "/_mozilla/gfx-rs-gecko/opacity-background-1-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "mozilla/FileAPI/blob_url_upload.html": [
     [
      "/_mozilla/mozilla/FileAPI/blob_url_upload.html",
@@ -10279,6 +10579,136 @@
      {}
     ]
    ],
+   "gfx-rs-gecko/1035611-1-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/240933-2-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/356774-1-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/Chunkfive.otf": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/big.png": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/black-border-top.png": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/blank.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/block-first-child-6-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/block-first-child-7-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/block-first-child-8-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/border-collapse-bevels-1-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/color-2-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/colr-unset.ttf": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/column-balancing-nested-001-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/descriptor-ranges-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/descriptor-ranges.js": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/display-block-baselines-1-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/element-paint-recursion-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/emoji-1-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/greenbox.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/grid-item-align-002-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/grid-item-justify-001-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/image-zoom-1-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/opacity-background-1-ref.html": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/size-4x4.png": [
+    [
+     {}
+    ]
+   ],
+   "gfx-rs-gecko/small.png": [
+    [
+     {}
+    ]
+   ],
    "lint.whitelist": [
     [
      {}
@@ -12676,7 +13106,9 @@
    "mozilla/globals/entry.worker.js": [
     [
      "/_mozilla/mozilla/globals/entry.worker.html",
-     {}
+     {
+      "script_metadata": []
+     }
     ]
    ],
    "mozilla/history.html": [
@@ -12856,7 +13288,9 @@
    "mozilla/interfaces.worker.js": [
     [
      "/_mozilla/mozilla/interfaces.worker.html",
-     {}
+     {
+      "script_metadata": []
+     }
     ]
    ],
    "mozilla/invalid-this.html": [
@@ -13198,11 +13632,25 @@
    "mozilla/task_queue_throttling.any.js": [
     [
      "/_mozilla/mozilla/task_queue_throttling.any.html",
-     {}
+     {
+      "script_metadata": [
+       [
+        "title",
+        "Throttling the performance timeline task queue."
+       ]
+      ]
+     }
     ],
     [
      "/_mozilla/mozilla/task_queue_throttling.any.worker.html",
-     {}
+     {
+      "script_metadata": [
+       [
+        "title",
+        "Throttling the performance timeline task queue."
+       ]
+      ]
+     }
     ]
    ],
    "mozilla/textcontent.html": [
@@ -19038,6 +19486,210 @@
    "dd2b2cf3e565b61717c7e0e6fae484fd56edb0c2",
    "testharness"
   ],
+  "gfx-rs-gecko/1035611-1-ref.html": [
+   "05cb06dee6e7135405332ac5767c4d8d11c7e154",
+   "support"
+  ],
+  "gfx-rs-gecko/1035611-1.html": [
+   "fcc528481b56d673d0a7037bd9c956fe1ea9dd50",
+   "reftest"
+  ],
+  "gfx-rs-gecko/240933-2-ref.html": [
+   "7dbc082a58a5fbf494ab1e6e5a1dca1369516264",
+   "support"
+  ],
+  "gfx-rs-gecko/240933-2.html": [
+   "76b072e85097cd5bb3d74abb70a428a284513a04",
+   "reftest"
+  ],
+  "gfx-rs-gecko/356774-1-ref.html": [
+   "e781b795a141efd24673782d860288ea352bbc8c",
+   "support"
+  ],
+  "gfx-rs-gecko/356774-1.html": [
+   "ecbf77806560c00a1d3a3c575102cd21f7d10e39",
+   "reftest"
+  ],
+  "gfx-rs-gecko/Chunkfive.otf": [
+   "33d53d53e05c013509d68f3112e23805f93847a1",
+   "support"
+  ],
+  "gfx-rs-gecko/big.png": [
+   "76a32497c7593087f40a0a0eb899ad84fd6b6f0c",
+   "support"
+  ],
+  "gfx-rs-gecko/black-border-top.png": [
+   "fc6e69e02aa1b6d51fb34db1d2720452d336024d",
+   "support"
+  ],
+  "gfx-rs-gecko/blank.html": [
+   "0e76edd65b7baf5316fc9d0c4da59a3502e4c27a",
+   "support"
+  ],
+  "gfx-rs-gecko/block-first-child-6-dyn.html": [
+   "98aae16cc0f507b761500fe627e0e40457f0d110",
+   "reftest"
+  ],
+  "gfx-rs-gecko/block-first-child-6-ref.html": [
+   "2a2d8d9bf8ad11e32562de4d98b96da3383e1e3b",
+   "support"
+  ],
+  "gfx-rs-gecko/block-first-child-7-dyn.html": [
+   "54e5a4a49660f90f50466db66e8668b80122a45a",
+   "reftest"
+  ],
+  "gfx-rs-gecko/block-first-child-7-ref.html": [
+   "545006bc0e3da5b96a6736979340e784c3d9b817",
+   "support"
+  ],
+  "gfx-rs-gecko/block-first-child-8-ref.html": [
+   "18ae4f0b6ed2e8a68f60b638877614251439f61e",
+   "support"
+  ],
+  "gfx-rs-gecko/block-first-child-8a-dyn.html": [
+   "1df7087fb5fd51073d4b00e107f12734ebb47373",
+   "reftest"
+  ],
+  "gfx-rs-gecko/block-first-child-8b-dyn.html": [
+   "b11b5ddf5adcefc7d04f5884106bdc352980518a",
+   "reftest"
+  ],
+  "gfx-rs-gecko/block-first-child-8c-dyn.html": [
+   "6e1711ac839c2a2d62c9b6e23e7230af1704cab6",
+   "reftest"
+  ],
+  "gfx-rs-gecko/border-collapse-bevels-1-ref.html": [
+   "5d5a43058970f0b055dc669bde1df87488e7adfa",
+   "support"
+  ],
+  "gfx-rs-gecko/border-collapse-bevels-1b.html": [
+   "554f051fa25a7db16070ff808bcc77cc4ab1bf19",
+   "reftest"
+  ],
+  "gfx-rs-gecko/border-collapse-bevels-1c.html": [
+   "4e2510771914986eaf88b5d8823795a526f96bc7",
+   "reftest"
+  ],
+  "gfx-rs-gecko/border-collapse-bevels-1d.html": [
+   "28904c86e7a7175a523e9d9dd1be8f05ae585f32",
+   "reftest"
+  ],
+  "gfx-rs-gecko/border-collapse-bevels-1e.html": [
+   "299dbdc2bef9e8b2f40541d714046f6b6c1f79cd",
+   "reftest"
+  ],
+  "gfx-rs-gecko/color-2-ref.html": [
+   "d3354b3192c4076d80dec6800bcdca24f2c6acff",
+   "support"
+  ],
+  "gfx-rs-gecko/color-2a.html": [
+   "b80652cb16fdecbecc35f6725e0eacbfa7a16974",
+   "reftest"
+  ],
+  "gfx-rs-gecko/colr-unset.ttf": [
+   "a78fd30a5923edfe1b0967c942aa0611ddf0ccce",
+   "support"
+  ],
+  "gfx-rs-gecko/column-balancing-nested-001-ref.html": [
+   "736ca5368ccce5484241a0b36405b337ada2427b",
+   "support"
+  ],
+  "gfx-rs-gecko/column-balancing-nested-001.html": [
+   "96dac315b2cc580c08a070eff9d0c1e218f02058",
+   "reftest"
+  ],
+  "gfx-rs-gecko/descriptor-ranges-ref.html": [
+   "a2e6888a9d58ce9d3d41103384665f611e520253",
+   "support"
+  ],
+  "gfx-rs-gecko/descriptor-ranges.html": [
+   "79630aee3c12a27b8b8013c6f46f9bbe53022737",
+   "reftest"
+  ],
+  "gfx-rs-gecko/descriptor-ranges.js": [
+   "e59bd0d45c03f8976be7b66c73f9c676af9c1b0e",
+   "support"
+  ],
+  "gfx-rs-gecko/display-block-baselines-1-ref.html": [
+   "aeac413c0d35d9a3f2ae418ba6e36cafa67f72b8",
+   "support"
+  ],
+  "gfx-rs-gecko/display-block-baselines-1.html": [
+   "0051525c907bf975323c92b6c2f4d50f45041337",
+   "reftest"
+  ],
+  "gfx-rs-gecko/downscale-2f.html": [
+   "a5a755accee61837f99489b45704cf909fe2b6a4",
+   "reftest"
+  ],
+  "gfx-rs-gecko/element-paint-recursion-ref.html": [
+   "e37ec29806e22e9d654b632c2ce966a8dfc627a2",
+   "support"
+  ],
+  "gfx-rs-gecko/element-paint-recursion.html": [
+   "220e8f9d14836c9db52010051c371f07ef88e908",
+   "reftest"
+  ],
+  "gfx-rs-gecko/emoji-1-ref.html": [
+   "871f2cf00d313fd111145b552b175d06f3245a94",
+   "support"
+  ],
+  "gfx-rs-gecko/emoji-1.html": [
+   "a299bb0cff431401af0469707258e49c29ca5eec",
+   "reftest"
+  ],
+  "gfx-rs-gecko/greenbox.html": [
+   "fc44641112a4e968bbd468f2c0851245a392eb4d",
+   "support"
+  ],
+  "gfx-rs-gecko/grid-item-align-002-ref.html": [
+   "de59dea26d0487702b9a24fe2b7d529c498caf50",
+   "support"
+  ],
+  "gfx-rs-gecko/grid-item-align-002.html": [
+   "1d923678e066058f3176b20103fe90ec7a0a05cf",
+   "reftest"
+  ],
+  "gfx-rs-gecko/grid-item-justify-001-ref.html": [
+   "cfe109554620548da1dd40427281f4c1382cab9a",
+   "support"
+  ],
+  "gfx-rs-gecko/grid-item-justify-001.html": [
+   "52ba438e352abb5d5bb3897b829d5d8934e61b12",
+   "reftest"
+  ],
+  "gfx-rs-gecko/hScrollAbsHeight.html": [
+   "b56c823f26f74b40826d0e9384f4b78ec68ff465",
+   "reftest"
+  ],
+  "gfx-rs-gecko/hScrollSimpleHeight.html": [
+   "a35443779900c0228e447d2a7818bc9fcbf50346",
+   "reftest"
+  ],
+  "gfx-rs-gecko/image-zoom-1-ref.html": [
+   "58bd5b8c694e451bf260124dfec7f1ccb358c3d3",
+   "support"
+  ],
+  "gfx-rs-gecko/image-zoom-1.html": [
+   "1ac842e2863d5590684ec8bd48953fa352d29ac5",
+   "reftest"
+  ],
+  "gfx-rs-gecko/opacity-background-1-ref.html": [
+   "c80ed888666be52434a8436214032dd59e923cb0",
+   "support"
+  ],
+  "gfx-rs-gecko/opacity-background-1.html": [
+   "2d0bbb8cc047cf8ea3a86a788fef2650ab2265ec",
+   "reftest"
+  ],
+  "gfx-rs-gecko/size-4x4.png": [
+   "e6afafd89ac86972d6ba8d67f0333d0e5a69ac72",
+   "support"
+  ],
+  "gfx-rs-gecko/small.png": [
+   "9ff11a99327a8f9d2cd62755b793e65c2f7e5d13",
+   "support"
+  ],
   "lint.whitelist": [
    "4e9dcc5ddf894bc85224a634349663b832dd8c24",
    "support"
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/border-collapse-bevels-1d.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/border-collapse-bevels-1d.html.ini
new file mode 100644
index 000000000000..00cb548be69d
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/border-collapse-bevels-1d.html.ini
@@ -0,0 +1,2 @@
+[border-collapse-bevels-1d.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/border-collapse-bevels-1e.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/border-collapse-bevels-1e.html.ini
new file mode 100644
index 000000000000..ffd3074382a8
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/border-collapse-bevels-1e.html.ini
@@ -0,0 +1,2 @@
+[border-collapse-bevels-1e.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/color-2a.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/color-2a.html.ini
new file mode 100644
index 000000000000..f3577d736884
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/color-2a.html.ini
@@ -0,0 +1,2 @@
+[color-2a.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/column-balancing-nested-001.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/column-balancing-nested-001.html.ini
new file mode 100644
index 000000000000..9b5ca8621af3
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/column-balancing-nested-001.html.ini
@@ -0,0 +1,2 @@
+[column-balancing-nested-001.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/display-block-baselines-1.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/display-block-baselines-1.html.ini
new file mode 100644
index 000000000000..2f7c5aca9385
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/display-block-baselines-1.html.ini
@@ -0,0 +1,2 @@
+[display-block-baselines-1.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/element-paint-recursion.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/element-paint-recursion.html.ini
new file mode 100644
index 000000000000..b3170a3180d9
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/element-paint-recursion.html.ini
@@ -0,0 +1,2 @@
+[element-paint-recursion.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/grid-item-align-002.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/grid-item-align-002.html.ini
new file mode 100644
index 000000000000..8880674456dd
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/grid-item-align-002.html.ini
@@ -0,0 +1,2 @@
+[grid-item-align-002.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/grid-item-justify-001.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/grid-item-justify-001.html.ini
new file mode 100644
index 000000000000..876d858b1141
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/grid-item-justify-001.html.ini
@@ -0,0 +1,2 @@
+[grid-item-justify-001.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/image-zoom-1.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/image-zoom-1.html.ini
new file mode 100644
index 000000000000..318fa0953b93
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/image-zoom-1.html.ini
@@ -0,0 +1,2 @@
+[image-zoom-1.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/meta/gfx-rs-gecko/opacity-background-1.html.ini b/tests/wpt/mozilla/meta/gfx-rs-gecko/opacity-background-1.html.ini
new file mode 100644
index 000000000000..6bc52c889ced
--- /dev/null
+++ b/tests/wpt/mozilla/meta/gfx-rs-gecko/opacity-background-1.html.ini
@@ -0,0 +1,2 @@
+[opacity-background-1.html]
+  expected: FAIL
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1-ref.html
new file mode 100644
index 000000000000..05cb06dee6e7
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+    <title>Testcase, bug 1035611</title>
+    <meta charset=UTF-8>
+    <style type="text/css">
+
+    #outer {
+      width: 500px;
+      height: 100px;
+      overflow:hidden;
+      background: orange;
+    }
+
+    #inner {
+      width: 36px;
+      height: 100px;
+      background: blue;
+    }
+
+    </style>
+</head>
+<body>
+<div id="outer">
+  <div id="inner"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1.html
new file mode 100644
index 000000000000..fcc528481b56
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<link rel="match" href="1035611-1-ref.html">
+<html lang="en-US" reftest-zoom="1.0">
+<head>
+    <title>Testcase, bug 1035611</title>
+    <meta charset=UTF-8>
+    <style type="text/css">
+
+    #outer1 {
+      width: 500px;
+      height: 100px;
+      overflow:hidden;
+      background: blue;
+    }
+
+    #outer2 {
+      width: 250px;
+      height: 100px;
+      perspective: 125px;
+    }
+
+    #inner {
+      transform-origin: 0px 0px 70px;
+      transform: rotate3d(0, 1, 0, -54deg);
+      width: 128px;
+      height: 128px;
+      background: orange;
+    }
+    </style>
+</head>
+<body>
+<div id="outer1">
+  <div id="outer2">
+    <div id="inner"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2-ref.html
new file mode 100644
index 000000000000..7dbc082a58a5
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<body onload="setup()">
+<textarea id="ta" dir="rtl">
+
+&#x05d0;a&#x05d1;
+
+</textarea>
+<textarea id="tb">
+
+abc
+
+</textarea>
+
+<div id="coords1"></div>
+<div id="coords2"></div>
+
+<script>
+  function setup() {
+    document.getElementById("ta").selectionStart = 3;
+    document.getElementById("ta").selectionEnd = 3;
+    document.getElementById("coords1").innerHTML = document.getElementById("ta").selectionStart;
+    document.getElementById("tb").selectionStart = 3;
+    document.getElementById("tb").selectionEnd = 3;
+    document.getElementById("coords2").innerHTML = document.getElementById("tb").selectionStart;
+  }
+</script>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2.html
new file mode 100644
index 000000000000..76b072e85097
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<link rel="match" href="240933-2-ref.html">
+<html>
+<body>
+<textarea id="ta" dir="rtl">
+
+&#x05d0;a&#x05d1;
+
+</textarea>
+<textarea id="tb">
+
+abc
+
+</textarea>
+
+<div id="coords1">3</div>
+<div id="coords2">3</div>
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1-ref.html
new file mode 100644
index 000000000000..e781b795a141
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<style>
+table {
+ border: .1mm solid black;
+}
+</style>
+<body>
+<table cellspacing="0">
+ <tr>
+  <td>border: .1mm, collapsed</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1.html
new file mode 100644
index 000000000000..ecbf77806560
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<link rel="match" href="356774-1-ref.html">
+<html>
+<style>
+table {
+ border: .1mm solid black;
+ border-collapse: collapse;
+}
+</style>
+<body>
+<table>
+ <tr>
+  <td>border: .1mm, collapsed</td>
+ </tr>
+</table>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/Chunkfive.otf b/tests/wpt/mozilla/tests/gfx-rs-gecko/Chunkfive.otf
new file mode 100644
index 0000000000000000000000000000000000000000..33d53d53e05c013509d68f3112e23805f93847a1
GIT binary patch
literal 8712
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

literal 0
HcmV?d00001

diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/big.png b/tests/wpt/mozilla/tests/gfx-rs-gecko/big.png
new file mode 100644
index 0000000000000000000000000000000000000000..76a32497c7593087f40a0a0eb899ad84fd6b6f0c
GIT binary patch
literal 82
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4NqV|ChDc0JPWaK!`QJDpscqo`
ff!PlNLOB>J?;N-Mc=;GVP!WTttDnm{r-UW|24WXk

literal 0
HcmV?d00001

diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/black-border-top.png b/tests/wpt/mozilla/tests/gfx-rs-gecko/black-border-top.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc6e69e02aa1b6d51fb34db1d2720452d336024d
GIT binary patch
literal 4144
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

literal 0
HcmV?d00001

diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/blank.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/blank.html
new file mode 100644
index 000000000000..0e76edd65b7b
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/blank.html
@@ -0,0 +1 @@
+<!DOCTYPE html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-dyn.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-dyn.html
new file mode 100644
index 000000000000..98aae16cc0f5
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<link rel="match" href="block-first-child-6-ref.html">
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: 20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: 0px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.marginTop = '-20px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('DOMContentLoaded', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-ref.html
new file mode 100644
index 000000000000..2a2d8d9bf8ad
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-dyn.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-dyn.html
new file mode 100644
index 000000000000..54e5a4a49660
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-dyn.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<link rel="match" href="block-first-child-7-ref.html">
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ margin-top: 20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: 0;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('parent').style.marginTop = '-30px';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('DOMContentLoaded', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-ref.html
new file mode 100644
index 000000000000..545006bc0e3d
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 10px;
+ background-color: green;
+}
+#first-child {
+ height: 20px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8-ref.html
new file mode 100644
index 000000000000..18ae4f0b6ed2
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+#separator {
+ height: 20px;
+ background-color: green;
+}
+#first-child {
+ height: 40px;
+ background-color: blue;
+}
+</style>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8a-dyn.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8a-dyn.html
new file mode 100644
index 000000000000..1df7087fb5fd
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8a-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<link rel="match" href="block-first-child-8-ref.html">
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ display: none;
+ height: 40px;
+ margin-top: -20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -10px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('DOMContentLoaded', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8b-dyn.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8b-dyn.html
new file mode 100644
index 000000000000..b11b5ddf5adc
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8b-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<link rel="match" href="block-first-child-8-ref.html">
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ display: none;
+ height: 40px;
+ margin-top: -10px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('DOMContentLoaded', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8c-dyn.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8c-dyn.html
new file mode 100644
index 000000000000..6e1711ac839c
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8c-dyn.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<link rel="match" href="block-first-child-8-ref.html">
+<html class="reftest-wait">
+<head>
+<style type="text/css">
+#separator {
+ height: 40px;
+ background-color: green;
+}
+#first-child {
+ display: none;
+ height: 40px;
+ margin-top: -20px;
+ background-color: blue;
+}
+#parent {
+ margin-top: -20px;
+}
+</style>
+<script type="text/javascript">
+function test() {
+ document.getElementById('first-child').style.display = 'block';
+ document.documentElement.removeAttribute('class');
+}
+document.addEventListener('DOMContentLoaded', test);
+</script>
+</head>
+<body>
+<div id="separator"></div>
+<div id="parent">
+ <div id="first-child"></div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1-ref.html
new file mode 100644
index 000000000000..5d5a43058970
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1b.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1b.html
new file mode 100644
index 000000000000..554f051fa25a
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1b.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<link rel="match" href="border-collapse-bevels-1-ref.html">
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  writing-mode: vertical-lr;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1c.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1c.html
new file mode 100644
index 000000000000..4e2510771914
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1c.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<link rel="match" href="border-collapse-bevels-1-ref.html">
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  writing-mode: vertical-rl;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1d.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1d.html
new file mode 100644
index 000000000000..28904c86e7a7
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1d.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<link rel="match" href="border-collapse-bevels-1-ref.html">
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  writing-mode: vertical-lr;
+  direction: rtl;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1e.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1e.html
new file mode 100644
index 000000000000..299dbdc2bef9
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/border-collapse-bevels-1e.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<link rel="match" href="border-collapse-bevels-1-ref.html">
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border-spacing: 0;
+  border-collapse: collapse;
+  writing-mode: vertical-rl;
+  direction: rtl;
+}
+td {
+  border-top: 10px solid rgba(0,0,255,0.3);
+  border-right: 20px solid rgba(255,0,0,0.3);
+  border-bottom: 30px solid rgba(0,255,0,0.3);
+  border-left: 40px solid rgba(255,0,255,0.3);
+  width: 50px;
+  height: 50px;
+  padding: 0;
+}
+</style>
+</head>
+<body>
+
+<div>
+<table>
+<tr><td> </td></tr>
+</table>
+</div>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/color-2-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/color-2-ref.html
new file mode 100644
index 000000000000..d3354b3192c4
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/color-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: colr-unset;
+  src: url("colr-unset.ttf");
+}
+
+span {
+  font-family: colr-unset;
+  font-size: 25pt;
+}
+</style>
+</head>
+<body>
+<span>A</span><span>B</span><span>C</span>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/color-2a.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/color-2a.html
new file mode 100644
index 000000000000..b80652cb16fd
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/color-2a.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel="match" href="color-2-ref.html">
+<html>
+<head>
+<meta charset="UTF-8"/>
+<style>
+@font-face {
+  font-family: colr-unset;
+  src: url("colr-unset.ttf");
+}
+
+span {
+  font-family: colr-unset;
+  font-size: 25pt;
+}
+</style>
+</head>
+<body>
+<span>A</span><span style="color: #00FF00FF">A</span><span style="color: #0000FFFF">A</span>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/colr-unset.ttf b/tests/wpt/mozilla/tests/gfx-rs-gecko/colr-unset.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..a78fd30a5923edfe1b0967c942aa0611ddf0ccce
GIT binary patch
literal 944
zcmaiy&ubGw6vw}_vq_8wZ4{;SAiG%GQc9Y(SaMM4rV%_8QYuI(f?c+orm)F|G-ACK
z6cO>zg9j;s7Z3gk3W61cf_n4n!GniI@Rr`R>vv{TiC&z^?wik>_ujrAfdG)hHYDce
zs|!mg;tC*dQd^o|bQVO6Gvp`aq3ZR?>E$o(At0`iSG|VYqVFB@EAqs8aJP1F>BC!c
zm;9pcyKBeGV-I=$#AminMaGlgd2f=3>y6Hqj9`;rk_Up&bFqVW<Zp@_?p6y`oF$Ku
zt)|=XQy+&m0OKinyA^JB9=t!7WqyO?GE^;mO8$@6w@zI?zzIg@`uyyEPRr-3%$3%W
zv?z|jP{c(atyxLz`Bstom(ZGw_ECPyGttfQq}Y^^*g=Z$$aq8D<3x(Dm=d%$kYb*_
z^;h)8+SN7e!9hh@aS1Cr6P=T?)?`62C;Q0#PZX)M%E5$1oyn~tSK^p&CywJi%>>Ty
zJVsE!EGk%HGK?k0ja^PX1I*;@{OC;nf-SPq{=TvMt7aR^&{1@+21bzPIMS-RK5be>
z{~sqAus2<P3xZ#g(a%BAJ<L%<e=(t_(RU{;eFuK6OdnxpX?L16BxeIBNy*vl)2CRW
z)zhc7-b080ZQMo^oAA+L<v!NQ0bJ^DklMW2pk0%`MeZr~NXa65q*r_o(>yTKe-`_O
zVO(TaM};9|)+sbYFATzV#wlp2?O7M|1*7Y3F>10UXT`q+yT{J5Qqhx!mbzBflK83~
Jb91Qt{RWs7iCh2x

literal 0
HcmV?d00001

diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/column-balancing-nested-001-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/column-balancing-nested-001-ref.html
new file mode 100644
index 000000000000..736ca5368ccc
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/column-balancing-nested-001-ref.html
@@ -0,0 +1,64 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  <title>Testing nested balancing column sets</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
+<style type="text/css">
+        html,body {
+            color:black; background-color:white; font-family:monospace; font-size:16px; padding:0; margin:0;
+        }
+
+  .colset {
+    -moz-column-count: 2;
+    -moz-column-gap: 0px;
+    -moz-column-rule: 1px solid black;
+    margin-bottom:1em;
+    width:30ch;
+  }
+  .colset.lvl2 {
+    -moz-column-rule: 1px solid blue;
+  }
+  .colset.lvl3 {
+    -moz-column-rule: 1px solid red;
+  }
+  p { margin: 0; }
+  .non-balancing {
+    -moz-column-count: 1;
+  }
+  .fixed-height.lvl2 {
+    -moz-column-count: 2;
+  }
+  .fixed-height {
+    -moz-column-count: 1;
+    height:3em;
+  }
+</style>
+</head>
+<body>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset non-balancing lvl2">
+    <p>two two two two<br>two</p>
+  </div>
+</div>
+<div class="colset">
+  <p>one one one one one<br>one</p>
+  <div class="colset fixed-height lvl2">
+    <p>two two two two two</p>
+  </div>
+</div>
+<div class="colset">
+  <p>one<br>one</p>
+  <div class="colset lvl2">
+    <p>two</p>
+    <div class="colset fixed-height lvl3">
+      <p>three three three three three three</p>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/column-balancing-nested-001.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/column-balancing-nested-001.html
new file mode 100644
index 000000000000..96dac315b2cc
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/column-balancing-nested-001.html
@@ -0,0 +1,61 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<!DOCTYPE html>
+<link rel="match" href="column-balancing-nested-001-ref.html">
+<html lang="en-US">
+<head>
+  <title>Testing nested balancing column sets</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
+<style type="text/css">
+        html,body {
+            color:black; background-color:white; font-family:monospace; font-size:16px; padding:0; margin:0;
+        }
+
+  .colset {
+    -moz-column-count: 2;
+    -moz-column-gap: 0px;
+    -moz-column-rule: 1px solid black;
+    margin-bottom:1em;
+    width:30ch;
+  }
+  .colset.lvl2 {
+    -moz-column-rule: 1px solid blue;
+  }
+  .colset.lvl3 {
+    -moz-column-rule: 1px solid red;
+  }
+  p { margin: 0; }
+  .non-balancing {
+    -moz-column-fill: auto;
+  }
+  .fixed-height {
+    height:3em;
+  }
+</style>
+</head>
+<body>
+<div class="colset">
+  <p>one one one one one</p>
+  <div class="colset non-balancing lvl2">
+    <p>two two two two two</p>
+  </div>
+</div>
+<div class="colset">
+  <p>one one one one one<br>one</p>
+  <div class="colset fixed-height lvl2">
+    <p>two two two two two</p>
+  </div>
+</div>
+<div class="colset">
+  <p>one<br>one</p>
+  <div class="colset lvl2">
+    <p>two</p>
+    <div class="colset fixed-height lvl3">
+      <p>three three three three three three</p>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges-ref.html
new file mode 100644
index 000000000000..a2e6888a9d58
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<style id="dynamicStyles">
+</style>
+
+<div id="testContents" style="columns: 2; font-size: 10px;">
+</div>
+
+<script>
+/* Reference file creates only a single face in each test font-family,
+   so that it will always have the expected rendering without relying
+   on the font-matching algorithm to choose between faces. */
+function createFontFaceRules(family, descriptor, expectedMatch, unexpectedMatch) {
+    return `@font-face { font-family: ${family}; src: url(Chunkfive.otf); ${descriptor}: ${expectedMatch}; }\n`;
+}
+</script>
+
+<script src="descriptor-ranges.js"></script>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges.html
new file mode 100644
index 000000000000..79630aee3c12
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel="match" href="descriptor-ranges-ref.html">
+<meta charset=utf-8>
+
+<style id="dynamicStyles">
+</style>
+
+<div id="testContents" style="columns: 2; font-size: 10px;">
+</div>
+
+<script>
+/* Create font-family with two faces; the testcase to use the face with the
+   'expectedMatch' descriptor, and not the 'unexpectedMatch'. So any testcase
+   whose text is replaced by Ahem glyphs has failed font-matching. */
+function createFontFaceRules(family, descriptor, expectedMatch, unexpectedMatch) {
+    return `@font-face { font-family: ${family}; src: url(Chunkfive.otf); ${descriptor}: ${expectedMatch}; }\n` +
+           `@font-face { font-family: ${family}; src: url(/fonts/Ahem.ttf); ${descriptor}: ${unexpectedMatch}; }\n`;
+}
+</script>
+
+<script src="descriptor-ranges.js"></script>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges.js b/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges.js
new file mode 100644
index 000000000000..e59bd0d45c03
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/descriptor-ranges.js
@@ -0,0 +1,79 @@
+/* Script used by descriptor-ranges.html and descriptor-ranges-ref.html
+   to create @font-face rules and test elements for a collection of
+   font-matching testcases. */
+
+// To create unique font-family names for each testcase.
+let serial = 0;
+
+// Accumulators for the lists of @font-face rules and test elements.
+let fontFaceRules = "";
+let testElements = "";
+
+// Create a <div> element with the font properties to match. Its text reports
+// the property-value and corresponding pair of descriptors being tested.
+// (The associated createFontFaceRules() function is defined separately in the
+// test and reference files.)
+function createTestElement(family, weight, style, stretch, value, expected, unexpected) {
+    return `<div style="font-family:${family}; font-weight:${weight}; font-style:${style}; font-stretch:${stretch};">` +
+           `${family} ${value} (${expected} vs ${unexpected})</div>\n`;
+}
+
+// Create testcases for the given descriptor.
+// Each testcase has a test property value, and a list of @font-face descriptors
+// to be matched against the property, where each descriptor in the list should
+// be preferred over the next.
+function testDescriptor(descriptorName, testCases) {
+    testElements += `<div style="background:yellow;padding:0.5em">Tests of ${descriptorName} descriptor:</div>\n`;
+    testCases.forEach(function (testCase) {
+        // Go though test cases, checking each descriptor has higher priority than next in the list
+        for (let i = 0; i < testCase.testDescriptors.length - 1; i++) {
+            serial++;
+            let expectedMatch   = testCase.testDescriptors[i];
+            let unexpectedMatch = testCase.testDescriptors[i + 1];
+            let familyName = "test_" + serial;
+            fontFaceRules += createFontFaceRules(familyName, descriptorName, expectedMatch, unexpectedMatch);
+            let testWeight  = (descriptorName == "font-weight")  ? testCase.value : "normal";
+            let testStyle   = (descriptorName == "font-style")   ? testCase.value : "normal";
+            let testStretch = (descriptorName == "font-stretch") ? testCase.value : "normal";
+            testElements += createTestElement(familyName, testWeight, testStyle, testStretch,
+                                              testCase.value, expectedMatch, unexpectedMatch);
+        }
+    });
+}
+
+// Testcases (from web-platform/tests/css/css-fonts/variations/at-font-face-font-matching.html,
+// with a couple of extras). In each case, for the given property value, the testDescriptors
+// are listed from 'best' to 'worse' match, as evaluated by the font-matching algorithm in
+// https://drafts.csswg.org/css-fonts-4/#font-style-matching.
+testDescriptor("font-weight", [
+    { value: "400", testDescriptors: ["400", "450 460", "500", "350 399", "351 398", "501 550", "502 560"] },
+    { value: "430", testDescriptors: ["420 440", "450 460", "500", "400 425", "350 399", "340 398", "501 550", "502 560"] },
+    { value: "500", testDescriptors: ["500", "450 460", "400", "350 399", "351 398", "501 550", "502 560"] },
+    { value: "501", testDescriptors: ["501", "502 510", "503 520", "500", "450 460", "390 410", "300 350"] },
+    { value: "399", testDescriptors: ["350 399", "340 360", "200 300", "400", "450 460", "500 501", "502 510"] },
+    { value: "350", testDescriptors: ["200 300", "250 280", "420 450", "430 440", "445"] },
+    { value: "550", testDescriptors: ["600 800", "700 900", "420 450", "430 440", "425"] }
+]);
+
+testDescriptor("font-stretch", [
+    { value: "100%", testDescriptors: ["100%", "110% 120%", "115% 116%"] },
+    { value: "110%", testDescriptors: ["110% 120%", "115% 116%", "105%", "100%", "50% 80%", "60% 70%"] },
+    { value: "90%",  testDescriptors: ["90% 100%", "50% 80%", "60% 70%", "110% 140%", "120% 130%"] },
+]);
+
+testDescriptor("font-style", [
+    { value: "normal",         testDescriptors: ["normal", "oblique 0deg", "oblique 10deg 40deg", "oblique 20deg 30deg", "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "italic",         testDescriptors: ["italic", "oblique 20deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "oblique 5deg 10deg", "oblique 5deg", "normal", "oblique 0deg", "oblique -60deg -30deg", "oblique -50deg -40deg" ] },
+    { value: "oblique 20deg",  testDescriptors: ["oblique 20deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "oblique 10deg", "italic", "oblique 0deg", "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "oblique 21deg",  testDescriptors: ["oblique 21deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "oblique 20deg", "oblique 10deg", "italic", "oblique 0deg",  "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "oblique 10deg",  testDescriptors: ["oblique 10deg", "oblique 5deg", "oblique 15deg 20deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "italic", "oblique 0deg", "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "oblique 0deg",   testDescriptors: ["oblique 0deg", "oblique 5deg", "oblique 15deg 20deg", "oblique 30deg 60deg", "oblique 40deg 50deg", "italic", "oblique -50deg -20deg", "oblique -40deg -30deg" ] },
+    { value: "oblique -10deg", testDescriptors: ["oblique -10deg", "oblique -5deg", "oblique -1deg 0deg", "oblique -20deg -15deg", "oblique -60deg -30deg", "oblique -50deg -40deg", "italic", "oblique 0deg 10deg", "oblique 40deg 50deg" ] },
+    { value: "oblique -20deg", testDescriptors: ["oblique -20deg", "oblique -60deg -40deg", "oblique -10deg", "italic", "oblique 0deg", "oblique 30deg 60deg", "oblique 40deg 50deg"] },
+    { value: "oblique -21deg", testDescriptors: ["oblique -21deg", "oblique -60deg -40deg", "oblique -10deg", "italic", "oblique 0deg", "oblique 30deg 60deg", "oblique 40deg 50deg"] },
+]);
+
+// Stuff the @font-face rules and test elements into the document.
+// Any testcases that render Ahem glyphs are failures.
+document.getElementById("dynamicStyles").innerHTML = fontFaceRules;
+document.getElementById("testContents").innerHTML = testElements;
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/display-block-baselines-1-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/display-block-baselines-1-ref.html
new file mode 100644
index 000000000000..aeac413c0d35
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/display-block-baselines-1-ref.html
@@ -0,0 +1,91 @@
+<!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: Testcase #1 for bug 1330962</title>
+  <style type="text/css">
+@font-face {
+ src: url(/fonts/Ahem.ttf);
+ font-family: Ahem;
+}
+html,body {
+  color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+* { font:16px/1 Ahem; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-grid">
+    A<img class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-grid">
+    A
+    <input type="image" class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input type="text" value="text"></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input type="text" value="text"></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input type="text"></div>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A<br>
+    <div style="display:inline-block"><input class="no-theme" type="text" value="text"></div>
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/display-block-baselines-1.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/display-block-baselines-1.html
new file mode 100644
index 000000000000..0051525c907b
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/display-block-baselines-1.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<link rel="match" href="display-block-baselines-1-ref.html">
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase #1 for bug 1330962</title>
+  <style type="text/css">
+@font-face {
+ src: url(/fonts/Ahem.ttf);
+ font-family: Ahem;
+}
+html,body {
+  color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
+}
+* { font:16px/1 Ahem; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <img class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input type="image" class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block" type="text" value="text">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block scroll" type="text" value="text">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block" type="text">
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <input class="block no-theme" type="text" value="text">
+  </div>
+  B
+</div>
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/downscale-2f.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/downscale-2f.html
new file mode 100644
index 000000000000..a5a755accee6
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/downscale-2f.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+<link rel="mismatch" href="blank.html">
+<html reftest-zoom="0.3" class="reftest-wait">
+<head>
+  <script>
+    function snapshot() {
+      document.documentElement.removeAttribute('class');
+    }
+  </script>
+</head>
+<!-- NOTE: Using setTimeout to wait for high-quality downscaled version of
+     image to be ready, because there's nothing better we can do. If we fix
+     Bug 1006883, we can do away with this setTimeout.
+
+     For now, the setTimeout is just here to increase the likelihood that we
+     actually test the high-quality downscaled version of the image. If the
+     setTimeout happens to fire before the high-quality downscaled rendering is
+     ready, then this the test will pass without testing what it's trying to
+     test, which is fine as long as that's rare.  -->
+<body style="margin: 0px" onload="setTimeout(snapshot, 50)">
+  <script>
+    var args = location.search.substring(1).split(',');
+    var image = document.createElement('img');
+    image.width = 205;
+    image.height = 53;
+    image.src = 'black-border-top.png';
+    document.body.appendChild(image);
+  </script>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/element-paint-recursion-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/element-paint-recursion-ref.html
new file mode 100644
index 000000000000..e37ec29806e2
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/element-paint-recursion-ref.html
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<html>
+<body>
+  <p style="width:90px; height:90px; border:10px solid black; border-top:20px solid black; border-left:20px solid black;"></p>
+  <div style="width:90px; height:90px; border:10px solid blue; border-top:20px solid blue; border-left:20px solid blue;"></div>
+  <p style="width:100px; height:100px; border:10px solid green; background:yellow;"></div>
+  <div style="width:100px; height:100px; border:10px solid cyan;">
+    <div style="width:90px; height:90px; border-left:10px solid magenta; border-top:10px solid magenta;">
+      <div style="width:80px; height:80px; border-left:10px solid cyan; border-top:10px solid cyan;"></div>
+    </div>
+  </div>
+  <div style="width:100px; height:100px; border:10px solid magenta;">
+    <div style="width:90px; height:90px; border-left:10px solid cyan; border-top:10px solid cyan;">
+      <div style="width:80px; height:80px; border-left:10px solid magenta; border-top:10px solid magenta;"></div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/element-paint-recursion.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/element-paint-recursion.html
new file mode 100644
index 000000000000..220e8f9d1483
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/element-paint-recursion.html
@@ -0,0 +1,29 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+
+     Test painting elements recursively using each other as background.
+-->
+<html>
+<link rel="match" href="element-paint-recursion-ref.html">
+<body>
+  <p id="d" style="width:100px; height:100px; border:10px solid black;
+                   background:-moz-element(#d);"></p>
+  <div id="e">
+    <div style="width:100px; height:100px; border:10px solid blue;
+                background:-moz-element(#e);"></div>
+  </div>
+  <div id="f"></div>
+  <!-- test zero-sized images -->
+  <p style="width:100px; height:100px; border:10px solid green;
+            background:-moz-element(#f) yellow;"></div>
+  <div id="g">
+    <div style="width:100px; height:100px; border:10px solid cyan;
+                background:-moz-element(#h);"></div>
+  </div>
+  <div id="h">
+    <div style="width:100px; height:100px; border:10px solid magenta;
+                background:-moz-element(#g);"></div>
+  </div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/emoji-1-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/emoji-1-ref.html
new file mode 100644
index 000000000000..871f2cf00d31
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/emoji-1-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+.test {
+  width: 6em;
+  border: 1px solid silver;
+  margin: 1em;
+  padding: 2px;
+}
+.wrapped {
+  word-wrap: break-word;
+}
+</style>
+</head>
+<body>
+The emoji should wrap within the box in both cases:
+<div class="test">
+abcde fghij klmno pqrst uvw xyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603; &#x1f604;&#x1f605;&#x1f606;&#x1f607;
+&#x1f608;&#x1f609;&#x1f60a;&#x1f60b; &#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+abcdefghijklmnopqrstuvwxyz
+<span class="wrapped">&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;</span>
+</div>
+<div class="test wrapped">
+abcde fghij klmno pqrst uvw xyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603; &#x1f604;&#x1f605;&#x1f606;&#x1f607;
+&#x1f608;&#x1f609;&#x1f60a;&#x1f60b; &#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+abcdefghijklmnopqrstuvwxyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/emoji-1.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/emoji-1.html
new file mode 100644
index 000000000000..a299bb0cff43
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/emoji-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<link rel="match" href="emoji-1-ref.html">
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+.test {
+  width: 6em;
+  border: 1px solid silver;
+  margin: 1em;
+  padding: 2px;
+}
+.wrapped {
+  word-wrap: break-word;
+}
+</style>
+</head>
+<body>
+The emoji should wrap within the box in both cases:
+<div class=test>
+abcde fghij klmno pqrst uvw xyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603; &#x1f604;&#x1f605;&#x1f606;&#x1f607;
+&#x1f608;&#x1f609;&#x1f60a;&#x1f60b; &#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+abcdefghijklmnopqrstuvwxyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+</div>
+<div class="test wrapped">
+abcde fghij klmno pqrst uvw xyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603; &#x1f604;&#x1f605;&#x1f606;&#x1f607;
+&#x1f608;&#x1f609;&#x1f60a;&#x1f60b; &#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+abcdefghijklmnopqrstuvwxyz
+&#x1f600;&#x1f601;&#x1f602;&#x1f603;&#x1f604;&#x1f605;&#x1f606;&#x1f607;<!--
+-->&#x1f608;&#x1f609;&#x1f60a;&#x1f60b;&#x1f60c;&#x1f60d;&#x1f60e;&#x1f60f;
+</div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/greenbox.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/greenbox.html
new file mode 100644
index 000000000000..fc44641112a4
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/greenbox.html
@@ -0,0 +1 @@
+<div style="height:200px;width:200px; background:green">
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-align-002-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-align-002-ref.html
new file mode 100644
index 000000000000..de59dea26d04
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-align-002-ref.html
@@ -0,0 +1,127 @@
+<!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: align-self (part 2 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  inline-size: 36px;
+  block-size: 25px;
+  margin-right: 4px;
+  background: lightgrey;
+}
+wrap {
+  display: block;
+  position: relative;
+  inset-inline-start:1px;
+  background: white;
+  block-size:20px;
+  inline-size:32px;
+  border-block-start: 3px solid lightgrey;
+}
+
+span {
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;display:none;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { margin-right:2px; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:0; }
+.astretch3 { align-self:stretch; height:0; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:0; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:0; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+.vr .aend, .vr .aflexend { margin-right:3px; }
+.vlr .aend, .vlr .aflexend { margin-left:4px; }
+.vlr .acenter { margin-left:3px; }
+.vrl .aend, .vrl .aflexend { margin-right:3px; }
+
+.astretch6 { width:13px; }
+.astretch5 { width:14px; }
+.astretch4, .astretch7 { width:15px; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // grid-item-align-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var wrap = document.createElement("wrap");
+      div.appendChild(wrap);
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      wrap.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-align-002.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-align-002.html
new file mode 100644
index 000000000000..1d923678e066
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-align-002.html
@@ -0,0 +1,108 @@
+<!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: align-self (part 2 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
+  <link rel="match" href="grid-item-align-002-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-block-start: 2px solid blue; */
+  border-block-start: 2px solid black;
+  grid-template: 3px 20px 2px / 1px 32px 3px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  justify-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.astart { align-self:start; }
+.aend { align-self:end; }
+.aflexstart { align-self:flex-start; }
+.aflexend { align-self:flex-end; }
+.aselfstart { align-self:self-start; }
+.aselfend { align-self:self-end; }
+.acenter { align-self:center; }
+.aleft { align-self:left; }
+.aright { align-self:right; }
+.astretch1 { align-self:stretch; }
+.astretch2 { align-self:stretch; width:13px; height:auto; }
+.astretch3 { align-self:stretch; height:auto; }
+.astretch4 { align-self:stretch; width:auto; }
+.astretch5 { align-self:stretch; width:auto; max-width:13px; }
+.astretch6 { align-self:stretch; height:auto; max-height:9px; }
+.astretch7 { align-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.aauto { align-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "vr", "vlr", "vrl" ]; // grid-item-align-001.html tests hl/hr/vl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " a" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-justify-001-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-justify-001-ref.html
new file mode 100644
index 000000000000..cfe109554620
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-justify-001-ref.html
@@ -0,0 +1,121 @@
+<!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: justify-self (part 1 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: block;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  inline-size: 36px;
+  block-size: 25px;
+  margin-right: 4px;
+  background: lightgrey;
+}
+
+wrap {
+  display: block;
+  position: relative;
+  inset-inline-start: 1px;
+  background: white;
+  block-size: 20px;
+  inline-size: 32px;
+  border-block-start: 3px solid lightgrey;
+}
+
+span {
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px;
+  align-self: start;
+}
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+.hl .jend, .hl .jflexend, .hl .jright { margin-left: 16px; }
+.hr .jend, .hr .jflexend { margin-right: 15px; }
+.hl .jcenter { margin-left: 9px; }
+.vl .jend, .vl .jflexend { margin-right:3px; }
+.hr .jcenter { margin-right: 8px; }
+.hr .jleft { margin-right: 15px; }
+
+.hl .jstretch5, .hl .jstretch7, .hr .jstretch5, .hr .jstretch7 { width:14px; }
+
+.jstretch4 { width:27px; }
+.vl .jstretch4 { width:0px; }
+
+.vl .jstretch2, .vl .jstretch3 { height:27px; }
+.vl .jstretch6, .vl .jstretch7 { height:9px;  }
+.vl .jend, .vl .jflexend, .vl .jright { margin-top: 19px; }
+.vl .jcenter { margin-top: 10px; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // grid-item-justify-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var wrap = document.createElement("wrap");
+      div.appendChild(wrap);
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      wrap.appendChild(span);
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-justify-001.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-justify-001.html
new file mode 100644
index 000000000000..52ba438e352a
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/grid-item-justify-001.html
@@ -0,0 +1,108 @@
+<!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: justify-self (part 1 of 2)</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151213">
+  <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-self">
+  <link rel="match" href="grid-item-justify-001-ref.html">
+  <style type="text/css">
+html,body {
+    color:black; background-color:white; font-size:16px; padding:0; margin:0;
+}
+separator { clear:both; display:block; height:6px; }
+
+.grid {
+  display: grid;
+  float: left;
+  position: relative;
+  border: 1px solid;
+  /* border-inline-start: 2px solid lime; */
+  border-inline-start: 2px solid black;
+  grid-template: 3px 20px 2px / 1px 32px 3px;
+  margin-right: 4px;
+}
+
+span {
+  grid-area: 2 / 2; /* the center 32 x 20 pixel area */
+  display: block;
+  width: 13px;
+  height: 9px;
+  background: grey;
+  border-block-start: 2px solid blue;
+  border-inline-start: 2px solid lime;
+  margin: 1px 1px 2px 2px; /* overconstrained - we'll fix that below */
+  align-self: start;
+}
+
+abs1,abs2,abs3,abs4 {
+  position: absolute;
+  top:0;left:0;bottom:0;right:0;
+  background: lightgrey;
+}
+abs1 { grid-area: 1 / 1 / 2 / 4; }
+abs2 { grid-area: 1 / 1 / 4 / 2; }
+abs3 { grid-area: 1 / 3 / 4 / 4; }
+abs4 { grid-area: 3 / 1 / 4 / 4; }
+
+.hl { writing-mode: horizontal-tb; direction:ltr; }
+.hr { writing-mode: horizontal-tb; direction:rtl; }
+.vl { writing-mode: vertical-lr; }
+.vr { writing-mode: vertical-rl; }
+.vlr { writing-mode: vertical-lr; direction:rtl; }
+.vrl { writing-mode: vertical-rl; direction:ltr; }
+
+.jstart { justify-self:start; }
+.jend { justify-self:end; }
+.jflexstart { justify-self:flex-start; }
+.jflexend { justify-self:flex-end; }
+.jselfstart { justify-self:self-start; }
+.jselfend { justify-self:self-end; }
+.jcenter { justify-self:center; }
+.jleft { justify-self:left; }
+.jright { justify-self:right; }
+.jstretch1 { justify-self:stretch; }
+.jstretch2 { justify-self:stretch; width:13px; height:auto; }
+.jstretch3 { justify-self:stretch; height:auto; }
+.jstretch4 { justify-self:stretch; width:auto; }
+.jstretch5 { justify-self:stretch; width:auto; max-width:13px; }
+.jstretch6 { justify-self:stretch; height:auto; max-height:9px; }
+.jstretch7 { justify-self:stretch; width:auto; height:auto; max-width:13px; max-height:9px; }
+.jauto { justify-self:auto; }
+
+</style>
+</head>
+<body>
+
+<script>
+var gridwm = [ "hl", "hr", "vl" ]; // grid-item-justify-002.html tests vr/vlr/vrl
+var wm = [ "hl", "hr", "vl", "vr", "vlr", "vrl" ];
+var test = [ "start", "end", "flexstart", "flexend", "center", "left", "right",
+             "stretch1", "stretch2", "stretch3", "stretch4", "stretch5",
+             "stretch6", "stretch7", "auto" ];
+for (var i = 0; i < gridwm.length; ++i) {
+  for (var j = 0; j < wm.length; ++j) {
+    for (var k = 0; k < test.length; ++k) {
+      var div = document.createElement("div");
+      div.className = "grid " + gridwm[i];
+      var span = document.createElement("span");
+      span.className = wm[j] + " j" + test[k];
+      div.appendChild(span);
+      div.appendChild(document.createElement("abs1"));
+      div.appendChild(document.createElement("abs2"));
+      div.appendChild(document.createElement("abs3"));
+      div.appendChild(document.createElement("abs4"));
+
+      document.body.appendChild(div)
+    }
+    document.body.appendChild(document.createElement("separator"));
+  }
+}
+</script>
+
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/hScrollAbsHeight.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/hScrollAbsHeight.html
new file mode 100644
index 000000000000..b56c823f26f7
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/hScrollAbsHeight.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<link rel="match" href="greenbox.html">
+<div style="overflow:auto; width:200px; position:absolute; height:200px;">
+<div style="position:absolute; width:300px; height:100%; background:green">
+</div>
+</div>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/hScrollSimpleHeight.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/hScrollSimpleHeight.html
new file mode 100644
index 000000000000..a35443779900
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/hScrollSimpleHeight.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<link rel="match" href="greenbox.html">
+<div style="overflow:auto; width:200px; height:200px;">
+<div style="width:300px; height:100%; background:green">
+</div>
+</div>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/image-zoom-1-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/image-zoom-1-ref.html
new file mode 100644
index 000000000000..58bd5b8c694e
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/image-zoom-1-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+    -->
+<html>
+<head>
+<title>reference image-rendering: -moz-crisp-edges</title>
+<style>
+img { position:absolute;left:20px;top:20px; }
+</style>
+</head>
+<body>
+<img width="10" height="10" src="big.png"/>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/image-zoom-1.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/image-zoom-1.html
new file mode 100644
index 000000000000..1ac842e2863d
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/image-zoom-1.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<!--
+    Any copyright is dedicated to the Public Domain.
+    http://creativecommons.org/licenses/publicdomain/
+    -->
+<link rel="match" href="image-zoom-ref.html">
+<html reftest-zoom="5">
+<head>
+<title>test image-rendering: -moz-crisp-edges</title>
+<style>
+img {
+    position:absolute;
+    left: 40px;
+    top: 40px;
+    transform: scale(5);
+}
+</style>
+</head>
+<body>
+<img style="image-rendering: -moz-crisp-edges;" width="10" height="10" src="small.png"/>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/opacity-background-1-ref.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/opacity-background-1-ref.html
new file mode 100644
index 000000000000..c80ed888666b
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/opacity-background-1-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+
+<style>
+.main {
+    top: 0px;
+    left: 0px;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    background-color: red;
+}
+
+.background {
+    background-color: white;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 100%;
+    opacity: 0.9;
+}
+
+.container {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 100%;
+    overflow: scroll;
+}
+
+.message {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 101%;
+    height: 101%;
+}
+</style>
+</head>
+
+<body>
+<div class="main">
+    <div class="background"></div>
+    <div class="container">
+        <div class="message">foo</div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/opacity-background-1.html b/tests/wpt/mozilla/tests/gfx-rs-gecko/opacity-background-1.html
new file mode 100644
index 000000000000..2d0bbb8cc047
--- /dev/null
+++ b/tests/wpt/mozilla/tests/gfx-rs-gecko/opacity-background-1.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<link rel="match" href="opacity-background-1-ref.html">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+
+<style>
+.main {
+    top: 0px;
+    left: 0px;
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    background-color: red;
+}
+
+.background {
+    background: linear-gradient(#ffffff, #ffffff);
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 100%;
+    opacity: 0.9;
+}
+
+.container {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 100%;
+    overflow: scroll;
+}
+
+.message {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 101%;
+    height: 101%;
+}
+</style>
+</head>
+
+<body>
+<div class="main">
+    <div class="background"></div>
+    <div class="container">
+        <div class="message">foo</div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/size-4x4.png b/tests/wpt/mozilla/tests/gfx-rs-gecko/size-4x4.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6afafd89ac86972d6ba8d67f0333d0e5a69ac72
GIT binary patch
literal 136
zcmeAS@N?(olHy`uVBq!ia0vp^EFjFm1|(O0oL2{={5@S9LpWwKx-jhi&v56S^#4<5
zIRA&=*8lH%QuaT?_MHs>mn>uWZ?ui;zsd@R{|vW7_5YuAmi-?TH0QsY+XSErL+<~p
kR2cpn8`u6<S1<g3XN%H?)q4$30*z+yboFyt=akR{00dw(AOHXW

literal 0
HcmV?d00001

diff --git a/tests/wpt/mozilla/tests/gfx-rs-gecko/small.png b/tests/wpt/mozilla/tests/gfx-rs-gecko/small.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ff11a99327a8f9d2cd62755b793e65c2f7e5d13
GIT binary patch
literal 85
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4$#}XrhDc0JPWW;D!+(3`!}V-V
i5A2yIa=9~xGBEtLVE=h{Oa2X@ItEWyKbLh*2~7Y-Nf*=r

literal 0
HcmV?d00001