Merge pull request #6176 from ckeditor/i/5880

Tests: Added performance manual tests. Closes #5880.
ckeditor · Feb 6, 2020 · 0354484 · 0354484
2 parents caa075a + 3f8056c
commit 0354484
Show file tree

Hide file tree

Showing 23 changed files with 14,193 additions and 139 deletions.
diff --git a/tests/_data/full-websites-styled.html b/tests/_data/full-websites-styled.html
diff --git a/tests/_data/large.html b/tests/_data/large.html
diff --git a/tests/_data/medium.html b/tests/_data/medium.html
diff --git a/tests/_data/small-inline-css.html b/tests/_data/small-inline-css.html
@@ -0,0 +1,11 @@
+<h2>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+</h2>
+
+<p>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+</p>
diff --git a/tests/_data/small-tables-inline-css.html b/tests/_data/small-tables-inline-css.html
@@ -0,0 +1,347 @@
+<h2>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+</h2>
+
+<figure>
+	<table style="border: 1px solid green;background:#fdfd77;width:200px;height:140px">
+		<thead>
+			<tr>
+				<td><p>Column A</p></td>
+				<td style="border:2px dashed black;background-color: lightblue"><p>Column B</p></td>
+				<td style="background: palevioletred"><p>Column C</p></td>
+			</tr>
+		</thead>
+		<tbody>
+			<tr>
+				<td style="border-color: deeppink deepskyblue;border-style: solid;border-width: 1px;border-bottom-width: 2px;border-right-style: dotted;">
+					<p>A1</p>
+				</td>
+				<td style="border: 1px solid blue;"><p>B1</p></td>
+				<td style="border: 1px solid red;"><p>C1</p></td>
+			</tr>
+			<tr>
+				<td style="border-right:1px solid blue;"><p>A2</p></td>
+				<td style="background:transparent;"><p>B2</p></td>
+				<td><p>C3</p></td>
+			</tr>
+		</tbody>
+	</table>
+</figure>
+
+<figure>
+	<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0 style='border-collapse:collapse;border:none;mso-border-alt:solid windowtext .5pt;
+mso-yfti-tbllook:1184;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
+		<tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+mso-border-alt:solid windowtext .5pt;background:#92D050;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>w
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:solid windowtext 1.0pt;
+border-left:none;border-bottom:dotted #FFC000 3.0pt;border-right:solid windowtext 1.0pt;
+mso-border-left-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+mso-border-bottom-alt:dotted #FFC000 3.0pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:1'>
+			<td width=30 valign=top style='width:22.25pt;border-top:none;border-left:
+solid windowtext 1.0pt;border-bottom:solid windowtext 1.0pt;border-right:
+dotted #FFC000 3.0pt;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;mso-border-right-alt:dotted #FFC000 3.0pt;background:
+#92D050;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:dotted #FFC000 3.0pt;border-right:dotted #FFC000 3.0pt;
+mso-border-top-alt:dotted #FFC000 3.0pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>Funny border
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+mso-border-alt:solid windowtext .5pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:dashed red 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-bottom-alt:dashed red .5pt;
+padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>Border bottom
+
+				</p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:2;height:70.35pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:dotted #FFC000 3.0pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-top-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:dashed red .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-top-alt:dashed red .5pt;
+padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:.1in .5in .5in .5in;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>margin
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:3;height:31.0pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>TL
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>TC
+
+				</p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>TR
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:4;height:31.0pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border:none;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-right-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;
+height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>L
+
+				</p>
+			</td>
+			<td width=125 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>C
+
+				</p>
+			</td>
+			<td width=138 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>R
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:5;mso-yfti-lastrow:yes;height:30.1pt'>
+			<td width=30 valign=top style='width:22.25pt;border-top:none;border-left:
+solid windowtext 1.0pt;border-bottom:solid windowtext 1.0pt;border-right:
+none;mso-border-top-alt:solid windowtext .5pt;mso-border-top-alt:solid windowtext .5pt;
+mso-border-left-alt:solid windowtext .5pt;mso-border-bottom-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border:none;padding:0in 5.4pt 0in 5.4pt;
+height:30.1pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>No border
+
+				</p>
+			</td>
+			<td width=125 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-top-alt:solid windowtext .5pt;
+mso-border-bottom-alt:solid windowtext .5pt;mso-border-right-alt:solid windowtext .5pt;
+padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>BL
+
+				</p>
+			</td>
+			<td width=125 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>BC
+
+				</p>
+			</td>
+			<td width=138 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>BR
+
+				</p>
+			</td>
+		</tr>
+	</table>
+</figure>
diff --git a/tests/_data/small.html b/tests/_data/small.html
@@ -0,0 +1,18 @@
+<h2>The three greatest things you learn from traveling</h2>
+
+<p>Like all the great things on earth traveling teaches us by example. Here are some of the most precious lessons I’ve
+	learned over the years of traveling.</p>
+<figure class="media">
+	<oembed url="https://www.youtube.com/watch?v=CB70skVw3nU"></oembed>
+</figure>
+<h3>Appreciation of diversity</h3>
+
+<p>Getting used to an entirely different culture can be challenging. While it’s also nice to learn about cultures online
+	or from books, nothing comes close to experiencing cultural diversity in person. You learn to appreciate each and
+	every single one of the differences while you become more culturally fluid.</p>
+<blockquote>
+
+	<p>The real voyage of discovery consists not in seeking new landscapes, but having new eyes.</p>
+
+	<p><strong>Marcel Proust</strong></p>
+</blockquote>