LayoutTests/inspector/syntax-highlight-css.html - Issue 22638008: DevTools: Use CodeMirror modes instead of highlight tokenizers

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/inspector/syntax-highlight-css.html

Issue 22638008: DevTools: Use CodeMirror modes instead of highlight tokenizers (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: address comments Created 7 years, 4 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/inspector/editor/text-editor-undo-redo-expected.txt ('k') | LayoutTests/inspector/syntax-highlight-css-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 <html>	1 <html>

2 <head>	2 <head>

3 <script src="../http/tests/inspector/inspector-test.js"></script>	3 <script src="../http/tests/inspector/inspector-test.js"></script>

4 <script src="syntax-highlight.js"></script>	4 <script src="syntax-highlight.js"></script>

5 <script>	5 <script>

6	6

7 function test()	7 function test()

8 {	8 {

9 function dumpSyntaxHighlightSCSS(str)	9 function dumpSyntaxHighlightSCSS(str)

10 {	10 {

11 InspectorTest.dumpSyntaxHighlight(str, "text/css");	11 InspectorTest.dumpSyntaxHighlight(str, "text/x-scss");

12 }	12 }

13	13

14 dumpSyntaxHighlightSCSS("a[href='/']");	14 dumpSyntaxHighlightSCSS("a[href='/']");

15 dumpSyntaxHighlightSCSS("#content > a:hover");	15 dumpSyntaxHighlightSCSS("#content > a:hover");

16 dumpSyntaxHighlightSCSS("@import url(style.css);");	16 dumpSyntaxHighlightSCSS("@import url(style.css);");

17 dumpSyntaxHighlightSCSS("@import url(\"style.css\") projection, tv;");	17 dumpSyntaxHighlightSCSS("@import url(\"style.css\") projection, tv;");

18 dumpSyntaxHighlightSCSS("@import \"/css/fireball_unicode.css\"; html {}");	18 dumpSyntaxHighlightSCSS("@import \"/css/fireball_unicode.css\"; html {}");

19 dumpSyntaxHighlightSCSS("@media screen { body { color: red; } }");	19 dumpSyntaxHighlightSCSS("@media screen { body { color: red; } }");

20 dumpSyntaxHighlightSCSS("@font-face { font-family: \"MyHelvetica\"; }");	20 dumpSyntaxHighlightSCSS("@font-face { font-family: \"MyHelvetica\"; }");

21 dumpSyntaxHighlightSCSS("p { color: color; red: red; color: #000; color: #FF F; color: #123AbC; color: #faebfe; color:papayawhip; }");	21 dumpSyntaxHighlightSCSS("p { color: color; red: red; color: #000; color: #FF F; color: #123AbC; color: #faebfe; color:papayawhip; }");

(...skipping 47 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
69 </script>	69 </script>

70 </head>	70 </head>

71	71

72 <body onload="runTest()">	72 <body onload="runTest()">

73 <p>	73 <p>

74 Tests that (S)CSS syntax highlighter properly detects the tokens.	74 Tests that (S)CSS syntax highlighter properly detects the tokens.

75 </p>	75 </p>

76	76

77 </body>	77 </body>

78 </html>	78 </html>

OLD	NEW