LayoutTests/fast/css/getComputedStyle/getComputedStyle-zoom-and-background-size.html - Issue 38573003: Use 4 value syntax for getComputedStyle of background-position and -webkit-mask-position

Side by Side Diff: LayoutTests/fast/css/getComputedStyle/getComputedStyle-zoom-and-background-size.html

Issue 38573003: Use 4 value syntax for getComputedStyle of background-position and -webkit-mask-position (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Rebased Created 7 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:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/css/getComputedStyle/getComputedStyle-background-shorthand-expected.txt ('k') | LayoutTests/fast/css/getComputedStyle/getComputedStyle-zoom-and-background-size-expected.txt » ('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 <html>	2 <html>

3 <head>	3 <head>

4 <meta charset="utf-8" />	4 <meta charset="utf-8" />

5 <title>getComputedStyle() Zoom and Background Size</title>	5 <title>getComputedStyle() Zoom and Background Size</title>

6 <style>	6 <style>

7 #test_area {	7 #test_area {

8 position: relative;	8 position: relative;

9 }	9 }

10 .test_div {	10 .test_div {

(...skipping 76 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
87 This div is has a zoom value of "2" and is hidden. It has a width of 300px .	87 This div is has a zoom value of "2" and is hidden. It has a width of 300px .

88 Its background size is: 400px by 300px.	88 Its background size is: 400px by 300px.

89 </div>	89 </div>

90 </div>	90 </div>

91	91

92 <script type="text/javascript" charset="utf-8">	92 <script type="text/javascript" charset="utf-8">

93 if (window.testRunner)	93 if (window.testRunner)

94 window.testRunner.dumpAsText();	94 window.testRunner.dumpAsText();

95	95

96 var propertiesToCheck = {	96 var propertiesToCheck = {

97 "background-position": "10px 10px",	97 "background-position": "left 10px top 10px",

98 "background-size": "400px 300px",	98 "background-size": "400px 300px",

99 "-webkit-border-horizontal-spacing": "10px",	99 "-webkit-border-horizontal-spacing": "10px",

100 "-webkit-border-vertical-spacing": "10px",	100 "-webkit-border-vertical-spacing": "10px",

101	101

102 // Need style or width won't be applied	102 // Need style or width won't be applied

103 "border-top-style": "solid",	103 "border-top-style": "solid",

104 "border-top-width": "2px",	104 "border-top-width": "2px",

105 "border-right-style": "solid",	105 "border-right-style": "solid",

106 "border-right-width": "2px",	106 "border-right-width": "2px",

107 "border-bottom-style": "solid",	107 "border-bottom-style": "solid",

(...skipping 10 matching lines...) Expand all Loading...
118 "outline-style": "solid",	118 "outline-style": "solid",

119 "outline-width": "2px",	119 "outline-width": "2px",

120	120

121 // Need style or width won't be applied	121 // Need style or width won't be applied

122 "-webkit-column-rule-width": "10px",	122 "-webkit-column-rule-width": "10px",

123 "-webkit-column-rule-style": "solid",	123 "-webkit-column-rule-style": "solid",

124	124

125 "-webkit-column-width": "80px",	125 "-webkit-column-width": "80px",

126 "-webkit-column-gap": "20px",	126 "-webkit-column-gap": "20px",

127	127

128 "-webkit-mask-position": "10px 10px",	128 "-webkit-mask-position": "left 10px top 10px",

129 "-webkit-mask-size": "10px 10px",	129 "-webkit-mask-size": "10px 10px",

130 "-webkit-perspective": "400px",	130 "-webkit-perspective": "400px",

131 "-webkit-perspective-origin": "20px 20px",	131 "-webkit-perspective-origin": "20px 20px",

132 "-webkit-text-stroke-width": "2px",	132 "-webkit-text-stroke-width": "2px",

133 "-webkit-transform-origin": "10px 10px",	133 "-webkit-transform-origin": "10px 10px",

134	134

135 "position":"absolute",	135 "position":"absolute",

136	136

137 "left": "20px",	137 "left": "20px",

138 "top": "20px",	138 "top": "20px",

(...skipping 66 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
205 };	205 };

206	206

207 testProperties(zoomedAndDisplayed, tbody);	207 testProperties(zoomedAndDisplayed, tbody);

208 testProperties(zoomedAndHidden, tbodyHidden);	208 testProperties(zoomedAndHidden, tbodyHidden);

209 </script>	209 </script>

210	210

211	211

212	212

213 </body>	213 </body>

214 </html>	214 </html>

OLD	NEW