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

Side by Side Diff: third_party/WebKit/LayoutTests/paint/invalidation/spv2/mix-blend-mode-separate-stacking-context.html

Issue 1366763002: Text expectations of paint/invalidation/spv2 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 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 <!-- Based on fast/repaint/mix-blend-mode-separate-stacking-context.html --> 1 <!-- Based on fast/repaint/mix-blend-mode-separate-stacking-context.html -->
2 <!DOCTYPE HTML> 2 <!DOCTYPE HTML>
3 <html> 3 <html>
4 <head> 4 <head>
5 <style> 5 <style>
6 div { 6 div {
7 margin: 20px; 7 margin: 20px;
8 width: 60px; 8 width: 60px;
9 height: 60px; 9 height: 60px;
10 float: left; 10 float: left;
(...skipping 10 matching lines...) Expand all
21 <div id="second" style="mix-blend-mode: hue; background-color: blue;"></ div> 21 <div id="second" style="mix-blend-mode: hue; background-color: blue;"></ div>
22 </div> 22 </div>
23 <div style="background: green; position: relative; z-index: -1;"> 23 <div style="background: green; position: relative; z-index: -1;">
24 <div id="third" style="mix-blend-mode: hue; background-color: blue;"></d iv> 24 <div id="third" style="mix-blend-mode: hue; background-color: blue;"></d iv>
25 </div> 25 </div>
26 <div id="fourth" style="background: green;"> 26 <div id="fourth" style="background: green;">
27 <div style="mix-blend-mode: hue; background-color: blue;"></div> 27 <div style="mix-blend-mode: hue; background-color: blue;"></div>
28 </div> 28 </div>
29 29
30 <script> 30 <script>
31 window.expectedPaintInvalidationObjects = [
32 "LayoutBlockFlow (floating) DIV id='second'",
33 "LayoutBlockFlow (relative positioned) (floating) DIV",
34 "LayoutBlockFlow (floating) DIV id='first'",
35 "LayoutBlockFlow (relative positioned) (floating) DIV",
36 "LayoutBlockFlow (floating) DIV id='second'",
37 "LayoutBlockFlow (floating) DIV id='third'",
38 "LayoutBlockFlow (relative positioned) (floating) DIV id='fourth'",
39 "LayoutBlockFlow (floating) DIV",
40 ];
41 function paintInvalidationTest() { 31 function paintInvalidationTest() {
42 document.getElementById('first').style.mixBlendMode = "multiply"; 32 document.getElementById('first').style.mixBlendMode = "multiply";
43 document.getElementById('second').style.mixBlendMode = "normal"; 33 document.getElementById('second').style.mixBlendMode = "normal";
44 document.getElementById('third').style.mixBlendMode = "multiply"; 34 document.getElementById('third').style.mixBlendMode = "multiply";
45 document.getElementById('fourth').style.position = "relative"; 35 document.getElementById('fourth').style.position = "relative";
46 document.getElementById('fourth').style.zIndex = -1; 36 document.getElementById('fourth').style.zIndex = -1;
47 } 37 }
48 </script> 38 </script>
49 </body> 39 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698