LayoutTests/fast/regions/cssom/get-region-flow-ranges-content-nodes.html - Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/regions/cssom/get-region-flow-ranges-content-nodes.html

Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « LayoutTests/fast/regions/cssom/get-region-flow-ranges-absolute-pos-expected.txt ('k') | LayoutTests/fast/regions/cssom/get-region-flow-ranges-content-nodes-expected.txt » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <html>

3 <head>

4 <meta charset="utf-8">

5 <script src="../../../resources/js-test.js"></script>

6 <script src="../resources/helper.js"></script>

7 <style>

8 body { font-family: monospace; }

9 #wrapper { font-size: 50px; }

10 .border { border: 1px solid red; }

11 .flow { -webkit-flow-into: flow1;}

12 .blue {background-color: lightblue; width: 50px; height: 50px;}

13 #region1 { -webkit-flow-from: flow1; width: 250px; height: 70px; left: 20px; top: 250px;}

14 #region2 { -webkit-flow-from: flow1; width: 250px; height: 120px; left: 20px ; top: 300px;}

15 </style>

16 </head>

17 <body>

18 <div id="description"></div>

19 <div id="wrapper"><div class="flow">Text node.</div></div>

20 <div id="region1" class="border"></div>

21 <div id="region2" class="border"></div>

22 <div id="wrapper2"><div class="flow blue"></div></div>

23 <div id="console"></div>

24 <script>

25 if (window.layoutTestController)

26 layoutTestController.dumpAsText();

27

28 description("[CSSRegions] Implement Region::getRegionFlowRanges with multipl e content nodes");

29 var region1 = document.getElementById("region1");

30 var region2 = document.getElementById("region2");

31

32

33 debug("Flow test");

34 range1 = region1.webkitGetRegionFlowRanges();

35 shouldEvaluateTo("range1.length", 1);

36 compareArrays(getRangeAt(range1, 0), ["wrapper", 0, "#text", 4]);

37 range2 = region2.webkitGetRegionFlowRanges();

38 shouldEvaluateTo("range2.length", 2);

39 compareArrays(getRangeAt(range2, 0), ["#text", 5, "wrapper", 1]);

40 compareArrays(getRangeAt(range2, 1), ["wrapper2", 0, "wrapper2", 1]);

41

42

43 function hideRegionsAndFlows() {

44 document.getElementById("region1").style.visibility = "hidden";

45 document.getElementById("region2").style.visibility = "hidden";

46 }

47

48 hideRegionsAndFlows();

49 </script>

50 </body>

51 </html>

OLD	NEW