Bug 1935176 [wpt PR 49524] - Test that setting background-color on ::column has no effect, a=testonly

marco-c · marco-c · commit 48ecb9398efc · 2024-12-13T03:33:42.000Z
Automatic update from web-platform-tests Test that setting background-color on ::column has no effect Bug: 365680822 Change-Id: Iea120f4768f8506d2caec9aa1dd552b150ba3768 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6068729 Commit-Queue: Rune Lillesveen <futharkchromium.org> Reviewed-by: Morten Stenshorne <mstenshochromium.org> Cr-Commit-Position: refs/heads/main{#1391670} -- wpt-commits: 1943797cd0568b7e0088b77a8e499a56a53870b5 wpt-pr: 49524 UltraBlame original commit: d9a16c9173b585ecc19077147ed53910b3fc807c
diff --git a/testing/web-platform/tests/css/css-multicol/column-pseudo-background-color-ref.html b/testing/web-platform/tests/css/css-multicol/column-pseudo-background-color-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<title>CSS Test Reference</title>
+<p>You should see no red or "FAIL" below.</p>
diff --git a/testing/web-platform/tests/css/css-multicol/column-pseudo-background-color.html b/testing/web-platform/tests/css/css-multicol/column-pseudo-background-color.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>CSS Multi-column Layout Test: ::column background-color has no effect</title>
+<link rel="help" href="https://drafts.csswg.org/css-multicol-2/#column-pseudo">
+<link rel="match" href="column-pseudo-background-color-ref.html">
+<style>
+  @supports not selector(::column) {
+    #multicol::before {
+      content: "FAIL";
+    }
+  }
+  #multicol {
+    width: 100px;
+    height: 100px;
+    column-count: 1;
+  }
+  #multicol::column {
+    background-color: red;
+  }
+  #content {
+    width: 100px;
+    height: 100px;
+  }
+</style>
+<p>You should see no red or "FAIL" below.</p>
+<div id="multicol">
+  <div id="content"></div>
+</div>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<!DOCTYPE html>`
	`2`	`+<title>CSS Test Reference</title>`
	`3`	`+<p>You should see no red or "FAIL" below.</p>`