LayoutTests/fast/dom/shadow/shadowroot-keyframes.html - Issue 216543002: Revert of Remove applyAuthorStyles flag from ShadowRoot.

Side by Side Diff: LayoutTests/fast/dom/shadow/shadowroot-keyframes.html

Issue 216543002: Revert of Remove applyAuthorStyles flag from ShadowRoot. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 6 years, 9 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 | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/dom/shadow/shadow-tree-styles-with-apply-author-styles-expected.txt ('k') | LayoutTests/fast/dom/shadow/shadowroot-keyframes-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 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5 @-webkit-keyframes anim {	5 @-webkit-keyframes anim {

6 from {	6 from {

7 background-color: red;	7 background-color: red;

8 }	8 }

9 to {	9 to {

10 background-color: green;	10 background-color: green;

11 }	11 }

12 }	12 }

13 </style>	13 </style>

14 <script src="../../../resources/js-test.js"></script>	14 <script src="../../../resources/js-test.js"></script>

15 </head>	15 </head>

16 <body>	16 <body>

17 <div id="d1"></div>	17 <div id="d1"></div>

18 <div id="d2"></div>	18 <div id="d2"></div>

	19 <div id="d3"></div>

19 <div id="result"></div>	20 <div id="result"></div>

20 <script>	21 <script>

21 if (window.testRunner)	22 if (window.testRunner)

22 testRunner.waitUntilDone();	23 testRunner.waitUntilDone();

23	24

24 function getBackgroundColor(element) {	25 function getBackgroundColor(element) {

25 return window.getComputedStyle(element).backgroundColor;	26 return window.getComputedStyle(element).backgroundColor;

26 }	27 }

27	28

28 var shadowRootWithKeyframe = document.getElementById("d1").createShadowRoot();	29 var shadowRootWithKeyframe = document.getElementById("d1").createShadowRoot();

29 shadowRootWithKeyframe.innerHTML = '<style>@-webkit-keyframes "anim" {' +	30 shadowRootWithKeyframe.innerHTML = '<style>@-webkit-keyframes "anim" {' +

30 'from { background-color:red; } to { background-color: blue; } }' +	31 'from { background-color:red; } to { background-color: blue; } }' +

31 '#box { height: 100px; width: 100px; background: red; ' +	32 '#box { height: 100px; width: 100px; background: red; ' +

32 '-webkit-animation: "anim" 0.5s both; }</style>' +	33 '-webkit-animation: "anim" 0.5s both; }</style>' +

33 '<div id="box"></div>';	34 '<div id="box"></div>';

34	35

35 var shadowRootWithoutKeyframe = document.getElementById("d2").createShadowRoot() ;	36 var shadowRootWithoutKeyframe = document.getElementById("d2").createShadowRoot() ;

	37 shadowRootWithoutKeyframe.applyAuthorStyles = false;

36 shadowRootWithoutKeyframe.innerHTML = '<style>' +	38 shadowRootWithoutKeyframe.innerHTML = '<style>' +

37 '#box { height: 100px; width: 100px; background: red; ' +	39 '#box { height: 100px; width: 100px; background: red; ' +

38 '-webkit-animation: "anim" 0.5s both; }</style>' +	40 '-webkit-animation: "anim" 0.5s both; }</style>' +

39 '<div id="box"></div>';	41 '<div id="box"></div>';

	42

	43 var shadowRootWithApplyAuthorStyles = document.getElementById("d3").createShadow Root();

	44 shadowRootWithApplyAuthorStyles.applyAuthorStyles = true;

	45 shadowRootWithApplyAuthorStyles.innerHTML = '<style>' +

	46 '#box { height: 100px; width: 100px; background: red; ' +

	47 '-webkit-animation: "anim" 0.5s both; }</style>' +

	48 '<div id="box"></div>';

40	49

41 window.setTimeout(function() {	50 window.setTimeout(function() {

42 shouldBe("getBackgroundColor(shadowRootWithKeyframe.getElementById('box'))", '"rgb(0, 0, 255)"');	51 shouldBe("getBackgroundColor(shadowRootWithKeyframe.getElementById('box'))", '"rgb(0, 0, 255)"');

43 shouldBe("getBackgroundColor(shadowRootWithoutKeyframe.getElementById('box') )", '"rgb(255, 0, 0)"');	52 shouldBe("getBackgroundColor(shadowRootWithoutKeyframe.getElementById('box') )", '"rgb(255, 0, 0)"');

	53 shouldBe("getBackgroundColor(shadowRootWithApplyAuthorStyles.getElementById( 'box'))", '"rgb(0, 128, 0)"');

44 if (window.testRunner)	54 if (window.testRunner)

45 testRunner.notifyDone();	55 testRunner.notifyDone();

46 }, 1000);	56 }, 1000);

47 </script>	57 </script>

48 </body>	58 </body>

49 </html>	59 </html>

OLD	NEW