LayoutTests/fast/dom/shadow/pseudo-not-traversal.html - Issue 1129673002: Remove support for pseudo classes in <content select>.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/dom/shadow/pseudo-not-traversal.html

Issue 1129673002: Remove support for pseudo classes in <content select>. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Fix more tests. Created 5 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:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/dom/shadow/pseudo-not-expected.txt ('k') | LayoutTests/fast/dom/shadow/pseudo-not-traversal-expected.txt » ('j') | Source/core/html/HTMLContentElement.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2

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

4

5 <template id="item">

6 <div id="host1">

7 <span class="a">First</span>

8 <span class="b">Second</span>

9 </div>

10 </template>

11

12 <template id="host1-shadow">

13 <div id="host2">

14 <content select=".b"></content>

15 <content select=".a"></content>

16 </div>

17 </template>

18

19 <template id="host2-shadow">

20 <content id="target"></content>

21 </template>

22

23 <script>

24 // Creates the host/shadow templates described above which swap the nodes

25 // using distribution and then returns a string list of the classes of the

26 // elements that were distributed in order.

27 function testSelector(select) {

28 var host1 = document.getElementById("item").content.firstElementChild.cloneN ode(true);

29 var template1 = document.getElementById("host1-shadow").content;

30 host1.createShadowRoot().appendChild(template1.cloneNode(true));

31

32 var host2 = host1.shadowRoot.getElementById("host2");

33 var template2 = document.getElementById("host2-shadow").content;

34 host2.createShadowRoot().appendChild(template2.cloneNode(true));

35

36 var target = host2.shadowRoot.getElementById("target");

37 target.select = select;

38

39 var result = [];

40 var nodes = target.getDistributedNodes();

41 for (var i = 0; i < nodes.length; ++i)

42 result.push(nodes[i].className);

43

44 return result.join(",");

45 }

46

47 description("Test the :not pseudo selector in <content select>");

48

49 shouldBeEqualToString("testSelector('span')", "b,a");

50 shouldBeEqualToString("testSelector(':nth-child(1)')", "b");

51 shouldBeEqualToString("testSelector(':nth-child(2)')", "a");

52 shouldBeEqualToString("testSelector(':not(:nth-child(1))')", "a");

53 shouldBeEqualToString("testSelector(':not(:nth-child(2))')", "b");

54 </script>

OLD	NEW