LayoutTests/fast/flexbox/line-clamp-link-after-ellipsis.html - Issue 26588002: Remove support for -webkit-line-clamp

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/flexbox/line-clamp-link-after-ellipsis.html

Issue 26588002: Remove support for -webkit-line-clamp Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Base files missing... 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:

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <html>

3 <head>

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

5 <style>

6 span#container {

7 display: inline-block; /* clamp the width of the enclosing P to its contents */

8 }

9

10 div#flexbox {

11 -webkit-box-orient: vertical;

12 -webkit-line-clamp: 1;

13 display: -webkit-box;

14 overflow-y: hidden;

15 }

16 </style>

17 </head>

18 <body>

19 <span id="container">

20 <div id="flexbox">line one<br>line two<a id="link" href="#" onclick="this.te xtContent='clicked'">not clicked</a></div>

21 </span>

22 <script>

23 description('Test that links painted after the ellipsis of a flexbox using -webk it-line-clamp is hit-testable.');

24

25 var divRect = document.getElementById("flexbox").getBoundingClientRect();

26 var aRect = document.getElementById("link").getBoundingClientRect();

27 var clickX = divRect.left + divRect.width - (aRect.width / 2);

28 var clickY = divRect.top + divRect.height - (aRect.height / 2);

29

30 if (window.eventSender) {

31 eventSender.mouseMoveTo(clickX, clickY);

32 eventSender.mouseDown();

33 eventSender.mouseUp();

34 }

35

36 shouldBeEqualToString("document.getElementsByTagName('a')[0].textContent", "clic ked");

37 </script>

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

39 </body>

40 </html>

OLD	NEW