Bug 1541680 [wpt PR 16166] - Sync Mozilla CSS tests as of 2019-03-31, a=testonly
authorL. David Baron <dbaron@dbaron.org>
Mon, 29 Apr 2019 12:04:29 +0000
changeset 472474 cc4551b42b6922853ba2237fad0379a223b03919
parent 472473 3ce7fdd9eddcdf30928cf283d84a9767495bc9f0
child 472475 c44cdced6714c52ca98bac1422a4874d6c1ac8bd
push id113018
push userjames@hoppipolla.co.uk
push dateFri, 03 May 2019 17:30:56 +0000
treeherdermozilla-inbound@e47e0b4546fb [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1541680, 16166, 1503173, 1514843
milestone68.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1541680 [wpt PR 16166] - Sync Mozilla CSS tests as of 2019-03-31, a=testonly Automatic update from web-platform-tests Sync Mozilla CSS tests as of https://hg.mozilla.org/mozilla-central/rev/c06dfc552c647a6ce96f35cd84c32a589dc85608 . (#16166) This contains changes from: * [bug 1503173](https://bugzilla.mozilla.org/show_bug.cgi?id=1503173) by @dholbert, reviewed by @emilio * [bug 1514843](https://bugzilla.mozilla.org/show_bug.cgi?id=1514843) by @dholbert, reviewed by @aethanyc -- wpt-commits: f24d88b7d2cd2d851533e9c1180b1c5c5d118bc3 wpt-pr: 16166
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/background/reftest.list
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-002-ref.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-002.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-003-ref.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-003.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-004-ref.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-004.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-002-ref.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-002.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-003-ref.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-003.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-004-ref.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-004.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-definite-sizes-005-ref.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-definite-sizes-005.html
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/reftest.list
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/background/reftest.list
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/background/reftest.list
@@ -33,9 +33,9 @@
 == border-image-repeat-space-6.html border-image-repeat-space-6-ref.html
 == border-image-repeat-space-7.html border-image-repeat-space-7-ref.html
 == border-image-repeat-1.html border-image-repeat-1-ref.html
 
 # background-attachment test cases
 == background-attachment-fixed-inside-transform-1.html background-attachment-fixed-inside-transform-1-ref.html
 
 # box-shadow with currentcolor test cases
-== box-shadow-currentcolor.html box-shadow-currentcolor-ref.html
\ No newline at end of file
+== box-shadow-currentcolor.html box-shadow-currentcolor-ref.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-002-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <style>
+  .basic {
+    overflow: scroll;
+    position: relative;
+    border: 2px solid green;
+  }
+  .height-ref {
+    height: 60px;
+    background: lightblue;
+  }
+  .width-ref {
+    width: 60px;
+  }
+  .floatLBasic-ref {
+    float: left;
+  }
+  .floatLWidth-ref {
+    float: left;
+    width: 60px;
+  }
+  .flexBaselineCheck {
+    display: flex;
+    align-items: baseline;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+    position: absolute;
+  }
+  .zeroHeightContents {
+    color: transparent;
+    height: 0px;
+    width: 0px;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In the reference-case scenarios here, we use the same DOM as in
+       the testcase, and we simply use 'position: absolute' on the descendants
+       wherever the testcase has 'contain: size' on the container.  This
+       produces an accurate reference rendering, because out-of-flow content
+       doesn't contribute to the container's sizing, but does create scrollable
+       overflow (i.e. it produces scrollbars of the appropriate size for the
+       amount of overflow). -->
+  <div class="basic"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic floatLBasic-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic floatLWidth-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="flexBaselineCheck">
+    outside before
+    <div class="basic">
+      <!-- We use the out-of-flow "innerContents" to create the correct
+           amount of scrollable overflow to match the testcase, and we
+           use the smaller in-flow "zeroHeightContents" to provide a
+           baseline that we can use to verify the testcase's baseline
+           alignment position. -->
+      <div class="innerContents">inner</div>
+      <div class="zeroHeightContents">i</div>
+    </div>
+    outside after
+  </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-002.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on 'overflow:scroll' block elements should cause them to be sized as if they had no contents</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-block-002-ref.html">
+  <style>
+  .contain {
+    contain: size;
+    overflow: scroll;
+    border: 2px solid green;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+  }
+  .minHeight {
+    min-height: 60px;
+    background: lightblue;
+  }
+  .height {
+    height: 60px;
+    background: lightblue;
+  }
+  .maxWidth {
+    max-width: 60px;
+  }
+  .width {
+    width: 60px;
+  }
+  .floatLBasic {
+    float: left;
+  }
+  .floatLWidth {
+    float: left;
+    width: 60px;
+  }
+  .flexBaselineCheck {
+    display: flex;
+    align-items: baseline;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In all cases below, the expectation is that the size-contained
+       element should be sized as if it had no contents (while honoring
+       whatever sizing properties are provided). -->
+
+  <!--CSS Test: A size-contained scrollable block with no specified size.-->
+  <div class="contain"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified min-height -->
+  <div class="contain minHeight"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified height -->
+  <div class="contain height"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified max-width -->
+  <div class="contain maxWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified width -->
+  <div class="contain width"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained floated scrollable block with auto size -->
+  <div class="contain floatLBasic"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained floated scrollable block with
+      specified width -->
+  <div class="contain floatLWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block in a
+      baseline-aligning flex container: should size as if it's empty, but
+      still baseline-align using its contents' baseline -->
+  <div class="flexBaselineCheck">
+    outside before
+    <div class="contain">
+      <div class="innerContents">inner</div>
+    </div>
+    outside after
+  </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-003-ref.html
@@ -0,0 +1,88 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <style>
+  .basic {
+    overflow: auto;
+    position: relative;
+    border: 2px solid green;
+  }
+  .height-ref {
+    height: 60px;
+    background: lightblue;
+  }
+  .width-ref {
+    width: 60px;
+  }
+  .floatLBasic-ref {
+    float: left;
+  }
+  .floatLWidth-ref {
+    float: left;
+    width: 60px;
+  }
+  .flexBaselineCheck {
+    display: flex;
+    align-items: baseline;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+    position: absolute;
+  }
+  .zeroHeightContents {
+    color: transparent;
+    height: 0px;
+    width: 0px;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In the reference-case scenarios here, we use the same DOM as in
+       the testcase, and we simply use 'position: absolute' on the descendants
+       wherever the testcase has 'contain: size' on the container.  This
+       produces an accurate reference rendering, because out-of-flow content
+       doesn't contribute to the container's sizing, but does create scrollable
+       overflow (i.e. it produces scrollbars of the appropriate size for the
+       amount of overflow). -->
+  <div class="basic"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic floatLBasic-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic floatLWidth-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="flexBaselineCheck">
+    outside before
+    <div class="basic">
+      <!-- We use the out-of-flow "innerContents" to create the correct
+           amount of scrollable overflow to match the testcase, and we
+           use the smaller in-flow "zeroHeightContents" to provide a
+           baseline that we can use to verify the testcase's baseline
+           alignment position. -->
+      <div class="innerContents">inner</div>
+      <div class="zeroHeightContents">i</div>
+    </div>
+    outside after
+  </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-003.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on 'overflow:auto' block elements should cause them to be sized as if they had no contents</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-block-003-ref.html">
+  <style>
+  .contain {
+    contain: size;
+    overflow: auto;
+    border: 2px solid green;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+  }
+  .minHeight {
+    min-height: 60px;
+    background: lightblue;
+  }
+  .height {
+    height: 60px;
+    background: lightblue;
+  }
+  .maxWidth {
+    max-width: 60px;
+  }
+  .width {
+    width: 60px;
+  }
+  .floatLBasic {
+    float: left;
+  }
+  .floatLWidth {
+    float: left;
+    width: 60px;
+  }
+  .flexBaselineCheck {
+    display: flex;
+    align-items: baseline;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In all cases below, the expectation is that the size-contained
+       element should be sized as if it had no contents (while honoring
+       whatever sizing properties are provided). -->
+
+  <!--CSS Test: A size-contained scrollable block with no specified size.-->
+  <div class="contain"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified min-height -->
+  <div class="contain minHeight"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified height -->
+  <div class="contain height"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified max-width -->
+  <div class="contain maxWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified width -->
+  <div class="contain width"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained floated scrollable block with auto size -->
+  <div class="contain floatLBasic"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained floated scrollable block with
+      specified width -->
+  <div class="contain floatLWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block in a
+      baseline-aligning flex container: should size as if it's empty, but
+      still baseline-align using its contents' baseline -->
+  <div class="flexBaselineCheck">
+    outside before
+    <div class="contain">
+      <div class="innerContents">inner</div>
+    </div>
+    outside after
+  </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-004-ref.html
@@ -0,0 +1,87 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <style>
+  .basic {
+    overflow: hidden;
+    position: relative;
+    border: 2px solid green;
+  }
+  .height-ref {
+    height: 60px;
+    background: lightblue;
+  }
+  .width-ref {
+    width: 60px;
+  }
+  .floatLBasic-ref {
+    float: left;
+  }
+  .floatLWidth-ref {
+    float: left;
+    width: 60px;
+  }
+  .flexBaselineCheck {
+    display: flex;
+    align-items: baseline;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+    position: absolute;
+  }
+  .zeroHeightContents {
+    color: transparent;
+    height: 0px;
+    width: 0px;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In the reference-case scenarios here, we use the same DOM as in
+       the testcase, and we simply use 'position: absolute' on the descendants
+       wherever the testcase has 'contain: size' on the container.  This
+       produces an accurate reference rendering, because out-of-flow content
+       doesn't contribute to the container's sizing, but does create scrollable
+       overflow. -->
+  <div class="basic"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic floatLBasic-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic floatLWidth-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="flexBaselineCheck">
+    outside before
+    <div class="basic">
+      <!-- We use the out-of-flow "innerContents" to create the correct
+           amount of scrollable overflow to match the testcase, and we
+           use the smaller in-flow "zeroHeightContents" to provide a
+           baseline that we can use to verify the testcase's baseline
+           alignment position. -->
+      <div class="innerContents">inner</div>
+      <div class="zeroHeightContents">i</div>
+    </div>
+    outside after
+  </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-block-004.html
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on 'overflow:hidden' block elements should cause them to be sized as if they had no contents</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-block-004-ref.html">
+  <style>
+  .contain {
+    contain: size;
+    overflow: hidden;
+    border: 2px solid green;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+  }
+  .minHeight {
+    min-height: 60px;
+    background: lightblue;
+  }
+  .height {
+    height: 60px;
+    background: lightblue;
+  }
+  .maxWidth {
+    max-width: 60px;
+  }
+  .width {
+    width: 60px;
+  }
+  .floatLBasic {
+    float: left;
+  }
+  .floatLWidth {
+    float: left;
+    width: 60px;
+  }
+  .flexBaselineCheck {
+    display: flex;
+    align-items: baseline;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In all cases below, the expectation is that the size-contained
+       element should be sized as if it had no contents (while honoring
+       whatever sizing properties are provided). -->
+
+  <!--CSS Test: A size-contained scrollable block with no specified size.-->
+  <div class="contain"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified min-height -->
+  <div class="contain minHeight"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified height -->
+  <div class="contain height"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified max-width -->
+  <div class="contain maxWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block with specified width -->
+  <div class="contain width"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained floated scrollable block with auto size -->
+  <div class="contain floatLBasic"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained floated scrollable block with
+      specified width -->
+  <div class="contain floatLWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!--CSS Test: A size-contained scrollable block in a
+      baseline-aligning flex container: should size as if it's empty, but
+      still baseline-align using its contents' baseline -->
+  <div class="flexBaselineCheck">
+    outside before
+    <div class="contain">
+      <div class="innerContents">inner</div>
+    </div>
+    outside after
+  </div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-002-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <style>
+  .basic {
+    display: inline-block;
+    overflow: scroll;
+    position: relative;
+    border: 2px solid green;
+  }
+  .height-ref {
+    height: 60px;
+  }
+  .width-ref {
+    width: 60px;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+    position: absolute;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In the reference-case scenarios here, we use the same DOM as in
+       the testcase, and we simply use 'position: absolute' on the descendants
+       wherever the testcase has 'contain: size' on the container.  This
+       produces an accurate reference rendering, because out-of-flow content
+       doesn't contribute to the container's sizing, but does create scrollable
+       overflow (i.e. it produces scrollbars of the appropriate size for the
+       amount of overflow). -->
+  <div class="basic"><div class="innerContents">inner</div></div>
+  <br>
+
+  outside before
+  <div class="basic"><div class="innerContents">inner</div></div>
+  outside after
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-002.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on 'overflow:scroll' inline-block elements should cause them to be sized as if they had no contents and baseline-aligned regularly.</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-inline-block-002-ref.html">
+  <style>
+  .contain {
+    display: inline-block;
+    overflow: scroll;
+    contain:size;
+    border: 2px solid green;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+  }
+  .minHeight {
+    min-height: 60px;
+  }
+  .height {
+    height: 60px;
+  }
+  .minWidth {
+    min-width: 60px;
+  }
+  .width {
+    width: 60px;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In all cases below, the expectation is that the size-contained
+       element should be sized as if it had no contents (while honoring
+       whatever sizing properties are provided). -->
+
+  <!-- A size-contained scrollable inline-block with no specified size -->
+  <div class="contain"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block should perform baseline
+       alignment regularly, based on contents' baseline. -->
+  outside before
+  <div class="contain"><div class="innerContents">inner</div></div>
+  outside after
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified min-height -->
+  <div class="contain minHeight"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified height -->
+  <div class="contain height"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified min-width -->
+  <div class="contain minWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified width -->
+  <div class="contain width"><div class="innerContents">inner</div></div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-003-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <style>
+  .basic {
+    display: inline-block;
+    overflow: auto;
+    position: relative;
+    border: 2px solid green;
+  }
+  .height-ref {
+    height: 60px;
+  }
+  .width-ref {
+    width: 60px;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+    position: absolute;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In the reference-case scenarios here, we use the same DOM as in
+       the testcase, and we simply use 'position: absolute' on the descendants
+       wherever the testcase has 'contain: size' on the container.  This
+       produces an accurate reference rendering, because out-of-flow content
+       doesn't contribute to the container's sizing, but does create scrollable
+       overflow (i.e. it produces scrollbars of the appropriate size for the
+       amount of overflow). -->
+  <div class="basic"><div class="innerContents">inner</div></div>
+  <br>
+
+  outside before
+  <div class="basic"><div class="innerContents">inner</div></div>
+  outside after
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-003.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on 'overflow:auto' inline-block elements should cause them to be sized as if they had no contents and baseline-aligned regularly.</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-inline-block-003-ref.html">
+  <style>
+  .contain {
+    display: inline-block;
+    overflow: auto;
+    contain:size;
+    border: 2px solid green;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+  }
+  .minHeight {
+    min-height: 60px;
+  }
+  .height {
+    height: 60px;
+  }
+  .minWidth {
+    min-width: 60px;
+  }
+  .width {
+    width: 60px;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In all cases below, the expectation is that the size-contained
+       element should be sized as if it had no contents (while honoring
+       whatever sizing properties are provided). -->
+
+  <!-- A size-contained scrollable inline-block with no specified size -->
+  <div class="contain"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block should perform baseline
+       alignment regularly, based on contents' baseline. -->
+  outside before
+  <div class="contain"><div class="innerContents">inner</div></div>
+  outside after
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified min-height -->
+  <div class="contain minHeight"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified height -->
+  <div class="contain height"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified min-width -->
+  <div class="contain minWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified width -->
+  <div class="contain width"><div class="innerContents">inner</div></div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-004-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <style>
+  .basic {
+    display: inline-block;
+    overflow: hidden;
+    position: relative;
+    border: 2px solid green;
+  }
+  .height-ref {
+    height: 60px;
+  }
+  .width-ref {
+    width: 60px;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+    position: absolute;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In the reference-case scenarios here, we use the same DOM as in
+       the testcase, and we simply use 'position: absolute' on the descendants
+       wherever the testcase has 'contain: size' on the container.  This
+       produces an accurate reference rendering, because out-of-flow content
+       doesn't contribute to the container's sizing, but does create scrollable
+       overflow. -->
+  <div class="basic"><div class="innerContents">inner</div></div>
+  <br>
+
+  outside before
+  <div class="basic"><div class="innerContents">inner</div></div>
+  outside after
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic height-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+  <br>
+
+  <div class="basic width-ref"><div class="innerContents">inner</div></div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-inline-block-004.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on 'overflow:hidden' inline-block elements should cause them to be sized as if they had no contents and baseline-aligned regularly.</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-inline-block-004-ref.html">
+  <style>
+  .contain {
+    display: inline-block;
+    overflow: hidden;
+    contain:size;
+    border: 2px solid green;
+  }
+  .innerContents {
+    color: transparent;
+    height: 100px;
+    width: 100px;
+  }
+  .minHeight {
+    min-height: 60px;
+  }
+  .height {
+    height: 60px;
+  }
+  .minWidth {
+    min-width: 60px;
+  }
+  .width {
+    width: 60px;
+  }
+  </style>
+</head>
+<body>
+  <!-- NOTE: In all cases below, the expectation is that the size-contained
+       element should be sized as if it had no contents (while honoring
+       whatever sizing properties are provided). -->
+
+  <!-- A size-contained scrollable inline-block with no specified size -->
+  <div class="contain"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block should perform baseline
+       alignment regularly, based on contents' baseline. -->
+  outside before
+  <div class="contain"><div class="innerContents">inner</div></div>
+  outside after
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified min-height -->
+  <div class="contain minHeight"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified height -->
+  <div class="contain height"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified min-width -->
+  <div class="contain minWidth"><div class="innerContents">inner</div></div>
+  <br>
+
+  <!-- A size-contained scrollable inline-block with specified width -->
+  <div class="contain width"><div class="innerContents">inner</div></div>
+</body>
+</html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
@@ -14,17 +14,23 @@
 == contain-paint-ignored-cases-internal-table-001b.html contain-paint-ignored-cases-internal-table-001-ref.html
 == contain-paint-ignored-cases-no-principal-box-001.html contain-paint-ignored-cases-no-principal-box-001-ref.html
 == contain-paint-ignored-cases-ruby-containing-block-001.html contain-paint-ignored-cases-ruby-containing-block-001-ref.html
 == contain-paint-ignored-cases-ruby-stacking-and-clipping-001.html contain-paint-ignored-cases-ruby-stacking-and-clipping-001-ref.html
 == contain-paint-stacking-context-001a.html contain-paint-stacking-context-001-ref.html
 == contain-paint-stacking-context-001b.html contain-paint-stacking-context-001-ref.html
 == contain-size-button-001.html contain-size-button-001-ref.html
 == contain-size-block-001.html contain-size-block-001-ref.html
+== contain-size-block-002.html contain-size-block-002-ref.html
+== contain-size-block-003.html contain-size-block-003-ref.html
+== contain-size-block-004.html contain-size-block-004-ref.html
 == contain-size-inline-block-001.html contain-size-inline-block-001-ref.html
+== contain-size-inline-block-002.html contain-size-inline-block-002-ref.html
+== contain-size-inline-block-003.html contain-size-inline-block-003-ref.html
+== contain-size-inline-block-004.html contain-size-inline-block-004-ref.html
 == contain-size-flex-001.html contain-size-flex-001-ref.html
 == contain-size-inline-flex-001.html contain-size-inline-flex-001-ref.html
 == contain-size-grid-001.html contain-size-grid-001-ref.html
 == contain-size-multicol-001.html contain-size-multicol-001-ref.html
 == contain-size-fieldset-001.html contain-size-fieldset-001-ref.html
 == contain-size-fieldset-002.html contain-size-fieldset-002-ref.html
 == contain-size-multicol-002.html contain-size-multicol-002-ref.html
 == contain-size-multicol-003.html contain-size-multicol-003-ref.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-definite-sizes-005-ref.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<link rel="author" href="mailto:dholbert@mozilla.com" title="Daniel Holbert">
+<style>
+  .outer {
+    margin-bottom: 2px;
+    height: 60px;
+  }
+  .inner {
+    background: lime;
+    height: 100%;
+  }
+</style>
+<p>Test passes if you see four 60px-tall lime rows (with platform-appropriate scrollbars on the last one).</p>
+
+<div class="outer"><div class="inner"></div></div>
+<div class="outer"><div class="inner"></div></div>
+<div class="outer"><div class="inner"></div></div>
+<div class="outer" style="overflow: scroll"><div class="inner"></div></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-definite-sizes-005.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: nested flex containers with definite max-height</title>
+<link rel="match" href="flexbox-definite-sizes-005-ref.html">
+<link rel="author" href="mailto:dholbert@mozilla.com" title="Daniel Holbert">
+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#definite-sizes">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1503173">
+<style>
+  .horizFlex {
+    display: flex;
+    margin-bottom: 2px;
+  }
+  .vertFlex {
+    display: flex;
+    flex-grow: 1;
+    flex-direction: column;
+    min-height: 60px;
+  }
+  .item {
+    background: lime;
+    height: 100%;
+  }
+</style>
+<p>Test passes if you see four 60px-tall lime rows (with platform-appropriate scrollbars on the last one).</p>
+
+<div class="horizFlex">
+  <div class="vertFlex">
+    <div class="item"></div>
+  </div>
+</div>
+
+<div class="horizFlex">
+  <div class="vertFlex" style="overflow: hidden">
+    <div class="item"></div>
+  </div>
+</div>
+<div class="horizFlex">
+  <div class="vertFlex" style="overflow: auto">
+    <div class="item"></div>
+  </div>
+</div>
+
+<div class="horizFlex">
+  <div class="vertFlex" style="overflow: scroll">
+    <div class="item"></div>
+  </div>
+</div>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/reftest.list
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/reftest.list
@@ -149,16 +149,17 @@
 == flexbox-intrinsic-ratio-007.html flexbox-intrinsic-ratio-007-ref.html
 == flexbox-intrinsic-ratio-007v.html flexbox-intrinsic-ratio-007-ref.html
 
 # Test for definite and indefinite sizes.
 == flexbox-definite-sizes-001.html flexbox-definite-sizes-001-ref.html
 == flexbox-definite-sizes-002.html flexbox-definite-sizes-001-ref.html
 == flexbox-definite-sizes-003.html flexbox-definite-sizes-001-ref.html
 == flexbox-definite-sizes-004.html flexbox-definite-sizes-001-ref.html
+== flexbox-definite-sizes-005.html flexbox-definite-sizes-005-ref.html
 
 # Tests for flex items as (pseudo) stacking contexts
 == flexbox-items-as-stacking-contexts-001.xhtml flexbox-items-as-stacking-contexts-001-ref.xhtml
 == flexbox-items-as-stacking-contexts-002.html flexbox-items-as-stacking-contexts-002-ref.html
 == flexbox-items-as-stacking-contexts-003.html flexbox-items-as-stacking-contexts-003-ref.html
 
 # Tests for main-axis alignment (jusify-content property)
 == flexbox-justify-content-horiz-001a.xhtml flexbox-justify-content-horiz-001-ref.xhtml