third_party/WebKit/LayoutTests/svg/text/selection-dragging-outside-3.html - Issue 2260763002: Convert LayoutTests/svg/text/* js-tests.js tests to testharness.js based tests.

Side by Side Diff: third_party/WebKit/LayoutTests/svg/text/selection-dragging-outside-3.html

Issue 2260763002: Convert LayoutTests/svg/text/* js-tests.js tests to testharness.js based tests. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Align with review comments Created 4 years, 4 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 | « third_party/WebKit/LayoutTests/svg/text/selection-dragging-outside-2-expected.txt ('k') | third_party/WebKit/LayoutTests/svg/text/selection-dragging-outside-3-expected.txt » ('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 <title>text-selection when dragging mouse outside the SVG text element</title>

2 <style>	3 <style>

3 text {	4 text {

4 font: 10px Arial;	5 font: 10px Arial;

5 }	6 }

6 </style>	7 </style>

7 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin k" width="400" height="400" viewBox="0 0 350 350" style="border: 1px solid black ;">	8 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin k" width="400" height="400" viewBox="0 0 350 350" style="border: 1px solid black ;">

8 <g>	9 <g>

9 <text x="10" y="70">Hello World. Hello, SVG.</text>	10 <text x="10" y="70">Hello World. Hello, SVG.</text>

10 </g>	11 </g>

11 <g transform="translate(70, 50)">	12 <g transform="translate(70, 50)">

12 <g transform="rotate(20) scale(1.5)">	13 <g transform="rotate(20) scale(1.5)">

13 <text id="line1" x="10" y="70">Hello World. Hello, SVG. Hello, ;)link. Hel lo, Chromium.</text>	14 <text id="line1" x="10" y="70">Hello World. Hello, SVG. Hello, ;)link. Hel lo, Chromium.</text>

14 <text id="line2" x="10" y="80">Hello World. Hello, SVG.</text>	15 <text id="line2" x="10" y="80">Hello World. Hello, SVG.</text>

15 </g>	16 </g>

16 </g>	17 </g>

17 </svg>	18 </svg>

18 <script src="../../resources/js-test.js"></script>	19 <script src="../../resources/testharness.js"></script>

	20 <script src="../../resources/testharnessreport.js"></script>

19 <script src="resources/SelectionTestCase.js"></script>	21 <script src="resources/SelectionTestCase.js"></script>

20 <script type="text/javascript">	22 <script>

21 function getEndPosition(id, offset, gap) {	23 test(function() {

22 var element = document.getElementById(id);	24 var absEndPos = getEndPosition('line1', 10, { x : 0, y : -20});

23 var endPos = element.getEndPositionOfChar(offset);	25 selectTextFromCharToPoint({ id: 'line1', offset: 0 }, absEndPos, { startElemen tId: "line1", start: 0, endElementId: "line1", end: 11 });

24 endPos.x += gap.x;	26 absEndPos = getEndPosition('line1', 23, { x : 0, y : -20});

25 endPos.y += gap.y;	27 selectTextFromCharToPoint({ id: 'line1', offset: 7 }, absEndPos, { startElemen tId: "line1", start: 7, endElementId: "line1", end: 24 });

26 var absEndPos = toAbsoluteCoordinates(endPos, element);	28 absEndPos = getEndPosition('line2', 10, { x : 0, y : 20});

27 return absEndPos;	29 selectTextFromCharToPoint({ id: 'line2', offset: 0 }, absEndPos, { startElemen tId: "line2", start: 0, endElementId: "line2", end: 11 });

28 }	30 absEndPos = getEndPosition('line2', 23, { x : 0, y : 20});

29	31 selectTextFromCharToPoint({ id: 'line2', offset: 7 }, absEndPos, { startElemen tId: "line2", start: 7, endElementId: "line2", end: 24 });

30 var absEndPos = getEndPosition('line1', 10, { x : 0, y : -20});	32 absEndPos = getEndPosition('line2', 10, { x : 0, y : 20});

31 selectTextFromCharToPoint({ id: 'line1', offset: 0 }, absEndPos, { startElementI d: "line1", start: "0", endElementId: "line1", end: "11" });	33 selectTextFromCharToPoint({ id: 'line1', offset: 7 }, absEndPos, { startElemen tId: "line1", start: 7, endElementId: "line2", end: 11 });

32 absEndPos = getEndPosition('line1', 23, { x : 0, y : -20});	34 absEndPos = getEndPosition('line1', 20, { x : 0, y : -20});

33 selectTextFromCharToPoint({ id: 'line1', offset: 7 }, absEndPos, { startElementI d: "line1", start: "7", endElementId: "line1", end: "24" });	35 selectTextFromCharToPoint({ id: 'line2', offset: 7 }, absEndPos, { startElemen tId: "line2", start: 7, endElementId: "line1", end: 21 });

34 absEndPos = getEndPosition('line2', 10, { x : 0, y : 20});	36 });

35 selectTextFromCharToPoint({ id: 'line2', offset: 0 }, absEndPos, { startElementI d: "line2", start: "0", endElementId: "line2", end: "11" });

36 absEndPos = getEndPosition('line2', 23, { x : 0, y : 20});

37 selectTextFromCharToPoint({ id: 'line2', offset: 7 }, absEndPos, { startElementI d: "line2", start: "7", endElementId: "line2", end: "24" });

38 absEndPos = getEndPosition('line2', 10, { x : 0, y : 20});

39 selectTextFromCharToPoint({ id: 'line1', offset: 7 }, absEndPos, { startElementI d: "line1", start: "7", endElementId: "line2", end: "11" });

40 absEndPos = getEndPosition('line1', 20, { x : 0, y : -20});

41 selectTextFromCharToPoint({ id: 'line2', offset: 7 }, absEndPos, { startElementI d: "line2", start: "7", endElementId: "line1", end: "21" });

42 </script>	37 </script>

OLD	NEW