Test that setting background-color on ::column has no effect

lilles · chromium-wpt-export-bot · commit 1943797cd056 · 2024-12-04T08:26:49.000-08:00
Bug: 365680822 Change-Id: Iea120f4768f8506d2caec9aa1dd552b150ba3768 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6068729 Commit-Queue: Rune Lillesveen <futhark@chromium.org> Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/main@{#1391670}
diff --git a/css/css-multicol/column-pseudo-background-color-ref.html b/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/css/css-multicol/column-pseudo-background-color.html b/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>`