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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css/invalidation/scrollbar-pseudo-classes.html

Issue 654683003: No subtree recalc for scrollbar pseudo classes. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git/+/master
Patch Set: Try to fix Mac rendering issues in ref-test. Created 6 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
« no previous file with comments | « no previous file | LayoutTests/fast/css/invalidation/scrollbar-pseudo-classes-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <style>
3 .scroller {
4 width: 100px;
5 height: 30px;
6 overflow: scroll;
7 }
8 .scroller::-webkit-scrollbar {
9 width: 10px;
10 height: 10px;
11 }
12
13 #t1 .scroller::-webkit-scrollbar:corner-present { background-color: red; }
14 #t1.t1 .scroller::-webkit-scrollbar:corner-present { background-color: green; }
15
16 #t2 .scroller::-webkit-scrollbar-button:decrement { background-color: red; }
17 #t2.t2 .scroller::-webkit-scrollbar-button:decrement { background-color: green; }
18
19 #t3 .scroller::-webkit-scrollbar-button:increment { background-color: red; }
20 #t3.t3 .scroller::-webkit-scrollbar-button:increment { background-color: green; }
21
22 #t4 .scroller::-webkit-scrollbar:horizontal { background-color: red; }
23 #t4.t4 .scroller::-webkit-scrollbar:horizontal { background-color: green; }
24
25 #t5 .scroller::-webkit-scrollbar:vertical { background-color: red; }
26 #t5.t5 .scroller::-webkit-scrollbar:vertical { background-color: green; }
27
28 #t6 .scroller::-webkit-scrollbar-button:start { background-color: red; }
29 #t6.t6 .scroller::-webkit-scrollbar-button:start { background-color: green; }
30
31 #t7 .scroller::-webkit-scrollbar-button:end { background-color: red; }
32 #t7.t7 .scroller::-webkit-scrollbar-button:end { background-color: green; }
33
34 #t8 .scroller::-webkit-scrollbar-button:single-button { background-color: red; }
35 #t8.t8 .scroller::-webkit-scrollbar-button:single-button { background-color: gre en; }
36 #t8 .scroller::-webkit-scrollbar-button:double-button { background-color: red; }
37 #t8.t8 .scroller::-webkit-scrollbar-button:double-button { background-color: gre en; }
38
39 </style>
40 <div id="t1">
41 <div>
42 <div class="scroller">FAIL</div>
43 </div>
44 <div></div><div></div><div></div><div></div><div></div><div></div><div></div >
45 </div>
46 <div id="t2">
47 <div>
48 <div class="scroller">FAIL</div>
49 </div>
50 <div></div><div></div><div></div><div></div><div></div><div></div><div></div >
51 </div>
52 <div id="t3">
53 <div>
54 <div class="scroller">FAIL</div>
55 </div>
56 <div></div><div></div><div></div><div></div><div></div><div></div><div></div >
57 </div>
58 <div id="t4">
59 <div>
60 <div class="scroller">FAIL</div>
61 </div>
62 <div></div><div></div><div></div><div></div><div></div><div></div><div></div >
63 </div>
64 <div id="t5">
65 <div>
66 <div class="scroller">FAIL</div>
67 </div>
68 <div></div><div></div><div></div><div></div><div></div><div></div><div></div >
69 </div>
70 <div id="t6">
71 <div>
72 <div class="scroller">FAIL</div>
73 </div>
74 <div></div><div></div><div></div><div></div><div></div><div></div><div></div >
75 </div>
76 <div id="t7">
77 <div>
78 <div class="scroller">FAIL</div>
79 </div>
80 <div></div><div></div><div></div><div></div><div></div><div></div><div></div >
81 </div>
82 <div id="t8">
83 <div>
84 <div class="scroller">FAIL</div>
85 </div>
86 <div></div><div></div><div></div><div></div><div></div><div></div><div></div >
87 </div>
88 <script>
89 function invalidateScroller(testId, expectedCount) {
90 var testElement = document.getElementById(testId);
91 var scroller = testElement.querySelector(".scroller");
92 testElement.offsetTop; // Force recalc;
93 testElement.className = testId;
94 if (window.internals) {
95 var count = internals.updateStyleAndReturnAffectedElementCount();
96 if (count == expectedCount)
97 scroller.innerText = "PASS";
98 else
99 scroller.innerText = "FAIL: "+count;
100 }
101 }
102
103 // Invalidation counts are 2 (#t<n> and .scroller) plus pseudo elements
104
105 invalidateScroller("t1", 4); // pseudo count 2: 2 bars
106 invalidateScroller("t2", 8); // pseudo count 6: 2 bars + 4 buttons
107 invalidateScroller("t3", 8); // pseudo count 6: 2 bars + 4 buttons
108 invalidateScroller("t4", 4); // pseudo count 6: 2 bars + 4 buttons
109 invalidateScroller("t5", 4); // pseudo count 2: 2 bars
110 invalidateScroller("t6", 8); // pseudo count 6: 2 bars + 4 buttons
111 invalidateScroller("t7", 8); // pseudo count 6: 2 bars + 4 buttons
112 invalidateScroller("t8", 8); // pseudo count 6: 2 bars + 4 buttons
113 </script>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/fast/css/invalidation/scrollbar-pseudo-classes-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698