LayoutTests/fast/regions/selection/selecting-text-through-different-region-flows-2.html - Issue 25761004: [CSS Regions] Helper functions for selection layout tests

Side by Side Diff: LayoutTests/fast/regions/selection/selecting-text-through-different-region-flows-2.html

Issue 25761004: [CSS Regions] Helper functions for selection layout tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 7 years, 2 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/selection/selecting-text-through-different-region-flows.html ('k') | LayoutTests/fast/regions/selection/selecting-text-through-different-region-flows-2-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

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

4 <style>	5 <style>

5 body { width: 600px; }	6 body { width: 600px; }

6	7

7 #footNote {	8 #footNote {

8 -webkit-flow-into: footNote;	9 -webkit-flow-into: footNote;

9 display: block;	10 display: block;

10 font-size: 13px;	11 font-size: 13px;

11 }	12 }

12	13

13 #footNoteRegion { -webkit-flow-from: footNote; }	14 #footNoteRegion { -webkit-flow-from: footNote; }

14 #content { -webkit-flow-into: content; }	15 #content { -webkit-flow-into: content; }

15 #region { -webkit-flow-from: content; }	16 #region { -webkit-flow-from: content; }

16 </style>	17 </style>

17 </head>	18 </head>

18 <body>	19 <body>

19	20

20 <div id="region"></div>	21 <div id="region"></div>

21 <div id="footNoteRegion"></div>	22 <div id="footNoteRegion"></div>

22 <div id="content">	23 <div id="content">

23 <h1 style="margin-top: 0px">Selecting text through different CSS-Region flow s</h1>	24 <h1 style="margin-top: 0px">Selecting text through different CSS-Region flow s</h1>

24 <div id="contentText">	25 <div id="contentText">

25 This text contains a footnote as a nested region what is diplayed <span id="start">below</span> the article. (1) <span id="footNote">	26 This text contains a footnote as a nested region what is diplayed <span id="start">below</span> the article. (1) <span id="footNote">

26 <span><span></span>(1) This is a footnote. Footnotes can be quite long a nd go over several lines. This footnote	27 <span><span></span>(1) This is a footnote. Footnotes can be quite long a nd go over several lines. This footnote

27 is nested inside the text <span id="end">above</span> and displayed here with the help of css-regions.</span></span> If you start selecting	28 is nested inside the text <span id="end">above</span> and displayed here with the help of css-regions.</span></span> If you start selecting

28 text from this article until somewhere in the footnote and then click so mewhere, the selection should be cleared.	29 text from this article until somewhere in the footnote and then click so mewhere, the selection should be cleared.

29 </div>	30 </div>

30 </div>	31 </div>

31	32

32 <script>	33 <script>

33 if (window.testRunner) {	34 selectContentByIds("start", "end");

34 // We are positioning the mouse to the center of the contentText and start h olding the mouse down

35 var start = document.getElementById("start");

36 var xStartPosition = start.offsetLeft + 0;

37 var yStartPosition = start.offsetTop + start.offsetHeight / 2;

38 eventSender.mouseMoveTo(xStartPosition, yStartPosition);

39 eventSender.mouseDown();

40

41 // We are positioning the mouse to the center of the footNote (what is a dif ferent region flow) and release the button

42 var end = document.getElementById("end");

43 var xEndPosition = end.offsetLeft + 0;

44 var yEndPosition = end.offsetTop + end.offsetHeight / 2;

45 eventSender.mouseMoveTo(xEndPosition, yEndPosition);

46 eventSender.mouseUp();

47 }

48 </script>	35 </script>

49 </body>	36 </body>

50 </html>	37 </html>

OLD	NEW