[balance-text] Turn a pixel test to a ref test

The behavior is UA-dependent, so it's moved to `wpt_internal`. This patch has no behavior changes. Bug: 1251079 Change-Id: I3d6faaaaaf6a3fbe399c63d60d930f37e7f7ea32 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4563595 Commit-Queue: Kent Tamura <tkent@chromium.org> Auto-Submit: Koji Ishii <kojii@chromium.org> Reviewed-by: Kent Tamura <tkent@chromium.org> Cr-Commit-Position: refs/heads/main@{#1153091}
chromium · Jun 5, 2023 · 55cec57 · 55cec57
1 parent 3340651
commit 55cec57
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 0 deletions.
diff --git a/.../blink/web_tests/platform/linux/fast/text/text-wrap-balance-layout-expected.png b/.../blink/web_tests/platform/linux/fast/text/text-wrap-balance-layout-expected.png
diff --git a/...ty/blink/web_tests/platform/mac/fast/text/text-wrap-balance-layout-expected.png b/...ty/blink/web_tests/platform/mac/fast/text/text-wrap-balance-layout-expected.png
diff --git a/...ty/blink/web_tests/platform/win/fast/text/text-wrap-balance-layout-expected.png b/...ty/blink/web_tests/platform/win/fast/text/text-wrap-balance-layout-expected.png
diff --git a/...ink/web_tests/wpt_internal/css/css-text/white-space/text-wrap-balance-layout-001-ref.html b/...ink/web_tests/wpt_internal/css/css-text/white-space/text-wrap-balance-layout-001-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<style>
+.container {
+  font-size: 20px;
+  width: 60ch;
+  border: 1px solid blue;
+}
+</style>
+<div class="container">
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  Mauris<br>ut elit lacus, non convallis odio.
+  Integer facilisis, dolor quis<br>porttitor auctor,
+  nisi tellus aliquet urna, a dignissim orci nisl in<br>nunc.
+  Vivamus elit risus, sagittis et lacinia quis, blandit ac elit.
+</div>
+<div class="container" style="width: 50ch">
+  Lorem ipsum dolor sit amet, consectetur adipiscing<br>elit.
+  Mauris ut elit lacus, non convallis odio.<br>
+  Integer facilisis, dolor quis porttitor auctor,
+  nisi<br>tellus aliquet urna, a dignissim orci nisl in nunc.
+</div>
+<div class="container" style="width: 25ch">
+  Lorem ipsum dolor sit amet,<br>consectetur adipiscing elit.<br>
+  Mauris ut elit lacus, non<br>convallis odio.
+</div>
+<div class="container" style="width: 17ch">
+  Lorem ipsum dolor<br>sit amet, consectetur<br>adipiscing elit.
+</div>
+<div class="container" style="width: 40ch">
+  Lorem ipsum dolor sit amet,<br>consectetur adipiscing elit.
+</div>
diff --git a/...s/fast/text/text-wrap-balance-layout.html → ...e-space/text-wrap-balance-layout-001.html b/...s/fast/text/text-wrap-balance-layout.html → ...e-space/text-wrap-balance-layout-001.html
@@ -1,4 +1,6 @@
 <!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-text-4/#valdef-text-wrap-balance">
+<link rel="match" href="text-wrap-balance-layout-001-ref.html">
 <style>
 .container {
   font-size: 20px;