Bug 1737494 [wpt PR 31364] - [Block-in-Inline] Add tests for widows a…

…nd orphans, a=testonly Automatic update from web-platform-tests [Block-in-Inline] Add tests for widows and orphans This patch adds tests for the CSS `widows` and `orphans` when they are applied to block-in-inline. Unlike `line-clamp`, these property does not carry information over to other inline formatting context that no code changes are needed. These tests are to ensure the assumption is correct. Bug: 716930 Change-Id: I012b80adb489b084397a84c32819dc6dc3dd5df9 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3237477 Commit-Queue: Koji Ishii <[email protected]> Auto-Submit: Koji Ishii <[email protected]> Reviewed-by: Morten Stenshorne <[email protected]> Cr-Commit-Position: refs/heads/main@{#934871} -- wpt-commits: 4d23eafe50b3198c3eb2cfd9367e9c9c8e830791 wpt-pr: 31364
mozilla · Oct 29, 2021 · dde6440 · dde6440
1 parent 33db9fe
commit dde6440
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 0 deletions.
diff --git a/testing/web-platform/tests/css/css-break/reference/widows-block-in-inline-001-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-block-in-inline-001-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<style>
+.columns {
+  columns: 3;
+  column-fill: auto;
+  line-height: 1;
+  height: 5em;
+  orphans: 3;
+  widows: 3;
+}
+</style>
+<body>
+  <div class="columns">
+    <div>
+      p1l1<br>
+      p1l2<br>
+      p1l3<br>
+    </div>
+    <div>
+      p2l1<br>
+      p2l2<br>
+      p2l3<br>
+      p2l4<br>
+      p2l5<br>
+      p2l6<br>
+      p2l7<br>
+    </div>
+  </div>
+</body>
diff --git a/testing/web-platform/tests/css/css-break/widows-block-in-inline-001.html b/testing/web-platform/tests/css/css-break/widows-block-in-inline-001.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>CSS Fragmentation level 3 Test: widows and orphans in block-in-inline</title>
+<link rel="author" title="Koji Ishii" href="mailto:[email protected]">
+<link rel="help" href="https://drafts.csswg.org/css-break/#widows-orphans">
+<link rel="match" href="reference/widows-block-in-inline-001-ref.html">
+<style>
+.columns {
+  columns: 3;
+  column-fill: auto;
+  line-height: 1;
+  height: 5em;
+  orphans: 3;
+  widows: 3;
+}
+</style>
+<body>
+  <div class="columns">
+    <div>
+      p1l1<br>
+      p1l2<br>
+      p1l3<br>
+    </div>
+    <span>
+      <div>
+        p2l1<br>
+        p2l2<br>
+        p2l3<br>
+        p2l4<br>
+        p2l5<br>
+        p2l6<br>
+        p2l7<br>
+      </div>
+    </span>
+  </div>
+</body>