third_party/WebKit/LayoutTests/fast/text/hyphens/hyphens-auto-mock.html - Issue 2557643002: Apply hyphenation when there is only one word in a paragraph

Side by Side Diff: third_party/WebKit/LayoutTests/fast/text/hyphens/hyphens-auto-mock.html

Issue 2557643002: Apply hyphenation when there is only one word in a paragraph (Closed)

Patch Set: Add a static helper function Created 4 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/fast/text/hyphens/hyphens-auto-mock-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 <style>	2 <style>

3 div {	3 div {

4 border: thin solid black;	4 border: thin solid black;

5 display: inline-block;	5 display: inline-block;

6 font-family: 'Courier New';	6 font-family: 'Courier New';

7 -webkit-hyphens: auto;	7 -webkit-hyphens: auto;

8 hyphens: auto;	8 hyphens: auto;

9 vertical-align: top;	9 vertical-align: top;

10 min-width: 11ch;	10 min-width: 11ch;

11 }	11 }

12	12

13 span {	13 span {

14 border: thin solid black;	14 border: thin solid black;

15 display: block;	15 display: block;

16 }	16 }

17	17

18 img {	18 img {

19 width: 1em;	19 width: 1em;

20 height: 1em;	20 height: 1em;

21 background-color: blue;	21 background-color: blue;

22 }	22 }

23 </style>	23 </style>

24 <script>	24 <script>

25 if (window.internals)	25 if (window.internals)

26 internals.setMockHyphenation('en-us');	26 internals.setMockHyphenation('en-us');

27 </script>	27 </script>

28 <div lang="en-us">	28 <div lang="en-us">

29 <div>	29 <div>

30 <span style="width: 2ch;">hyphenation</span>

31 <span style="width: 3.1ch;">hyphenation</span>

32 <span style="width: 4ch;">hyphenation</span>

33 <span style="width: 5.1ch;">hyphenation</span>

34 <span style="width: 6ch;">hyphenation</span>

35 <span style="width: 7.1ch;">hyphenation</span>

36 <span style="width: 8ch;">hyphenation</span>

37 <span style="width: 9ch;">hyphenation</span>

38 <span style="width: 10ch;">hyphenation</span>

39 <span style="width: 11ch;">hyphenation</span>

40 </div>

41 <div>

42 <span style="width: 2ch;">hyphenation<img></span>	30 <span style="width: 2ch;">hyphenation<img></span>

43 <span style="width: 3.1ch;">hyphenation<img></span>	31 <span style="width: 3.1ch;">hyphenation<img></span>

44 <span style="width: 4ch;">hyphenation<img></span>	32 <span style="width: 4ch;">hyphenation<img></span>

45 <span style="width: 5.1ch;">hyphenation<img></span>	33 <span style="width: 5.1ch;">hyphenation<img></span>

46 <span style="width: 6ch;">hyphenation<img></span>	34 <span style="width: 6ch;">hyphenation<img></span>

47 <span style="width: 7.1ch;">hyphenation<img></span>	35 <span style="width: 7.1ch;">hyphenation<img></span>

48 <span style="width: 8ch;">hyphenation<img></span>	36 <span style="width: 8ch;">hyphenation<img></span>

49 <span style="width: 9ch;">hyphenation<img></span>	37 <span style="width: 9ch;">hyphenation<img></span>

50 <span style="width: 10ch;">hyphenation<img></span>	38 <span style="width: 10ch;">hyphenation<img></span>

51 <span style="width: 11ch;">hyphenation<img></span>	39 <span style="width: 11ch;">hyphenation<img></span>

(...skipping 20 matching lines...) Expand all Loading...
72 </div>	60 </div>

73 <div>	61 <div>

74 <span style="width: 8ch;">a hyphenation test</span>	62 <span style="width: 8ch;">a hyphenation test</span>

75 <span style="width: 9.1ch;">a hyphenation test</span>	63 <span style="width: 9.1ch;">a hyphenation test</span>

76 <span style="width: 10ch;">a hyphenation test</span>	64 <span style="width: 10ch;">a hyphenation test</span>

77 <span style="width: 11ch;">a hyphenation test</span>	65 <span style="width: 11ch;">a hyphenation test</span>

78 <span style="width: 12ch;">a hyphenation test</span>	66 <span style="width: 12ch;">a hyphenation test</span>

79 <span style="width: 13.1ch;">a hyphenation test</span>	67 <span style="width: 13.1ch;">a hyphenation test</span>

80 </div>	68 </div>

81 </div>	69 </div>

OLD	NEW