Title: [276322] trunk/LayoutTests
Revision
276322
Author
[email protected]
Date
2021-04-20 15:33:49 -0700 (Tue, 20 Apr 2021)

Log Message

Add test for line breaking around inline-blocks.
https://bugs.webkit.org/show_bug.cgi?id=224832

Reviewed by Alan Bujtas.

* fast/css/inline-block-line-break-expected.html: Added.
* fast/css/inline-block-line-break.html: Added.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (276321 => 276322)


--- trunk/LayoutTests/ChangeLog	2021-04-20 22:25:53 UTC (rev 276321)
+++ trunk/LayoutTests/ChangeLog	2021-04-20 22:33:49 UTC (rev 276322)
@@ -1,3 +1,13 @@
+2021-04-20  Cameron McCormack  <[email protected]>
+
+        Add test for line breaking around inline-blocks.
+        https://bugs.webkit.org/show_bug.cgi?id=224832
+
+        Reviewed by Alan Bujtas.
+
+        * fast/css/inline-block-line-break-expected.html: Added.
+        * fast/css/inline-block-line-break.html: Added.
+
 2021-04-20  Fujii Hironori  <[email protected]>
 
         editing/execCommand/insert-image-in-composed-list.html is crashing

Added: trunk/LayoutTests/fast/css/inline-block-line-break-expected.html (0 => 276322)


--- trunk/LayoutTests/fast/css/inline-block-line-break-expected.html	                        (rev 0)
+++ trunk/LayoutTests/fast/css/inline-block-line-break-expected.html	2021-04-20 22:33:49 UTC (rev 276322)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+div { display: inline-block; width: 100px; height: 100px; background-color: orange; }
+</style>
+<p>The test passes if there are two orange squares placed side by side.</p>
+<main>
+  <div></div>
+  <div></div>
+</main>

Added: trunk/LayoutTests/fast/css/inline-block-line-break.html (0 => 276322)


--- trunk/LayoutTests/fast/css/inline-block-line-break.html	                        (rev 0)
+++ trunk/LayoutTests/fast/css/inline-block-line-break.html	2021-04-20 22:33:49 UTC (rev 276322)
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<style>
+main { width: 150px; white-space: nowrap; }
+div { display: inline-block; white-space: normal; width: 100px; height: 100px; background-color: orange; }
+</style>
+<p>The test passes if there are two orange squares placed side by side.</p>
+<main>
+  <div></div>
+  <div></div>
+</main>
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to