Web test for ignoring break-before:avoid if it's the best break.

mstensho · chromium-wpt-export-bot · commit 09c926f4dd7f · 2021-09-07T13:55:44.000-07:00
This is already working (in LayoutNGBlockFragmentation (legacy block fragmentation, on the other hand, doesn't understand any of this and will break where the test expects, out of pure ignorance)), but I was working on some code, and discovered that we lacked coverage. Bug: 829028 Change-Id: Ice3dc7ee6a285f2901b3ddfefae6dfd510f7c12b Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3144066 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/main@{#918908}
diff --git a/css/css-break/break-between-avoid-008.html b/css/css-break/break-between-avoid-008.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-break-3/#unforced-breaks">
+<meta name="assert" content="Prefer violating a later break-before:avoid instead of violating an earlier break-inside:avoid">
+<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="columns:2; column-gap:0; column-fill:auto; width:100px; height:100px; background:red;">
+  <div style="break-inside:avoid;">
+    <div style="contain:size; height:50px; background:green;"></div>
+    <div style="contain:size; height:50px; background:green;"></div>
+  </div>
+  <div style="break-before:avoid; contain:size; height:100px; background:green;"></div>
+</div>
