From c67b0ab538c5cddf3b86c4b2ddcdcc3d56adf03e Mon Sep 17 00:00:00 2001 From: Oriol Brufau Date: Thu, 26 Jun 2025 14:08:30 +0200 Subject: [PATCH] Fix scrollWidthHeight-negative-margin-002.html (#37721) Since we don't support `writing-mode` yet, we got different testcases with the same title, some passing and some failing. So we had to expect both PASS and FAIL, making the test useless to detect regressions. This changes the test to only generate testcases for supported values of `writing-mode`. Testing: This is just a test change. Signed-off-by: Oriol Brufau --- tests/wpt/meta/MANIFEST.json | 2 +- ...llWidthHeight-negative-margin-002.html.ini | 512 ++---------------- ...scrollWidthHeight-negative-margin-002.html | 6 +- 3 files changed, 44 insertions(+), 476 deletions(-) diff --git a/tests/wpt/meta/MANIFEST.json b/tests/wpt/meta/MANIFEST.json index 73b97129fff..6ae1705fce9 100644 --- a/tests/wpt/meta/MANIFEST.json +++ b/tests/wpt/meta/MANIFEST.json @@ -623925,7 +623925,7 @@ ] ], "scrollWidthHeight-negative-margin-002.html": [ - "1192680c0351cf63259974e2ef46de93158fb83a", + "d084f4b396e85f56b9c63d9f028fcae58010a343", [ null, {} diff --git a/tests/wpt/meta/css/cssom-view/scrollWidthHeight-negative-margin-002.html.ini b/tests/wpt/meta/css/cssom-view/scrollWidthHeight-negative-margin-002.html.ini index 531b67bb161..dbd1376dbed 100644 --- a/tests/wpt/meta/css/cssom-view/scrollWidthHeight-negative-margin-002.html.ini +++ b/tests/wpt/meta/css/cssom-view/scrollWidthHeight-negative-margin-002.html.ini @@ -1,217 +1,30 @@ [scrollWidthHeight-negative-margin-002.html] - expected: ERROR - [scrollWidth with negative margins: display: block; overflow: visible;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: visible;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: hidden;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: hidden;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: auto;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: auto;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: scroll;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: scroll;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: visible; direction: ltr;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: visible; direction: ltr;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: hidden; direction: ltr;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: hidden; direction: ltr;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: auto; direction: ltr;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: auto; direction: ltr;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: scroll; direction: ltr;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: scroll; direction: ltr;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: visible; direction: rtl;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: visible; direction: rtl;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: hidden; direction: rtl;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: hidden; direction: rtl;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: auto; direction: rtl;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: auto; direction: rtl;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: scroll; direction: rtl;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: scroll; direction: rtl;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: visible; direction: ltr; flex-direction: row;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: visible; direction: ltr; flex-direction: row;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: hidden; direction: ltr; flex-direction: row;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: hidden; direction: ltr; flex-direction: row;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: auto; direction: ltr; flex-direction: row;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: auto; direction: ltr; flex-direction: row;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: scroll; direction: ltr; flex-direction: row;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: scroll; direction: ltr; flex-direction: row;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: visible; direction: rtl; flex-direction: row;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: visible; direction: rtl; flex-direction: row;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: hidden; direction: rtl; flex-direction: row;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: hidden; direction: rtl; flex-direction: row;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: auto; direction: rtl; flex-direction: row;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: auto; direction: rtl; flex-direction: row;] - expected: FAIL - - [scrollWidth with negative margins: display: block; overflow: scroll; direction: rtl; flex-direction: row;] - expected: FAIL - - [scrollHeight with negative margins: display: block; overflow: scroll; direction: rtl; flex-direction: row;] - expected: FAIL - - [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] + [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: wrap-reverse;] + expected: FAIL [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] + [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: wrap-reverse;] + expected: FAIL [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: wrap-reverse;] expected: FAIL @@ -219,51 +32,33 @@ [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row-reverse;] - expected: [FAIL, PASS] + [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row-reverse;] + expected: FAIL [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row-reverse;] - expected: [FAIL, PASS] + [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row-reverse;] + expected: FAIL [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: row-reverse wrap-reverse;] expected: FAIL @@ -282,6 +77,12 @@ [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: row-reverse wrap-reverse;] expected: FAIL + [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;] + expected: FAIL + + [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;] + expected: FAIL + [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: row-reverse wrap-reverse;] expected: FAIL @@ -306,152 +107,74 @@ [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: row-reverse wrap-reverse;] expected: FAIL + [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: row-reverse wrap-reverse;] + expected: FAIL + + [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: row-reverse wrap-reverse;] + expected: FAIL + [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: row-reverse wrap-reverse;] expected: FAIL [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: row-reverse wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column wrap-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column wrap-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column wrap-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] + [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column wrap-reverse;] + expected: FAIL [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column wrap-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column wrap-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column wrap-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column wrap-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] + [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column wrap-reverse;] + expected: FAIL [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column wrap-reverse;] expected: FAIL - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column-reverse;] - expected: [FAIL, PASS] + [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column-reverse;] + expected: FAIL [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column-reverse;] - expected: [FAIL, PASS] - [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column-reverse;] - expected: [FAIL, PASS] + [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column-reverse;] + expected: FAIL [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column-reverse;] expected: FAIL @@ -474,6 +197,12 @@ [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column-reverse wrap-reverse;] expected: FAIL + [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column-reverse wrap-reverse;] + expected: FAIL + + [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column-reverse wrap-reverse;] + expected: FAIL + [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column-reverse wrap-reverse;] expected: FAIL @@ -498,194 +227,29 @@ [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column-reverse wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;] - expected: FAIL - - [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;] - expected: FAIL - - [scrollWidth with negative margins: display: flow-root; overflow: visible; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: hidden; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: auto; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: scroll; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: visible; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flow-root; overflow: visible; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: hidden; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flow-root; overflow: hidden; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: auto; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flow-root; overflow: auto; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: scroll; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flow-root; overflow: scroll; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: clip; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flow-root; overflow: clip; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flow-root; overflow: clip; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: wrap-reverse;] - expected: FAIL - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: wrap-reverse;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: wrap-reverse;] - expected: FAIL - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row-reverse;] - expected: FAIL - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row-reverse;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row-reverse;] - expected: FAIL - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row-reverse;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;] - expected: FAIL - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;] - expected: FAIL - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: row-reverse wrap-reverse;] - expected: FAIL - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: row-reverse wrap-reverse;] - expected: FAIL - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column wrap-reverse;] - expected: FAIL - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column wrap-reverse;] - expected: FAIL - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column wrap-reverse;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column-reverse;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column-reverse;] - expected: FAIL - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column-reverse;] - expected: [FAIL, PASS] - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column-reverse;] - expected: FAIL - - [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column-reverse wrap-reverse;] - expected: FAIL - - [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column-reverse wrap-reverse;] - expected: FAIL - [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column-reverse wrap-reverse;] expected: FAIL [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column-reverse wrap-reverse;] expected: FAIL - [scrollWidth with negative margins: display: grid; overflow: visible; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] + [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;] + expected: FAIL - [scrollWidth with negative margins: display: grid; overflow: hidden; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: grid; overflow: auto; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: grid; overflow: clip; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] - - [scrollWidth with negative margins: display: grid; overflow: scroll; direction: ltr; flex-direction: row;] - expected: [FAIL, PASS] + [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;] + expected: FAIL [scrollWidth with negative margins: display: grid; overflow: visible; direction: rtl; flex-direction: row;] expected: FAIL - [scrollHeight with negative margins: display: grid; overflow: visible; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: grid; overflow: hidden; direction: rtl; flex-direction: row;] expected: FAIL - [scrollHeight with negative margins: display: grid; overflow: hidden; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: grid; overflow: auto; direction: rtl; flex-direction: row;] expected: FAIL - [scrollHeight with negative margins: display: grid; overflow: auto; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: grid; overflow: clip; direction: rtl; flex-direction: row;] expected: FAIL - [scrollHeight with negative margins: display: grid; overflow: clip; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] - [scrollWidth with negative margins: display: grid; overflow: scroll; direction: rtl; flex-direction: row;] expected: FAIL - - [scrollHeight with negative margins: display: grid; overflow: scroll; direction: rtl; flex-direction: row;] - expected: [FAIL, PASS] diff --git a/tests/wpt/tests/css/cssom-view/scrollWidthHeight-negative-margin-002.html b/tests/wpt/tests/css/cssom-view/scrollWidthHeight-negative-margin-002.html index 1192680c035..d084f4b396e 100644 --- a/tests/wpt/tests/css/cssom-view/scrollWidthHeight-negative-margin-002.html +++ b/tests/wpt/tests/css/cssom-view/scrollWidthHeight-negative-margin-002.html @@ -39,6 +39,10 @@ const paddingBox = { width: contentBox.width + 4 + 16, height: contentBox.height + 1 + 8, }; +function* writingModes() { + yield "horizontal-tb"; + yield* ["vertical-lr", "vertical-rl"].filter(writingMode => CSS.supports("writing-mode", writingMode)); +} for (let display of ["flow-root", "flex", "grid"]) { for (let flexDirection of ["row", "row-reverse", "column", "column-reverse"]) { if (flexDirection != "row" && display != "flex") { @@ -51,7 +55,7 @@ for (let display of ["flow-root", "flex", "grid"]) { continue; } for (let direction of ["ltr", "rtl"]) { - for (let writingMode of ["horizontal-tb", "vertical-lr", "vertical-rl"]) { + for (let writingMode of writingModes()) { for (let overflow of ["visible", "hidden", "auto", "clip", "scroll"]) { wrapper.style.display = display; wrapper.style.overflow = overflow;