summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-sizing
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-sizing')
-rw-r--r--testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-041.html9
-rw-r--r--testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/auto-006.html40
-rw-r--r--testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-033.html1
3 files changed, 50 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-041.html b/testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-041.html
new file mode 100644
index 0000000000..8fe724308a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-041.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<link rel="help" href="https://issues.chromium.org/issues/325928327">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width: 0px; height: 100px; display: grid; justify-items: center;">
+ <div style="height: 100%; background: green;">
+ <div style="height: 100%; aspect-ratio: 1;"></div>
+ </div>
+</div>
diff --git a/testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/auto-006.html b/testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/auto-006.html
index 422b730c2e..ff1c30135a 100644
--- a/testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/auto-006.html
+++ b/testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/auto-006.html
@@ -352,6 +352,46 @@ promise_test(async function() {
checkSize(1, 2, "Size containment with no last remembered size");
}, "Disconnected element ends up losing last remembered size");
+promise_test(async function () {
+ this.add_cleanup(cleanup);
+ target.classList.add("cis-auto");
+ contents.classList.add("size-100-50");
+ checkSize(100, 50, "Sizing normally");
+
+ await nextRendering();
+ target.classList.add("skip-contents");
+ contents.classList.remove("size-100-50");
+ contents.classList.add("size-75-25");
+ checkSize(100, 50, "Using last remembered size");
+
+ parent.innerHTML = "";
+ checkSize(0, 0, "No box");
+
+ await nextRendering();
+ parent.appendChild(target);
+ checkSize(1, 2, "Size containment with no last remembered size");
+}, "Disconnected element ends up losing last remembered size, parent removes all children");
+
+promise_test(async function () {
+ this.add_cleanup(cleanup);
+ target.classList.add("cis-auto");
+ contents.classList.add("size-100-50");
+ checkSize(100, 50, "Sizing normally");
+
+ await nextRendering();
+ target.classList.add("skip-contents");
+ contents.classList.remove("size-100-50");
+ contents.classList.add("size-75-25");
+ checkSize(100, 50, "Using last remembered size");
+
+ parent.remove();
+ checkSize(0, 0, "No box");
+
+ await nextRendering();
+ document.body.appendChild(parent);
+ checkSize(1, 2, "Size containment with no last remembered size");
+}, "Disconnected element ends up losing last remembered size, the parent node is removed");
+
promise_test(async function() {
this.add_cleanup(cleanup);
target.classList.add("cis-auto");
diff --git a/testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-033.html b/testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-033.html
index f98a48a0a9..c40b9cdc8e 100644
--- a/testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-033.html
+++ b/testing/web-platform/tests/css/css-sizing/contain-intrinsic-size/contain-intrinsic-size-033.html
@@ -105,6 +105,7 @@ addEventListener("load", async function() {
wrapper.appendChild(tests);
wrapper.classList.add("skip-contents");
+ await new Promise(requestAnimationFrame);
checkLayout(".test");
});
</script>