8
0
Pārlūkot izejas kodu

Tests: Added a rich styled table fixture for the rich editor performance test.

Marek Lewandowski 5 gadi atpakaļ
vecāks
revīzija
6a37e2a7fe

+ 5 - 341
tests/_data/small-inline-css.html

@@ -4,344 +4,8 @@
 	<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>
+<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>

+ 347 - 0
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>

+ 12 - 3
tests/_utils/utils.js

@@ -23,18 +23,27 @@ import fullWebsitesStyledFixture from '../_data/full-websites-styled.html';
 /**
  * Renders a button for each performance fixture in a given `container`.
  *
+ *		renderPerformanceDataButtons( document.querySelector( '#fixture-buttons' ), {
+ *			'smallTablesInlineCss': 'text and tables (styled)'
+ *		} );
+ *
  * @param {HTMLElement} container
+ * @param {Object.<String, String>} [extraLabels] Dictionary for extra buttons.
  */
-export function renderPerformanceDataButtons( container ) {
+export function renderPerformanceDataButtons( container, extraLabels ) {
 	let html = '';
-	const labels = {
+	let labels = {
 		'small': 'short (semantic)',
 		'medium': 'medium (semantic)',
 		'large': 'long (semantic)',
-		'smallInlineCss': 'short inline styled',
+		'smallInlineCss': 'short (styled)',
 		'fullWebsitesStyled': 'full websites (styled)',
 	};
 
+	if ( extraLabels ) {
+		labels = Object.assign( labels, extraLabels );
+	}
+
 	for ( const fixtureName of Object.keys( labels ) ) {
 		html += `<button id="${ fixtureName }-content" data-file-name="${ fixtureName }" disabled>${ labels[ fixtureName ] }</button>`;
 	}

+ 7 - 1
tests/manual/performance/richeditor.js

@@ -40,7 +40,11 @@ import WordCount from '@ckeditor/ckeditor5-word-count/src/wordcount';
 
 import { getPerformanceData, renderPerformanceDataButtons } from '../../_utils/utils';
 
-renderPerformanceDataButtons( document.querySelector( '#fixture-buttons' ) );
+import smallTablesInlineCssFixture from '../../_data/small-tables-inline-css.html';
+
+renderPerformanceDataButtons( document.querySelector( '#fixture-buttons' ), {
+	'smallTablesInlineCss': 'text and tables (styled)'
+} );
 
 ClassicEditor
 	.create( document.querySelector( '#editor' ), {
@@ -158,6 +162,8 @@ function addUploadMockAdapter( editor ) {
 }
 
 const fixtures = getPerformanceData();
+fixtures.smallTablesInlineCss = smallTablesInlineCssFixture;
+
 const buttons = document.querySelectorAll( '#test-controls button' );
 
 for ( const button of buttons ) {