LayoutTests/fast/dom/shadow/content-combinator-with-shadow-deep.html - Issue 205563004: Revert of Implement /content/ combinator.

Side by Side Diff: LayoutTests/fast/dom/shadow/content-combinator-with-shadow-deep.html

Issue 205563004: Revert of Implement /content/ combinator. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Fixed patch conflict 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/content-combinator-with-shadow.html ('k') | LayoutTests/fast/dom/shadow/content-combinator-with-shadow-deep-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!doctype html>

2 <html>

3 <head>

4 <script src="resources/shadow-dom.js"></script>

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

6 </head>

7 <body class="bodyClass">

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

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

10 </body>

11 <script>

12 description("Test for /content/ with /shadow-deep/ and :host.");

13

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

15

16 function colorOf(selector)

17 {

18 return document.defaultView.getComputedStyle(document.querySelector(selector ), null).getPropertyValue('color');

19 }

20

21 function cleanUp()

22 {

23 sandbox.innerHTML = '';

24 }

25

26 sandbox.appendChild(

27 createDOM('div', {'id': 'host1'},

28 createShadowRoot(

29 createDOM('style', {},

30 document.createTextNode(

31 ':host(#host1) /shadow-deep/ #content1 /content/ .content { color: green; }')),

32 createDOM('div', {},

33 createDOM('div', {'id': 'host2'},

34 createShadowRoot(

35 createDOM('content', {'id': 'content2'})),

36 createDOM('div', {'id': 'parentOfContent1'},

37 createDOM('content', {'id': 'content1'}))))),

38 createDOM('div', {'class': 'content'},

39 document.createTextNode('content'))));

40

41 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"');

42

43 cleanUp();

44

45 sandbox.appendChild(

46 createDOM('div', {'id': 'host1'},

47 createShadowRoot(

48 createDOM('style', {},

49 document.createTextNode(

50 '#host2 /shadow-deep/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: green; }')),

51 createDOM('div', {},

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

53 createShadowRoot(

54 createDOM('content', {'id': 'content2'})),

55 createDOM('div', {'id': 'parentOfContent1'},

56 createDOM('content', {'id': 'content1'}))))),

57 createDOM('div', {'class': 'content'},

58 document.createTextNode('content'))));

59

60 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"');

61

62 cleanUp();

63

64 sandbox.appendChild(

65 createDOM('div', {'id': 'host1'},

66 createShadowRoot(

67 createDOM('style', {},

68 document.createTextNode(

69 ':host /shadow-deep/ #content2 /content/ #parentOfShadow1 > #shadow1 /content/ .content { color: green; }' +

70 ':host /shadow-deep/ #content2 /content/ #shadow1 /content/ #content1 /content/ .content { color: red; }')),

71 createDOM('content', {'id': 'content1'})),

72 createShadowRoot(

73 createDOM('div', {},

74 createDOM('div', {'id': 'host2'},

75 createShadowRoot(

76 createDOM('content', {'id': 'content2'})),

77 createDOM('div', {'id': 'parentOfShadow1'},

78 createDOM('shadow', {'id': 'shadow1'},

79 createDOM('content', {})))))),

80 createDOM('div', {'class': 'content'},

81 document.createTextNode('content'))));

82

83 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"');

84

85 cleanUp();

86

87 sandbox.appendChild(

88 createDOM('div', {'id': 'host1'},

89 createShadowRoot(

90 createDOM('style', {},

91 document.createTextNode(

92 ':host /shadow-deep/ :host > #content2 /content/ #shadow1 /c ontent/ #content1 /content/ .content { color: red; }')),

93 createDOM('content', {'id': 'content1'})),

94 createShadowRoot(

95 createDOM('div', {},

96 createDOM('div', {'id': 'host2'},

97 createShadowRoot(

98 createDOM('content', {'id': 'content2'})),

99 createDOM('div', {'id': 'parentOfShadow1'},

100 createDOM('shadow', {'id': 'shadow1'},

101 createDOM('content', {})))))),

102 createDOM('div', {'class': 'content'},

103 document.createTextNode('content'))));

104

105 shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"');

106

107 cleanUp();

108

109 sandbox.appendChild(

110 createDOM('div', {'id': 'host1'},

111 createShadowRoot(

112 createDOM('style', {},

113 document.createTextNode(

114 ':host /shadow-deep/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: green; }')),

115 createDOM('div', {},

116 createDOM('div', {'id': 'host2'},

117 createShadowRoot(

118 createDOM('content', {'id': 'content2'})),

119 createDOM('div', {'id': 'parentOfContent1'},

120 createDOM('content', {'id': 'content1'}))))),

121 createDOM('div', {'class': 'content'},

122 document.createTextNode('content'))));

123

124 shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"');

125

126 cleanUp();

127

128 </script>

129 </html>

OLD	NEW