Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(118)

Side by Side Diff: LayoutTests/fast/text-autosizing/cluster-wide-in-narrow.html

Issue 11859014: Merge 138111 (Closed) Base URL: http://svn.webkit.org/repository/webkit/branches/chromium/1364/
Patch Set: Created 7 years, 11 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 4
5 <meta name="viewport" content="width=800"> 5 <meta name="viewport" content="width=800">
6 <style> 6 <style>
7 html { font-size: 16px; } 7 html { font-size: 16px; }
8 body { width: 800px; margin: 0; overflow-y: hidden; } 8 body { width: 800px; margin: 0; overflow-y: hidden; }
9 </style> 9 </style>
10 10
11 <script> 11 <script>
12 if (window.internals) { 12 if (window.internals) {
13 window.internals.settings.setTextAutosizingEnabled(true); 13 window.internals.settings.setTextAutosizingEnabled(true);
14 window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480); 14 window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
15 } else if (window.console && console.warn) { 15 } else if (window.console && console.warn) {
16 console.warn("This test depends on the Text Autosizing setting being true, s o run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_ FORCE_TEXT_AUTOSIZING_ON_DESKTOP."); 16 console.warn("This test depends on the Text Autosizing setting being true, s o run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_ FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
17 } 17 }
18 </script> 18 </script>
19 19
20 </head> 20 </head>
21 <body> 21 <body>
22 22
23 <div style="width: 400px; float: left"> 23 <div style="width: 400px; float: left">
24 <div style="width: 800px; float: left"> 24 <div style="width: 800px; float: left">
25 This text should be autosized to 40px computed font size (16 * 800/320), since the float:left causes this to be a new cluster, and it is 800px wide.<br> 25 This text should be autosized to 40px computed font size (16 * 800/320), since the float:left causes this to be a new cluster, and it is 800px wide.<br>
26 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 26 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
27 </div> 27 </div>
28 28
29 <div style="width: 800px"> 29 <div style="width: 600px">
30 This text should be autosized to just 20px computed font-size (16 * 400/ 320), since despite its width:800px it is part of the 400px wide root cluster.<b r> 30 This text should be autosized to 30px computed font-size (16 * 600/320), since its width:600px makes it wider than the lowest common ancestor of its enc losing cluster, hence it will itself become a cluster.<br>
31 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 31 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
32 </div> 32 </div>
33 33
34 <div> 34 <div>
35 This text should similarly be autosized to 20px.<br> 35 This text should be autosized to 20px computed font-size (16 * 400 / 320 ), since it's not an autosizing cluster itself and its parent element is the enc losing autosizing cluster which is 400px wide.<br>
36 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 36 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
37 </div> 37 </div>
38 </div> 38 </div>
39 39
40 </body> 40 </body>
41 </html> 41 </html>
OLDNEW
« no previous file with comments | « LayoutTests/ChangeLog ('k') | LayoutTests/fast/text-autosizing/cluster-wide-in-narrow-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698