third_party/WebKit/LayoutTests/fast/css/modify-stylesheet-minimal-recalc-style.html - Issue 1913833002: Current work-in-progress crbug.com/567021

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

Issue 1913833002: Current work-in-progress crbug.com/567021 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fixed html import issue. 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

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/add-keyframes-in-shadow-recalc.html ('k') | third_party/WebKit/LayoutTests/fast/css/modify-stylesheet-minimal-recalc-style-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 <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 Loading...
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>

OLD	NEW