third_party/WebKit/LayoutTests/fast/dom/shadow/style-and-shadow-element.html - Issue 2843883002: Remove, or rewrite if necessary, tests which use /deep/ or ::shadow

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/shadow/style-and-shadow-element.html

Issue 2843883002: Remove, or rewrite if necessary, tests which use /deep/ or ::shadow (Closed)

Patch Set: rev Created 3 years, 7 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/dom/shadow/shadowdom-reprojection-2-expected.html ('k') | third_party/WebKit/LayoutTests/fast/dom/shadow/style-and-shadow-element-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 <script src="resources/shadow-dom.js"></script>	4 <script src="resources/shadow-dom.js"></script>

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

6 </head>	6 </head>

7 <body>	7 <body>

8 <div id='sandbox'></div>	8 <div id='sandbox'></div>

9 <pre id='console'></pre>	9 <pre id='console'></pre>

10 </body>	10 </body>

11 <script>	11 <script>

12 function cleanUp()	12 function cleanUp()

13 {	13 {

14 document.getElementById('sandbox').innerHTML = '';	14 document.getElementById('sandbox').innerHTML = '';

15 }	15 }

16	16

17 description('Test for http://crbug.com/35340: Style should not be conditioned by the presence of the shadow element.');	17 description('Test for http://crbug.com/35340: Style should not be conditioned by the presence of the shadow element.');

18	18

19 var sandbox = document.getElementById('sandbox');	19 var sandbox = document.getElementById('sandbox');

20	20

21 sandbox.appendChild(	21 sandbox.appendChild(

22 createDOM('div', {'id': 'host'},	22 createDOM('div', {'id': 'host'},

23 createShadowRoot(	23 createShadowRoot(

24 createDOM('style', {},	24 createDOM('style', {},

25 document.createTextNode(':host::shadow div { background: green; }')),

26 createDOM('div', {},

27 document.createTextNode('older div'))),

28 createShadowRoot(

29 createDOM('div', {'id': 'target'},

30 document.createTextNode('younger div should be green')))));

31

32 backgroundColorShouldBe('host//target', 'rgb(0, 128, 0)');

33

34 cleanUp();

35

36 sandbox.appendChild(

37 createDOM('div', {'id': 'host'},

38 createShadowRoot(

39 createDOM('style', {},

40 document.createTextNode(':host /deep/ div { background: green; } ')),

41 createDOM('div', {},

42 document.createTextNode('older div'))),

43 createShadowRoot(

44 createDOM('div', {'id': 'target'},

45 document.createTextNode('younger div should be green')))));

46

47 backgroundColorShouldBe('host//target', 'rgb(0, 128, 0)');

48

49 cleanUp();

50

51 sandbox.appendChild(

52 createDOM('div', {'id': 'host'},

53 createShadowRoot(

54 createDOM('style', {},

55 document.createTextNode(':host div { background: green; }')),	25 document.createTextNode(':host div { background: green; }')),

56 createDOM('div', {},	26 createDOM('div', {},

57 document.createTextNode('older div'))),	27 document.createTextNode('older div'))),

58 createShadowRoot(	28 createShadowRoot(

59 createDOM('div', {'id': 'target'},	29 createDOM('div', {'id': 'target'},

60 document.createTextNode('younger div should be green')))));	30 document.createTextNode('younger div should be green')))));

61	31

62 backgroundColorShouldNotBe('host//target', 'rgb(0, 128, 0)');	32 backgroundColorShouldNotBe('host//target', 'rgb(0, 128, 0)');

63	33

64 cleanUp();	34 cleanUp();

65	35

66 sandbox.appendChild(	36 sandbox.appendChild(

67 createDOM('div', {'id': 'host'},	37 createDOM('div', {'id': 'host'},

68 createShadowRoot(	38 createShadowRoot(

69 createDOM('style', {},	39 createDOM('style', {},

70 document.createTextNode(':host { display: block; background: gre en; }'))),	40 document.createTextNode(':host { display: block; background: gre en; }'))),

71 createShadowRoot(	41 createShadowRoot(

72 createDOM('div', {'id': 'target'},	42 createDOM('div', {'id': 'target'},

73 document.createTextNode('younger div should be green')))));	43 document.createTextNode('younger div should be green')))));

74	44

75 backgroundColorShouldBe('host', 'rgb(0, 128, 0)');	45 backgroundColorShouldBe('host', 'rgb(0, 128, 0)');

76	46

77 cleanUp();	47 cleanUp();

78 </script>	48 </script>

79 </html>	49 </html>

OLD	NEW