Index: LayoutTests/fast/multicol/dynamic/insert-spanner-pseudo-after-then-content-expected.html |
diff --git a/LayoutTests/fast/multicol/span/pseudo-after-then-content-expected.html b/LayoutTests/fast/multicol/dynamic/insert-spanner-pseudo-after-then-content-expected.html |
similarity index 50% |
copy from LayoutTests/fast/multicol/span/pseudo-after-then-content-expected.html |
copy to LayoutTests/fast/multicol/dynamic/insert-spanner-pseudo-after-then-content-expected.html |
index 826f3c4487ba3aa78365966b9dce0accfccfb71d..725a4c727f214ff90b78720afca2da7c67915cd2 100644 |
--- a/LayoutTests/fast/multicol/span/pseudo-after-then-content-expected.html |
+++ b/LayoutTests/fast/multicol/dynamic/insert-spanner-pseudo-after-then-content-expected.html |
@@ -1,9 +1,14 @@ |
<!DOCTYPE html> |
+<style> |
+ .x::after { display:block; -webkit-column-span:all; column-span:all; background:yellow; content:".........."; } |
+</style> |
+<p>Test adding an ::after pseudo element that's a spanner. The DOM node is followed by more content, |
+ so we need to split the existing column row into two.</p> |
<p>There should be three rectangles with identical sizes below. The first and third one |
should be blue with nothing inside. The second one should be yellow with some dots |
inside.</p> |
<div style="line-height:100px; background:blue;"> |
- |
+ <br> |
<div style="background:yellow;">..........</div> |
- |
+ <br> |
</div> |