third_party/WebKit/LayoutTests/fast/css/word-spacing-characters-expected.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3  <head>
   4   <title>CSS Test: word-spacing on Flexible Space Characters (adapted from word-spacing-characters-001.htm)</title>
   5   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
   6   <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props">
   7   <meta name="flags" content="">
   8   <meta name="assert" content="Word-spacing affects each space (U+0020)         and non-breaking space (U+00A0).">
   9   <style type="text/css">
  10     div {
  11       margin: 1em;
  12       font-family: monospace;
  13       page-break-inside: avoid;
  14     }
  15     div p {
  16       margin: 0;
  17     }
  18     .controlcontrol {
  19       background: orange;
  20       width: 4em;
  21     }
  22
  23     .control span {
  24       background: blue;
  25       color: blue;
  26     }
  27     .spacer {
  28       padding-left: 4em;
  29     }
  30     .test span {
  31       background: orange;
  32       color: orange;
  33     }
  34     .ws-pre p {
  35       white-space: pre;
  36     }
  37   </style>
  38  </head>
  39  <body>
  40    <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>
  41
  42     <div>
  43       <p class="control"><span class="spacer"></span>&nbsp;</p>
  44       <p class="controlcontrol"><span class="spacer"></span>&nbsp;</p>
  45     </div>
  46
  47    <div class="ws-normal">
  48      <p class="control"><span>A <span class="spacer"></span>B</span></p>
  49      <p class="test"><span>A <span class="spacer"></span>B</span></p>
  50    </div>
  51    <div class="ws-normal">
  52      <p class="control"><span>A <span class="spacer"></span>B</span></p>
  53      <p class="test"><span>A <span class="spacer"></span>B</span></p>
  54    </div>
  55    <div class="ws-pre">
  56      <p class="control"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p>
  57      <p class="test"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p>
  58    </div>
  59
  60    <div class="ws-normal">
  61      <p class="control"><span>A&nbsp;<span class="spacer"></span>B</span></p>
  62      <p class="test"><span>A&nbsp;<span class="spacer"></span>B</span></p>
  63    </div>
  64    <div class="ws-normal">
  65      <p class="control"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
  66      <p class="test"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
  67    </div>
  68    <div class="ws-pre">
  69      <p class="control"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
  70      <p class="test"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
  71    </div>
  72
  73    <div class="ws-normal">
  74      <p class="control"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p>
  75 <!-- The original test has two spaces between the non-breaking spaces below. This causes WebKit to split the text into two-runs and drop the second of the two spaces.
  76      This entire test can be replaced with word-spacing-characters-001.htm from the css test suite when https://bugs.webkit.org/show_bug.cgi?id=89827 is fixed.-->
  77      <p class="test"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p>
  78    </div>
  79    <div class="ws-pre">
  80      <p class="control"><span>A&nbsp;  &nbsp;  <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> B</span></p>
  81      <p class="test"><span>A&nbsp;  &nbsp;  <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>    B</span></p>
  82    </div>
  83
  84  </body>
  85 </html>