LayoutTests/fast/css/style-scoped/style-scoped-basic.html - Issue 214693002: Remove most of scoped styles.

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/css/style-scoped/style-scoped-basic.html

Issue 214693002: Remove most of scoped styles. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Really remove it 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/css/style-scoped/style-scoped-attach-expected.txt ('k') | LayoutTests/fast/css/style-scoped/style-scoped-basic-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 type="text/javascript">

5 function log(msg)

6 {

7 document.getElementById('console').appendChild(document.createTextNo de(msg + '\n'));

8 }

9

10 function test(id)

11 {

12 var elem = document.getElementById(id);

13 log(id + ': ' + document.defaultView.getComputedStyle(elem, null).ge tPropertyValue('color'));

14 }

15

16 function runTests()

17 {

18 if (window.testRunner)

19 testRunner.dumpAsText();

20

21 log('--- COMPUTED STYLES ---');

22

23 test('S1');

24 test('P1');

25 test('R1');

26 test('E1');

27 log('');

28 test('S2');

29 test('P2');

30 test('R2');

31 test('E2');

32 log('');

33 test('S3');

34 test('P3');

35 test('R3');

36 test('E3');

37 log('');

38 test('S4');

39 test('P4');

40 test('R4');

41 test('E4');

42

43 log('--- FINISHED ---');

44 }

45 </script>

46 <style type="text/css">

47 body { color: black; }

48 </style>

49 </head>

50 <body onload="runTests();">

51 <p>Test <style scoped></p>

52 <div class="foo">

53 <span id="S1">Text</span>

54 <p id="P1">Text</p>

55 <pre id="R1" class="bar">Text</pre>

56 <pre id="E1" class="baz">Text</pre>

57 </div>

58 <div id="foo">

59 <div id="sib"></div>

60 <div>

61 <style type="text/css" scoped>

62 div { color: red; }

63 p { color: green; }

64 div .bar { color: blue; }

65 #foo .baz { color: rgb(10, 10, 10); } /* should NOT apply! */

66 #sib + * { color: rgb(20, 20, 20); } /* should NOT apply! */

67 #sib ~ * { color: rgb(30, 30, 30); } /* should NOT apply! */

68 div div { color: rgb(40, 40, 40); } /* should NOT apply! */

69 </style>

70 <span id="S2">Text</span>

71 <p id="P2">Text</p>

72 <pre id="R2" class="bar">Text</pre>

73 <pre id="E2" class="baz">Text</pre>

74 </div>

75 <span id="S3">Text</span>

76 <p id="P3">Text</p>

77 <pre id="R3" class="bar">Text</pre>

78 <pre id="E3" class="baz">Text</pre>

79 </div>

80 <div class="foo">

81 <span id="S4">Text</span>

82 <p id="P4">Text</p>

83 <pre id="R4" class="bar">Text</pre>

84 <pre id="E4" class="baz">Text</pre>

85 </div>

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

87 </body>

88 </html>

OLD	NEW