third_party/WebKit/LayoutTests/printing/css2.1/page-break-after-004.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
   5 <title>CSS Test: page-break-after (invalid syntax)</title>
   6 <link rel="author" href="mailto:mturnwall@revenution.com" title="Michael Turnwall">
   7 <link rel="author" href="http://www.hp.com/" title="Hewlett-Packard Company">
   8 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props">
   9 <meta content="paged invalid" name="flags">
  10 <meta content="The syntax of the 'page-break-after' property is auto | always | avoid | left | right." name="assert">
  11 <style type="text/css">
  12
  13     div.noBreakAuto {
  14         page-break-after:always;
  15         page-break-after:auto auto;
  16     }
  17     div.noBreakLeft {
  18         page-break-after:auto;
  19         page-break-after:left always;
  20     }
  21     div.noBreakAlways {
  22         page-break-after:always always;
  23     }
  24     .dummy {
  25         color:gray;
  26     }
  27
  28 </style>
  29 <script src="../resources/paged-media-test-utils.js"></script>
  30 <script>
  31
  32     if (window.testRunner)
  33         testRunner.dumpAsText();
  34
  35     function test()
  36     {
  37         pageNumberForElementShouldBe('test1', 1);
  38         pageNumberForElementShouldBe('test2', 1);
  39         numberOfPagesShouldBe(2);
  40     }
  41
  42 </script>
  43 </head>
  44 <body onload="runPrintingTest(test)">
  45     <div class="noBreakAuto">This test must produce two pages of output. This sentence must be on the first page.</div>
  46     <div class="noBreakLeft" id="test1">This sentence must be at the top of the second page.</div>
  47     <div class="noBreakAlways dummy">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
  48     <p id="test2">This must be the last sentence on the second and final page.</p>
  49 </body>
  50 </html>