LayoutTests/fast/multicol/span/span-as-immediate-child-generated-content.html - Issue 1143153006: Remove old multicol tests that were only run with the old implementation.

Side by Side Diff: LayoutTests/fast/multicol/span/span-as-immediate-child-generated-content.html

Issue 1143153006: Remove old multicol tests that were only run with the old implementation. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 5 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/multicol/span/span-as-immediate-child-complex-splitting.html ('k') | LayoutTests/fast/multicol/span/span-as-immediate-child-property-removal.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!doctype html>

2 <head>

3 <style>

4 div { border:5px solid maroon; -webkit-column-count:2; width:750px; margin: 1em 0 }

5 div::before { display: block; background-color:yellow; content: "Before Generate d Content" }

6 div::after { display: block; height:20px; background-color:yellow; content: "Aft er Generated Content" }

7 h2 { -webkit-column-span: all; background-color:#eeeeee }

8 </style>

9 </head>

10 <body>

11 <div style="display:none"><h2 id="base">This is a spanning element.</h2></div>

12

13 <div id="one">

14 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

15 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

16

17 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

18 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

19

20

21 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

22 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

23

24 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

25 </div>

26

27 <script>

28 var one = document.getElementById('one');

29 one.insertBefore(document.getElementById('base').cloneNode(true), one.firstChild );

30 </script>

31

32 <div id="two">

33

34 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

35 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

36

37 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

38 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

39

40

41 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

42 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

43

44 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

45 </div>

46

47 <script>

48 var two = document.getElementById('two');

49 two.appendChild(document.getElementById('base').cloneNode(true));

50 </script>

51

52 <div id="three">

53 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim a c mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis v el orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nulla m bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

54 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

55

56

57 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

58 </p>

59 <p id="before">

60 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

61 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

62

63 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

64 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

65 </p>

66 </div>

67

68 <script>

69 var three = document.getElementById('three');

70 three.insertBefore(document.getElementById('base').cloneNode(true), document.get ElementById('before'));

71 </script>

72

73 <div id="four">

74 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

75 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

76

77 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m i.

78

79 <span id="beforetwo">

80 Lorem</span> ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius en im ac mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus s em. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae fel is vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. N ullam bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium qu is, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

81 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

82

83 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim a c mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis v el orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nulla m bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

84 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

85 </p>

86 </div>

87

88 <script>

89 var four = document.getElementById('four');

90 four.insertBefore(document.getElementById('base').cloneNode(true), document.getE lementById('beforetwo'));

91 </script>

92

93 <div id="five">

94 <span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius eni m ac mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus se m. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae feli s vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nu llam bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium qui s, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

95 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

96

97 <span style="display:block">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac mi.</span>

98

99 Lorem</span> ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius en im ac mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus s em. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae fel is vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. N ullam bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium qu is, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

100 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

101

102 <p id="beforethree">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nu lla varius enim ac mi. Curabitur sollicitudin felis quis lectus. Quisque adipisc ing rhoncus sem. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam no nummy enim. Nullam bibendum lobortis neque. Vestibulum velit orci, tempus euismo d, pretium quis, interdum vitae, nulla. Phasellus eget ante et tortor condimentu m vestibulum.

103 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

104 </p>

105 </div>

106

107 <script>

108 var five = document.getElementById('five');

109 five.insertBefore(document.getElementById('base').cloneNode(true), document.getE lementById('beforethree'));

110 </script>

111

112 <div id="six">

113 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim a c mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis v el orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nulla m bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

114 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

115

116 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim a c mi.

117

118 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim a c mi. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis v el orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nulla m bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, interdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum.

119 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

120 </p>

121

122 <span id="beforefour">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <span style="display:block">Nulla varius enim ac mi.</span> Curabitur sollicitud in felis quis lectus. Quisque adipiscing rhoncus sem. Proin nulla purus, vulputa te vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam bibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, interdum vitae, nulla. Pha sellus eget ante et tortor condimentum vestibulum.

123 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</span>

124

125 </div>

126

127 <script>

128 var six = document.getElementById('six');

129 six.insertBefore(document.getElementById('base').cloneNode(true), document.getEl ementById('beforefour'));

130 </script>

131

132 </body>

133 </html>

OLD	NEW