tor-browser

commit 200f47c83478bbec2f09276d4218b8f2032949ee
parent 15c8fcfdaae11079889d4d9d996efc54e6a776b7
Author: Rune Lillesveen <futhark@chromium.org>
Date:   Fri, 19 Dec 2025 09:15:29 +0000

Bug 2006128 [wpt PR 56741] - Split align/justify-self abspos tests into separate files, a=testonly

Automatic update from web-platform-tests
Split align/justify-self abspos tests into separate files

The align-self cases were not tested since all of them ended up outside
the viewport. Split into two files.

Bug: 467085787
Change-Id: I1641dcec2c19340ffdac3bd6126c01d1bbb1d96c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7261995
Commit-Queue: Rune Lillesveen <futhark@chromium.org>
Reviewed-by: Alison Maher <almaher@microsoft.com>
Cr-Commit-Position: refs/heads/main@{#1559175}

--

wpt-commits: 8284752bc3167c1348a8ec339135583e393f7f83
wpt-pr: 56741

Diffstat:
M
testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008-ref.html
 | 
41
-----------------------------------------
M
testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008.html
 | 
42
------------------------------------------
A
testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001-ref.html
 | 
62
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A
testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001.html
 | 
68
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

4 files changed, 130 insertions(+), 83 deletions(-)
diff --git a/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008-ref.html b/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008-ref.html
@@ -24,46 +24,6 @@
   background: purple;
 }
 </style>
-<!-- justify-self -->
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: start;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: start;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: end;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: start;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: start;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: end;"></div>
-</div></div>
-<br>
-<div class="container"><div class="block">
-  <div class="abs" style="left: 25px;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: start;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: start;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: end;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: start;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: start;"></div>
-</div></div>
-<br>
-<!-- align-self -->
 <div class="container"><div class="block">
   <div class="abs" style="align-self: start;"></div>
 </div></div>
@@ -82,7 +42,6 @@
 <div class="container"><div class="block">
   <div class="abs" style="align-self: end;"></div>
 </div></div>
-<br>
 <div class="container"><div class="block">
   <div class="abs" style="top: 25px;"></div>
 </div></div>
diff --git a/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008.html b/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008.html
@@ -2,7 +2,6 @@
 <title>Align-self applies to OOF elements of block elements when statically positioned.</title>
 <link rel="author" title="Alison Maher" href="mailto:almaher@microsoft.com">
 <link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-align-self-auto">
-<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-auto">
 <link rel="help" href="https://drafts.csswg.org/css-position-3/#abspos-alignment">
 <link rel="help" href="https://issues.chromium.org/issues/409806799">
 <link rel="match" href="align-self-static-position-008-ref.html">
@@ -31,46 +30,6 @@
   background: purple;
 }
 </style>
-<!-- justify-self -->
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: auto;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: normal;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: right;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: left;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: flex-start;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: flex-end;"></div>
-</div></div>
-<br>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: anchor-center;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: baseline;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: first baseline;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: last baseline;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: legacy;"></div>
-</div></div>
-<div class="container"><div class="block">
-  <div class="abs" style="justify-self: stretch;"></div>
-</div></div>
-<br>
-<!-- align-self -->
 <div class="container"><div class="block">
   <div class="abs" style="align-self: auto;"></div>
 </div></div>
@@ -89,7 +48,6 @@
 <div class="container"><div class="block">
   <div class="abs" style="align-self: flex-end;"></div>
 </div></div>
-<br>
 <div class="container"><div class="block">
   <div class="abs" style="align-self: anchor-center;"></div>
 </div></div>
diff --git a/testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001-ref.html b/testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<style>
+.block {
+  display: block;
+  width: 75%;
+  height: 75%;
+  border: 5px dotted blue;
+}
+
+.container {
+  border: 1px solid;
+  position: relative;
+  display: inline-block;
+  width: 100px;
+  height: 100px;
+  margin-left: 50px;
+  margin-bottom: 50px;
+}
+
+.abs {
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  background: purple;
+}
+</style>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: start;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: start;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: end;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: start;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: start;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: end;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="left: 25px;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: start;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: start;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: end;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: start;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: start;"></div>
+</div></div>
diff --git a/testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001.html b/testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<title>Justify-self applies to OOF elements of block elements when statically positioned.</title>
+<link rel="author" title="Alison Maher" href="mailto:almaher@microsoft.com">
+<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-auto">
+<link rel="help" href="https://drafts.csswg.org/css-position-3/#abspos-alignment">
+<link rel="help" href="https://issues.chromium.org/issues/409806799">
+<link rel="match" href="justify-self-static-position-001-ref.html">
+<style>
+.block {
+  display: block;
+  width: 75%;
+  height: 75%;
+  border: 5px dotted blue;
+}
+
+.container {
+  border: 1px solid;
+  position: relative;
+  display: inline-block;
+  width: 100px;
+  height: 100px;
+  margin-left: 50px;
+  margin-bottom: 50px;
+}
+
+.abs {
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  background: purple;
+}
+</style>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: auto;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: normal;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: right;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: left;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: flex-start;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: flex-end;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: anchor-center;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: baseline;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: first baseline;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: last baseline;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: legacy;"></div>
+</div></div>
+<div class="container"><div class="block">
+  <div class="abs" style="justify-self: stretch;"></div>
+</div></div>