src/third_party/WebKit/LayoutTests/fast/regions/cssom/webkit-named-flow-existing-flow.html

   1 <!doctype html>
   2 <html>
   3     <!--
   4     Test for https://bugs.webkit.org/show_bug.cgi?id=66642 ([CSSRegions][CSSOM] Implement NamedFlow interface).
   5     Test that getting a WebKitNamedFlow for an existing flow returns a non-null object.
   6     On success, you should see a PASS below.
   7     -->
   8     <head>
   9         <script src="../resources/helper.js"></script>
  10         <style>
  11             .pass {
  12                 font-weight: bold;
  13                 color: green;
  14             }
  15
  16             .fail {
  17                 font-weight: bold;
  18                 color: red;
  19             }
  20
  21             .flow {
  22                 -webkit-flow-into: flow;
  23             }
  24         </style>
  25     </head>
  26     <body>
  27         <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=66642">66642: [CSSRegions]Implement NamedFlow interface</a></p>
  28         <p>Getting a WebKitNamedFlow object for an existing flow should return a non-null object.</p>
  29         <p>On success, you should see PASS below.</p>
  30         <div id="article" class="flow"></div>
  31         <div id="result" class="fail">FAIL</div>
  32         <script>
  33             if (window.testRunner)
  34                 testRunner.dumpAsText();
  35
  36             var namedFlow = getFlowByName("flow");
  37             if (namedFlow) {
  38                 document.getElementById("result").innerText = "PASS";
  39                 document.getElementById("result").className = "pass";
  40             }
  41         </script>
  42     </body>
  43 </html>