LayoutTests/fast/dom/shadow/shadow-pseudo-id.html - Issue 215173003: Remove support for custom pseudo elements.

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/shadow-pseudo-id.html

Issue 215173003: Remove support for custom pseudo elements. (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:

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <html>

3 <head>

4 <style>

5 div::x-shadow {

6 color: red;

7 }

8

9 div::-test {

10 color: red;

11 }

12

13 div::foobar {

14 color: red;

15 }

16 </style>

17 </head>

18 <body>

19

20 <p>This test checks a custom pseudo element selector is valid only if it starts with 'x-'</p>

21

22 <div id="console"></div>

23 <div id="host1"></div>

24 <div id="host2"></div>

25 <div id="host3"></div>

26

27 <script>

28 var shadowRoot1 = host1.createShadowRoot();

29 var div1 = document.createElement('div');

30 div1.innerHTML = "pseudo is x-shadow: This should be red.";

31 div1.pseudo = "x-shadow";

32 shadowRoot1.appendChild(div1);

33

34 var shadowRoot2 = host2.createShadowRoot();

35 var div2 = document.createElement('div');

36 div2.innerHTML = "pseudo is -test: This should not be red.";

37 div2.pseudo = "-test";

38 shadowRoot2.appendChild(div2);

39

40 var shadowRoot3 = host3.createShadowRoot();

41 var div3 = document.createElement('div');

42 div3.innerHTML = "pseudo is foobar: This should not be red.";

43 div3.pseudo = "foobar";

44 shadowRoot3.appendChild(div3);

45 </script>

46

47 </body>

48 </html>

OLD	NEW