css/css-regions/interactivity/selection/regions-selection-023.html - external/w3c/web-platform-tests - Git at Google

 <!DOCTYPE html>
 <html>
     <head>
         <title>
             CSS Regions Test: Selection is downward, begins inside a region and ends outside of it - both the region
             and the content after it have child elements
         </title>
         <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
         <link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property">
         <link rel="help" href="http://www.w3.org/TR/css3-regions/#flow-from">
         <link rel="help" href="http://www.w3.org/TR/css3-regions/#relation-to-document-events">
         <meta name="assert" content="CSS regions module does not alter the normal processing of events in the document
          tree. Therefore, mouse selection inside and outside of a named flow should contain all of the content dragged
          over by the mouse, including nested elements.">
         <meta name="flags" content="dom interact">
         <link href="support/css/regions-selection.css" rel="stylesheet" type="text/css">
         <script src="/resources/testharness.js"></script>
         <script src="/resources/testharnessreport.js"></script>
         <script src="support/js/selection-test-helper.js"></script>
     </head>
     <body>
         <p id="msg">
             Click on the orange square, keep the mouse button down and drag it to the blue square,
             release the mouse over the blue square.
         </p>
         <div id="beforeRegion">
             before region before region before region before region before region before region before region before
             region before region before region before region before region before region before region before
             region before region before region before region
         </div>
         <div id="region"></div>
         <div id="source">
             in region
             <div id="start-select" class="select-point"></div>
             in region in region in region in region in region in region in region in region in region in region
             in region in region in region in region in region in region in region in region in region in region in
             <div id="nestedDiv">
                 nested div <img id="nestedImgInRegion" src="support/img/cat.png"></img> nested div
             </div>
             region in region in region in region in region in region in region in region in region in region in
             region in region in region in region in region in region in region in region in region
         </div>
         <div id="afterRegion">
             after region after region after region after region after region after region after region after region
             after region after region after region after region after region after region after region after region
             after region <div id="nestedDiv"> nested div <img id="nestedImgAfterRegion" src="support/img/cat.png"></img>
             nested div nested div nested div nested div</div> after region after region after region after region
             <div id="end-select" class="select-point"></div>
         </div>
         <div id="log"></div>
         <script>
               runSelectionTest( [ { nodeName: "nestedImgInRegion", expected: true },
                                   { nodeName: "nestedImgAfterRegion", expected: true } ]);
         </script>

     </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>
	CSS Regions Test: Selection is downward, begins inside a region and ends outside of it - both the region
	and the content after it have child elements
	</title>
	<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
	<link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property">
	<link rel="help" href="http://www.w3.org/TR/css3-regions/#flow-from">
	<link rel="help" href="http://www.w3.org/TR/css3-regions/#relation-to-document-events">
	<meta name="assert" content="CSS regions module does not alter the normal processing of events in the document
	tree. Therefore, mouse selection inside and outside of a named flow should contain all of the content dragged
	over by the mouse, including nested elements.">
	<meta name="flags" content="dom interact">
	<link href="support/css/regions-selection.css" rel="stylesheet" type="text/css">
	<script src="/resources/testharness.js"></script>
	<script src="/resources/testharnessreport.js"></script>
	<script src="support/js/selection-test-helper.js"></script>
	</head>
	<body>
	<p id="msg">
	Click on the orange square, keep the mouse button down and drag it to the blue square,
	release the mouse over the blue square.
	</p>
	<div id="beforeRegion">
	before region before region before region before region before region before region before region before
	region before region before region before region before region before region before region before
	region before region before region before region
	</div>
	<div id="region"></div>
	<div id="source">
	in region
	<div id="start-select" class="select-point"></div>
	in region in region in region in region in region in region in region in region in region in region
	in region in region in region in region in region in region in region in region in region in region in
	<div id="nestedDiv">
	nested div <img id="nestedImgInRegion" src="support/img/cat.png"></img> nested div
	</div>
	region in region in region in region in region in region in region in region in region in region in
	region in region in region in region in region in region in region in region in region
	</div>
	<div id="afterRegion">
	after region after region after region after region after region after region after region after region
	after region after region after region after region after region after region after region after region
	after region <div id="nestedDiv"> nested div <img id="nestedImgAfterRegion" src="support/img/cat.png"></img>
	nested div nested div nested div nested div</div> after region after region after region after region
	<div id="end-select" class="select-point"></div>
	</div>
	<div id="log"></div>
	<script>
	runSelectionTest( [ { nodeName: "nestedImgInRegion", expected: true },
	{ nodeName: "nestedImgAfterRegion", expected: true } ]);
	</script>

	</body>
	</html>