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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css/font-shorthand-from-longhands.html

Issue 199423003: Add plumbing for font-stretch (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 9 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 | Annotate | Revision Log
« no previous file with comments | « LayoutTests/fast/css/font-shorthand-expected.txt ('k') | LayoutTests/fast/css/font-shorthand-from-longhands-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 @font-face { 5 @font-face {
6 font-family: "foobar"; 6 font-family: "foobar";
7 src: local("foobar"); 7 src: local("foobar");
8 } 8 }
9 div { 9 div {
10 font-family: "foobar"; 10 font-family: "foobar";
(...skipping 18 matching lines...) Expand all
29 function checkFontStyleValue() { 29 function checkFontStyleValue() {
30 var before = e.style.getPropertyValue('font'); 30 var before = e.style.getPropertyValue('font');
31 e.style.font = ''; 31 e.style.font = '';
32 e.style.font = before; 32 e.style.font = before;
33 return (e.style.getPropertyValue('font') === before); 33 return (e.style.getPropertyValue('font') === before);
34 } 34 }
35 35
36 style.fontSize = "20px"; 36 style.fontSize = "20px";
37 // We need at least the font-family to build the shorthand. 37 // We need at least the font-family to build the shorthand.
38 shouldBe("style.font", "''"); 38 shouldBe("style.font", "''");
39 shouldBe("computedStyle.font", "'normal normal normal 20px/normal foobar'"); 39 shouldBe("computedStyle.font", "'normal normal normal normal 20px/normal foobar' ");
40 shouldBe("computedStyle.fontSize", "'20px'"); 40 shouldBe("computedStyle.fontSize", "'20px'");
41 shouldBe("checkFontStyleValue()", "true"); 41 shouldBe("checkFontStyleValue()", "true");
42 42
43 style.fontSize = "20px"; 43 style.fontSize = "20px";
44 style.fontFamily = "sans-serif"; 44 style.fontFamily = "sans-serif";
45 shouldBe("style.font", "'20px sans-serif'"); 45 shouldBe("style.font", "'20px sans-serif'");
46 shouldBe("computedStyle.font", "'normal normal normal 20px/normal sans-serif'"); 46 shouldBe("computedStyle.font", "'normal normal normal normal 20px/normal sans-se rif'");
47 shouldBe("computedStyle.fontFamily", "'sans-serif'"); 47 shouldBe("computedStyle.fontFamily", "'sans-serif'");
48 shouldBe("checkFontStyleValue()", "true"); 48 shouldBe("checkFontStyleValue()", "true");
49 49
50 style.fontStyle = "italic"; 50 style.fontStyle = "italic";
51 shouldBe("style.font", "'italic 20px sans-serif'"); 51 shouldBe("style.font", "'italic 20px sans-serif'");
52 shouldBe("computedStyle.font", "'italic normal normal 20px/normal sans-serif'"); 52 shouldBe("computedStyle.font", "'italic normal normal normal 20px/normal sans-se rif'");
53 shouldBe("computedStyle.fontStyle", "'italic'"); 53 shouldBe("computedStyle.fontStyle", "'italic'");
54 shouldBe("checkFontStyleValue()", "true"); 54 shouldBe("checkFontStyleValue()", "true");
55 55
56 style.fontVariant = "small-caps"; 56 style.fontVariant = "small-caps";
57 shouldBe("style.font", "'italic small-caps 20px sans-serif'"); 57 shouldBe("style.font", "'italic small-caps 20px sans-serif'");
58 shouldBe("computedStyle.font", "'italic small-caps normal 20px/normal sans-serif '"); 58 shouldBe("computedStyle.font", "'italic small-caps normal normal 20px/normal san s-serif'");
59 shouldBe("computedStyle.fontVariant", "'small-caps'"); 59 shouldBe("computedStyle.fontVariant", "'small-caps'");
60 shouldBe("checkFontStyleValue()", "true"); 60 shouldBe("checkFontStyleValue()", "true");
61 61
62 style.fontWeight = "bold"; 62 style.fontWeight = "bold";
63 shouldBe("style.font", "'italic small-caps bold 20px sans-serif'"); 63 shouldBe("style.font", "'italic small-caps bold 20px sans-serif'");
64 shouldBe("computedStyle.font", "'italic small-caps bold 20px/normal sans-serif'" ); 64 shouldBe("computedStyle.font", "'italic small-caps bold normal 20px/normal sans- serif'");
65 shouldBe("computedStyle.fontWeight", "'bold'"); 65 shouldBe("computedStyle.fontWeight", "'bold'");
66 shouldBe("checkFontStyleValue()", "true"); 66 shouldBe("checkFontStyleValue()", "true");
67 67
68 style.lineHeight = "40px"; 68 style.lineHeight = "40px";
69 shouldBe("style.font", "'italic small-caps bold 20px/40px sans-serif'"); 69 shouldBe("style.font", "'italic small-caps bold 20px/40px sans-serif'");
70 shouldBe("computedStyle.font", "'italic small-caps bold 20px/40px sans-serif'"); 70 shouldBe("computedStyle.font", "'italic small-caps bold normal 20px/40px sans-se rif'");
71 shouldBe("computedStyle.lineHeight", "'40px'"); 71 shouldBe("computedStyle.lineHeight", "'40px'");
72 shouldBe("checkFontStyleValue()", "true"); 72 shouldBe("checkFontStyleValue()", "true");
73 73
74 style.font = ""; 74 style.font = "";
75 shouldBe("style.font", "''"); 75 shouldBe("style.font", "''");
76 shouldBe("computedStyle.font", "'normal normal normal 16px/normal foobar'"); 76 shouldBe("computedStyle.font", "'normal normal normal normal 16px/normal foobar' ");
77 shouldBe("checkFontStyleValue()", "true"); 77 shouldBe("checkFontStyleValue()", "true");
78 78
79 style.fontWeight = "bold"; 79 style.fontWeight = "bold";
80 // It is normal to return null as the font-size is mandatory to build the shorth and. 80 // It is normal to return null as the font-size is mandatory to build the shorth and.
81 shouldBe("style.font", "''"); 81 shouldBe("style.font", "''");
82 shouldBe("computedStyle.font", "'normal normal bold 16px/normal foobar'"); 82 shouldBe("computedStyle.font", "'normal normal bold normal 16px/normal foobar'") ;
83 shouldBe("computedStyle.fontWeight", "'bold'"); 83 shouldBe("computedStyle.fontWeight", "'bold'");
84 shouldBe("checkFontStyleValue()", "true"); 84 shouldBe("checkFontStyleValue()", "true");
85 85
86 style.fontSize = "40px"; 86 style.fontSize = "40px";
87 style.fontFamily = "sans-serif"; 87 style.fontFamily = "sans-serif";
88 style.fontWeight = "bold"; 88 style.fontWeight = "bold";
89 shouldBe("style.font", "'bold 40px sans-serif'"); 89 shouldBe("style.font", "'bold 40px sans-serif'");
90 shouldBe("computedStyle.font", "'normal normal bold 40px/normal sans-serif'"); 90 shouldBe("computedStyle.font", "'normal normal bold normal 40px/normal sans-seri f'");
91 shouldBe("computedStyle.fontSize", "'40px'"); 91 shouldBe("computedStyle.fontSize", "'40px'");
92 shouldBe("computedStyle.fontFamily", "'sans-serif'"); 92 shouldBe("computedStyle.fontFamily", "'sans-serif'");
93 shouldBe("checkFontStyleValue()", "true"); 93 shouldBe("checkFontStyleValue()", "true");
94 94
95 document.body.removeChild(testContainer); 95 document.body.removeChild(testContainer);
96 </script> 96 </script>
97 </body> 97 </body>
98 </html> 98 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css/font-shorthand-expected.txt ('k') | LayoutTests/fast/css/font-shorthand-from-longhands-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698