LayoutTests/fast/dom/Document/CaretRangeFromPoint/caretRangeFromPoint-with-before-style.html - Issue 96483003: CANCEL: Make Document::caretRangeFromPoint() to work with :before style

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/dom/Document/CaretRangeFromPoint/caretRangeFromPoint-with-before-style.html

Issue 96483003: CANCEL: Make Document::caretRangeFromPoint() to work with :before style Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: 2013-11-29T17:59:37 Created 7 years 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 | Annotate | Revision Log

« no previous file with comments | « no previous file | LayoutTests/fast/dom/Document/CaretRangeFromPoint/caretRangeFromPoint-with-before-style-expected.txt » ('j') | Source/core/rendering/HitTestResult.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	1 <!DOCTYPE html>

1 <style>	2 <style>

2 p.first-letter:first-letter { color: red; }	3 p.before:before { content: "BEFORE"; color: red; }

3 </style>	4 </style>

4 <div id="container">	5 <div id="container">

5 <p id="description"></p>	6 <p id="description"></p>

6 <p id="sample" class="first-letter"><span>0123456</span></p>	7 <p id="sample" class="before"><span>0123456</span></p>

7 </div>	8 </div>

8 <div id="console"></div>	9 <div id="console"></div>
	ojan 2013/12/02 22:39:54 Nit: you don't need this element. js-test will inj Nit: you don't need this element. js-test will inject it for you. yosin_UTC9 2013/12/03 05:13:00 Done. Show quoted text On 2013/12/02 22:39:54, ojan wrote: > Nit: you don't need this element. js-test will inject it for you. Done.
9 <script src="../../../../resources/js-test.js"></script>	10 <script src="../../../../resources/js-test.js"></script>

10 <script>	11 <script>

11 description('caretRangeFromPoint() should work with :first-letter style');	12 description('caretRangeFromPoint() should work with :before style');

12 function $(id) { return document.getElementById(id); }	13 function $(id) { return document.getElementById(id); }

13	14

14 var middle = $('sample').offsetTop + $('sample').offsetHeight / 2;	15 var middle = $('sample').offsetTop + $('sample').offsetHeight / 2;

15 var left = $('sample').offsetLeft;	16 var left = $('sample').offsetLeft;

16 var numberOfChars = $('sample').firstChild.firstChild.length;	17 var numberOfChars = "BEFORE".length;

17 var charWidth = $('sample').firstChild.offsetWidth / numberOfChars;	18 var charWidth = $('sample').firstChild.offsetWidth / numberOfChars;

18 var x = left;	19 var x = left;

	20 if (document.caretPositionFromPoint)

	21 document.caretRangeFromPoint = document.caretPositionFromPoint;

19 for (var i = 0; i < numberOfChars; ++i) {	22 for (var i = 0; i < numberOfChars; ++i) {

20 var range = document.caretRangeFromPoint(x + 3, middle);	23 var range = document.caretRangeFromPoint(x + 3, middle);

21 shouldBe('range.startOffset', i.toString());	24 shouldBeNull(i + '; range');

22 x += charWidth;	25 x += charWidth;

23 }	26 }

24	27

25 if (window.testRunner)	28 if (window.testRunner)

26 $('container').outerHTML = '';	29 $('container').outerHTML = '';

27 </script>	30 </script>

OLD	NEW