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

Side by Side Diff: LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-pseudo-element.html

Issue 572043002: Support getComputedStyle for non-rendered pseudo elements. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 3 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 <title>Test for WebKit bug 24021: pseudo-element styles not accessible / ret rievable via DOM methods</title> 4 <title>Test for WebKit bug 24021: pseudo-element styles not accessible / ret rievable via DOM methods</title>
5 <style type="text/css"> 5 <style type="text/css">
6 #testFirsts:first-line { 6 #testFirsts:first-line {
7 color: brown; 7 color: brown;
8 } 8 }
9 9
10 #testFirsts:first-letter { 10 #testFirsts:first-letter {
(...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after
161 { 'elementId' : 'testBeforeAfterTable', 'pseudoElement' : ':before', 'pr operty' : 'border', 'expectedValue' : '5px solid rgb(255, 0, 0)' }, 161 { 'elementId' : 'testBeforeAfterTable', 'pseudoElement' : ':before', 'pr operty' : 'border', 'expectedValue' : '5px solid rgb(255, 0, 0)' },
162 { 'elementId' : 'testBeforeAfterTable', 'pseudoElement' : ':after', 'pro perty' : 'border', 'expectedValue' : '10px dotted rgb(0, 0, 255)' }, 162 { 'elementId' : 'testBeforeAfterTable', 'pseudoElement' : ':after', 'pro perty' : 'border', 'expectedValue' : '10px dotted rgb(0, 0, 255)' },
163 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':before', 'p roperty' : 'height', 'expectedValue' : 'auto' }, 163 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':before', 'p roperty' : 'height', 'expectedValue' : 'auto' },
164 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':before', 'p roperty' : 'width', 'expectedValue' : 'auto' }, 164 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':before', 'p roperty' : 'width', 'expectedValue' : 'auto' },
165 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':after', 'pr operty' : 'height', 'expectedValue' : 'auto' }, 165 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':after', 'pr operty' : 'height', 'expectedValue' : 'auto' },
166 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':after', 'pr operty' : 'width', 'expectedValue' : 'auto' }, 166 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':after', 'pr operty' : 'width', 'expectedValue' : 'auto' },
167 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':before', 'p roperty' : 'margin', 'expectedValue' : '10px 20px 30px 40px' }, 167 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':before', 'p roperty' : 'margin', 'expectedValue' : '10px 20px 30px 40px' },
168 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':before', 'p roperty' : 'padding', 'expectedValue' : '0px' }, 168 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':before', 'p roperty' : 'padding', 'expectedValue' : '0px' },
169 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':after', 'pr operty' : 'margin', 'expectedValue' : '0px' }, 169 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':after', 'pr operty' : 'margin', 'expectedValue' : '0px' },
170 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':after', 'pr operty' : 'padding', 'expectedValue' : '10px 20px 30px 40px' }, 170 { 'elementId' : 'testBeforeAfterInline', 'pseudoElement' : ':after', 'pr operty' : 'padding', 'expectedValue' : '10px 20px 30px 40px' },
171 { 'elementId' : 'testBeforeAfterDisplayNone', 'pseudoElement' : ':after' , 'property' : 'width', 'expectedValue' : '' }, 171 { 'elementId' : 'testBeforeAfterDisplayNone', 'pseudoElement' : ':after' , 'property' : 'width', 'expectedValue' : '100px' },
172 { 'elementId' : 'testBeforeAfterDisplayNone', 'pseudoElement' : ':after' , 'property' : 'height', 'expectedValue' : '' }, 172 { 'elementId' : 'testBeforeAfterDisplayNone', 'pseudoElement' : ':after' , 'property' : 'height', 'expectedValue' : '100px' },
173 { 'elementId' : 'testBeforeAfterDisplayNone', 'pseudoElement' : ':before ', 'property' : 'width', 'expectedValue' : '' }, 173 { 'elementId' : 'testBeforeAfterDisplayNone', 'pseudoElement' : ':before ', 'property' : 'width', 'expectedValue' : '100px' },
174 { 'elementId' : 'testBeforeAfterDisplayNone', 'pseudoElement' : ':before ', 'property' : 'height', 'expectedValue' : '' }, 174 { 'elementId' : 'testBeforeAfterDisplayNone', 'pseudoElement' : ':before ', 'property' : 'height', 'expectedValue' : '100px' },
175 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : null, 'property ' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' }, 175 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : null, 'property ' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' },
176 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':first-line', 'property' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' }, 176 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':first-line', 'property' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' },
177 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':first-letter' , 'property' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' }, 177 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':first-letter' , 'property' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' },
178 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':before', 'pro perty' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' }, 178 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':before', 'pro perty' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' },
179 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':after', 'prop erty' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' }, 179 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':after', 'prop erty' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' },
180 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':garbage', 'pr operty' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' }, 180 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':garbage', 'pr operty' : 'color', 'expectedValue' : 'rgb(165, 42, 42)' },
181 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : null, 'property ' : 'height', 'expectedValue' : '100px' }, 181 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : null, 'property ' : 'height', 'expectedValue' : '100px' },
182 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : null, 'property ' : 'width', 'expectedValue' : '100px' }, 182 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : null, 'property ' : 'width', 'expectedValue' : '100px' },
183 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':after', 'prop erty' : 'height', 'expectedValue' : '100px' }, 183 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':after', 'prop erty' : 'height', 'expectedValue' : '100px' },
184 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':after', 'prop erty' : 'width', 'expectedValue' : '100px' }, 184 { 'elementId' : 'testNoPseudoElement', 'pseudoElement' : ':after', 'prop erty' : 'width', 'expectedValue' : '100px' },
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
229 <br /> 229 <br />
230 <div id="testBeforeAfterDisplayNone">div with :before and :after display:non e</div> 230 <div id="testBeforeAfterDisplayNone">div with :before and :after display:non e</div>
231 <br /> 231 <br />
232 <div id="testNoPseudoElement">There are no pseudo elements defined on this d iv.</div> 232 <div id="testNoPseudoElement">There are no pseudo elements defined on this d iv.</div>
233 <br /> 233 <br />
234 <div id="testHardwareAcceleratedCompositing">This should be at full opacity. </div> 234 <div id="testHardwareAcceleratedCompositing">This should be at full opacity. </div>
235 <br /> 235 <br />
236 <div id="results"></div> 236 <div id="results"></div>
237 </body> 237 </body>
238 </html> 238 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698