[LayoutNG] Fix justification of empty inlines
Bug: 967248
Test: wpt/css/css-text/text-align/text-align-last-empty-inline.html
Change-Id: Ib439b5a73fecef47f4f9eb259c97a40bd93bca5a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1638962
Commit-Queue: Koji Ishii <kojii@chromium.org>
Reviewed-by: Koji Ishii <kojii@chromium.org>
Cr-Commit-Position: refs/heads/master@{#665396}
diff --git a/css/css-text/text-align/text-align-last-empty-inline.html b/css/css-text/text-align/text-align-last-empty-inline.html
new file mode 100644
index 0000000..07dcb3b
--- /dev/null
+++ b/css/css-text/text-align/text-align-last-empty-inline.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>Tests justification of empty inline element</title>
+<link rel="author" title="Emil A Eklund" href="eae@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-last-property" title="6.3. Last Line Alignment: the text-align-last property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+ #justify {
+ text-align-last: justify;
+ margin-bottom: 5px;
+ }
+ #justify > span, #reference > span {
+ padding: 1px;
+ background: black;
+ }
+</style>
+<body>
+ <div id="justify"><span></span></div>
+ <div id="reference"><span></span></div>
+ <p>
+ The two black line segments above should align.
+ </p>
+</body>
+<script>
+test(function() {
+ const justify_element = document.getElementById('justify');
+ const justify_rect = justify_element.firstElementChild.getBoundingClientRect();
+ const ref_element = document.getElementById('reference');
+ const ref_rect = ref_element.firstElementChild.getBoundingClientRect();
+ assert_equals(justify_rect.left, ref_rect.left);
+ assert_equals(justify_rect.right, ref_rect.right);
+}, 'Left and right edges of empty inlines should align.');
+</script>