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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css/modify-stylesheet-minimal-recalc-style.html

Issue 2557533005: Collect active stylesheets and and apply asynchronously. (Closed)
Patch Set: Rebased. Created 4 years 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 <head> 2 <head>
3 <style id="thestyle"></style> 3 <style id="thestyle"></style>
4 <script src="../../resources/js-test.js"></script> 4 <script src="../../resources/js-test.js"></script>
5 </head> 5 </head>
6 <div><!-- Extra divs so it's clear when we're doing a full document recalc --> 6 <div><!-- Extra divs so it's clear when we're doing a full document recalc -->
7 <div></div> 7 <div></div>
8 <div></div> 8 <div></div>
9 <div></div> 9 <div></div>
10 <div></div> 10 <div></div>
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
49 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "6"); 49 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "6");
50 50
51 // Test innerHTML. 51 // Test innerHTML.
52 forceRecalc(); 52 forceRecalc();
53 sheet.innerHTML = ".bar { color: red; }\n.baz { color: red; }"; 53 sheet.innerHTML = ".bar { color: red; }\n.baz { color: red; }";
54 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "6"); 54 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "6");
55 55
56 // Test deleteRule 56 // Test deleteRule
57 forceRecalc(); 57 forceRecalc();
58 sheet.sheet.deleteRule(0); // Deletes .bar rule. 58 sheet.sheet.deleteRule(0); // Deletes .bar rule.
59 // FIXME: Ideally we'd do StyleInvalidationAnalysis here and only recalc 3 b ar's, 3 baz's + documentElement 59 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "6");
60 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "43");
61 60
62 shouldBe("getComputedStyle(document.querySelector('.foo')).color", '"rgb(0, 0, 0)"'); 61 shouldBe("getComputedStyle(document.querySelector('.foo')).color", '"rgb(0, 0, 0)"');
63 shouldBe("getComputedStyle(document.querySelector('.baz')).color", '"rgb(255 , 0, 0)"'); 62 shouldBe("getComputedStyle(document.querySelector('.baz')).color", '"rgb(255 , 0, 0)"');
64 shouldBe("getComputedStyle(document.querySelector('.bar')).color", '"rgb(0, 0, 0)"'); 63 shouldBe("getComputedStyle(document.querySelector('.bar')).color", '"rgb(0, 0, 0)"');
65 64
66 // Test insertRule 65 // Test insertRule
67 forceRecalc(); 66 forceRecalc();
68 sheet.sheet.insertRule(".foo { color: red; }", 0); 67 sheet.sheet.insertRule(".foo { color: red; }", 0);
69 // FIXME: Ideally we'd do StyleInvalidationAnalysis here and only recalc 3 f oo's, 3 baz's + documentElement 68 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "6");
70 shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "59");
71 69
72 shouldBe("getComputedStyle(document.querySelector('.foo')).color", '"rgb(255 , 0, 0)"'); 70 shouldBe("getComputedStyle(document.querySelector('.foo')).color", '"rgb(255 , 0, 0)"');
73 shouldBe("getComputedStyle(document.querySelector('.baz')).color", '"rgb(255 , 0, 0)"'); 71 shouldBe("getComputedStyle(document.querySelector('.baz')).color", '"rgb(255 , 0, 0)"');
74 shouldBe("getComputedStyle(document.querySelector('.bar')).color", '"rgb(0, 0, 0)"'); 72 shouldBe("getComputedStyle(document.querySelector('.bar')).color", '"rgb(0, 0, 0)"');
75 73
76 } 74 }
77 </script> 75 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698