third_party/WebKit/LayoutTests/svg/hittest/text-with-multiple-tspans.svg - Issue 1454623002: Hit test SVG line boxes

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: third_party/WebKit/LayoutTests/svg/hittest/text-with-multiple-tspans.svg

Issue 1454623002: Hit test SVG line boxes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Add forgotten test. Sorry, test! Created 5 years, 1 month ago

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

Jump to:

OLD	NEW
(Empty)
	1 <svg onload="runTest()" xmlns="http://www.w3.org/2000/svg" width="300" height="1 50" viewBox="0 0 300 150">

	2 <script src="../../resources/ahem.js"></script>

	3 <rect id="background" width="100%" height="100%" fill="blue" />

	4 <text id="text">

	5 <tspan id="tspan1" x="10" dy="1em">Foo</tspan>

	6 <tspan id="tspan2" x="10" dy="1.2em">Foo bar baz</tspan>

	7 </text>

	8 <defs>

	9 <style type="text/css">

	10 <![CDATA[

	11 text {

	12 font-family: Ahem;

	13 font-size: 40px;

	14 }

	15 ]]>

	16 </style>

	17 <script type="text/javascript">

	18 <![CDATA[

	19 function runTest() {

	20 if (window.testRunner)

	21 testRunner.dumpAsText();

	22

	23 // (170,30) is within a glyph cell of #tspan1, (170,30) is not.

	24 // (50,60) and (250,60) are bothin within a glyph cell of #tspan 2.

	25 var text = document.getElementById("text");

	26 var tspan1 = document.getElementById("tspan1");

	27 var tspan2 = document.getElementById("tspan2");

	28 var background = document.getElementById("background");

	29 if (document.elementFromPoint(50, 30) === tspan1

	30 && document.elementFromPoint(170, 30) === background

	31 && document.elementFromPoint(50, 60) === tspan2

	32 && document.elementFromPoint(250, 60) === tspan2)

	33 text.textContent = "PASS";

	34 else

	35 text.textContent = "FAIL";

	36 }

	37 ]]>

	38 </script>

	39 </defs>

	40 </svg>

OLD	NEW