1 files changed, 62 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht
new file mode 100644
index 0000000000..8b9a601edb
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht
@@ -0,0 +1,62 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <!-- ================================================================ -->
+ <!-- WARNING! This document contains significant trailing whitespace! -->
+ <!-- ================================================================ -->
+
+ <head>
+  <title>CSS Test: white-space: mixed tests</title>
+  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+  <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
+  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/dynamic/001.html" type="text/html"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
+
+  <meta name="flags" content="ahem interact"/>
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+  <style type="text/css">
+   div { font: 1em/1 Ahem, monospace; color: navy; }
+   .bn { white-space: normal; }
+   .bp { white-space: pre; }
+   div:hover .an { white-space: normal; }
+   div:hover .ap { white-space: pre; }
+   div:hover .aG { color: green; }
+   div:hover .aB { color: brown; }
+   div:hover .abG { background: green; }
+   div:hover .abL { background: lime; }
+  </style>
+ </head>
+ <body>
+  <p>The picture below should change from a smiley-face to a landscape when you hover over it.</p>
+
+  <!-- note that spaces at the start of a line collapse in white-space: normal -->
+
+  <div>
+<span class="bp an">    </span><span class="bn ap aG">   ###</span><span class="bp ap"><!-- keep newline -->
+ </span><span class="bp an aG">  ##<span class="abL"> </span>  </span><span class="bp ap aG">##
+ </span><span class="bp an aG"> #<span class="abL">       #
+<!-- keep newline --></span> #</span><span class="bn ap"><!-- keep newline -->
+  </span><span class="bp an aG">        #</span><span class="bp an aG abL"><!-- keep newline -->
+ #</span><span class="bn ap"><!-- keep newline -->
+   </span><span class="bp an aB"> #</span><span class="bn ap"><!-- keep newline -->
+  </span><span class="bp ap aB">  #</span><span class="bn ap"><!-- keep newline -->
+   </span><span class="bp an aB"> #</span><span class="bp ap"><!-- keep newline -->
+<!-- keep newline --></span><span class="bn ap aB">    #</span><span class="bn an"><!-- keep newline -->
+<!-- keep newline --></span><span class="bp an"> </span><span class="bp ap aG">         #</span><span class="bn ap"><!-- keep newline -->
+   </span><span class="bp an"><!-- keep newline -->
+<!-- keep newline --></span><span class="bn an aB">#
+  </span><span class="bp ap">       </span><span class="bp an aG"> <span class="abL">  #
+#</span></span><span class="bn ap"><!-- keep newline -->
+   </span><span class="bp an aB">          #<span class="bn ap">         </span>
+ </span><span class="bp an aG"># </span><span class="bn ap aB"><!-- keep newline -->
+    #</span><span class="bp ap">  </span><span class="bn ap aB">        #
+   </span><span class="bp an aB"> #<span class="bn ap">         </span>
+ #</span><span class="bn ap"><!-- keep newline -->
+ </span><span class="bp ap aG abL">  ##</span><span class="bp an aG abL">#   #
+  #       #
+   ##<span class="abG">  </span> ##
+     ###</span><span class="bn ap abL">  </span>
+  </div>
+
+ </body>
+</html>