)/gm,
31 | end: /^(\s*)(<\/style>)/gm,
32 | subLanguage: "css",
33 | excludeBegin: true,
34 | excludeEnd: true,
35 | },
36 | {
37 | begin: /\{/gm,
38 | end: /\}/gm,
39 | subLanguage: "javascript",
40 | contains:[
41 | {
42 | begin: /[\{]/,
43 | end: /[\}]/,
44 | skip: true
45 | },
46 | {
47 | begin: /([#:\/@])(if|else|each|await|then|catch|debug|html)/gm,
48 | className:'keyword',
49 | relevance: 10,
50 | }
51 | ],
52 | }
53 | ]
54 | }
55 | }
--------------------------------------------------------------------------------
/tests/1-simple-component.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 | Hello, {name}!
6 |
7 |
--------------------------------------------------------------------------------
/tests/2-pngwn-example.svelte:
--------------------------------------------------------------------------------
1 | {#each array.map(({a, b, c}) => ({ a: a+1, b, c})) as {a, b, c} }
2 | {name === undefined ? 'Anybody' : name}
3 | {/each}
--------------------------------------------------------------------------------
/tests/3-most-common-component.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 | Hello, {name}!
8 | {#each list as item}
9 | { typeof item === 'str`===ing?' ? item.toUpperCase() : item}
10 | {:else}
11 | No items...
12 | {/each}
13 |
14 |
--------------------------------------------------------------------------------
/tests/4-js-testing.svelte:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/tests/helpers/browser.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 | var fs = require('fs-extra');
3 |
4 | const TESTS_DIR = path.resolve('tests');
5 | const HTML_FILE = path.join(TESTS_DIR,'browser','index.html');
6 |
7 | const HJS_FILE = 'https://unpkg.com/highlightjs';
8 | const SVELTE_LANG_FILE = path.resolve(path.join('dist','svelte.min.js'));
9 | const CSS_FILE = path.resolve(path.join('node_modules','highlight.js','styles','rainbow.css'));
10 |
11 | module.exports.createBrowserTest = function(snaplist){
12 | const body = snaplist.reduce((acc,snapshot)=>{
13 | return acc + `
14 | ${snapshot.name}
15 | ${snapshot.source.replace(//g,'>')}
16 |
17 | `;
18 | },'');
19 |
20 |
21 | fs.ensureFileSync(HTML_FILE);
22 | fs.writeFileSync(HTML_FILE,`
23 |
24 |
25 |
26 | Browser Test page
27 |
28 |
29 |
30 |
31 |
32 |
33 | ${body}
34 |
35 |
36 | `);
37 |
38 | console.log('Open browser test on: '+HTML_FILE);
39 | }
40 |
--------------------------------------------------------------------------------
/tests/helpers/snapshots.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 | var fs = require('fs-extra');
3 |
4 | const TESTS_DIR = path.resolve('tests');
5 | const SNAPSHOTS_DIR = path.join(TESTS_DIR,'snapshots');
6 | const TEST_EXT = '.svelte';
7 | const SNAPSHOT_EXT = '.html';
8 |
9 | module.exports.getSnaplist = function(handler,update=false){
10 |
11 | if(update) fs.emptyDirSync(SNAPSHOTS_DIR);
12 |
13 | const files = fs.readdirSync(TESTS_DIR).filter(f => f.endsWith(TEST_EXT));
14 |
15 | let snaplist = [];
16 | for(let i=0; i < files.length; i++){
17 | const name = path.basename(files[i],TEST_EXT);
18 | const source = fs.readFileSync(path.join(TESTS_DIR,files[i]),'utf-8');
19 | const result = handler(source);
20 | const snapshot = module.exports.getSnapshot(name,result);
21 |
22 | snaplist.push({name,source,result,snapshot});
23 | }
24 |
25 | return snaplist;
26 | }
27 |
28 | module.exports.getSnapshot = function (name,initial){
29 | const snapshot_file = path.join(SNAPSHOTS_DIR,name+SNAPSHOT_EXT);
30 |
31 | if(fs.existsSync(snapshot_file))
32 | return fs.readFileSync(snapshot_file,'utf-8');
33 | else
34 | return module.exports.updateSnapshot(name,initial);
35 | }
36 |
37 | module.exports.updateSnapshot = function (name,data){
38 | const snapshot_file = path.join(SNAPSHOTS_DIR,name+SNAPSHOT_EXT);
39 | fs.ensureFileSync(snapshot_file);
40 | fs.writeFileSync(snapshot_file,data);
41 | return data;
42 | }
--------------------------------------------------------------------------------
/tests/helpers/testing.js:
--------------------------------------------------------------------------------
1 | var test = require('tape');
2 |
3 | module.exports.doTesting = function(snaplist){
4 | snaplist.forEach(snapshot => {
5 | test(snapshot.name, function (t) {
6 | t.equal(snapshot.result,snapshot.snapshot);
7 | t.end();
8 | });
9 | })
10 | }
11 |
--------------------------------------------------------------------------------
/tests/helpers/visual.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 | var fs = require('fs-extra');
3 |
4 | const TESTS_DIR = path.resolve('tests');
5 | const HTML_FILE = path.join(TESTS_DIR,'visual','index.html');
6 | const CSS_FILE = path.resolve(path.join('node_modules','highlight.js','styles','rainbow.css'));
7 |
8 | module.exports.createVisualTest = function(snaplist){
9 | const body = snaplist.reduce((acc,snapshot)=>{
10 | return acc + `
11 | ${snapshot.name}
12 | ${snapshot.result}
13 |
14 | `;
15 | },'');
16 |
17 | const CSS = fs.readFileSync(CSS_FILE,'utf-8');
18 |
19 | fs.ensureFileSync(HTML_FILE);
20 | fs.writeFileSync(HTML_FILE,`
21 |
22 |
23 |
24 | Visual Test page
25 |
26 |
29 |
30 | ${body}
31 |
32 |
33 | `);
34 |
35 | console.log('Open visual test on: '+HTML_FILE);
36 | }
37 |
--------------------------------------------------------------------------------
/tests/snapshots/1-simple-component.html:
--------------------------------------------------------------------------------
1 | <script>
2 | export let name = 'world';
3 | </script>
4 |
5 | <h1>Hello, {name}!</h1>
6 |
7 | <style>
8 | h1{
9 | color:red;
10 | }
11 | </style>
--------------------------------------------------------------------------------
/tests/snapshots/2-pngwn-example.html:
--------------------------------------------------------------------------------
1 | {#each array.map(({a, b, c}) => ({ a: a+1, b, c})) as {a, b, c} }
2 | {name === undefined ? 'Anybody' : name}
3 | {/each}
--------------------------------------------------------------------------------
/tests/snapshots/3-most-common-component.html:
--------------------------------------------------------------------------------
1 | <script>
2 | export let list = ['item1','item2',`item${3}`,4];
3 | export let name = 'World';
4 | $: num = list.length;
5 | </script>
6 |
7 | <h1>Hello, {name}!</h1>
8 | {#each list as item}
9 | <p>{ typeof item === 'str`===ing?' ? item.toUpperCase() : item}</p>
10 | {:else}
11 | <p>No items...</p>
12 | {/each}
13 |
14 | <style>
15 | h1{color:red;}
16 | </style>
--------------------------------------------------------------------------------
/tests/snapshots/4-js-testing.html:
--------------------------------------------------------------------------------
1 | <script>
2 | function $initHighlight(block, cls) {
3 | try {
4 | if (cls.search(/\bno\-highlight\b/) != -1)
5 | return process(block, true, 0x0F) +
6 | ` class="${cls}"`;
7 | } catch (e) {
8 |
9 | }
10 | for (var i = 0 / 2; i < classes.length; i++) {
11 | if (checkCondition(classes[i]) === undefined)
12 | console.log('undefined');
13 | }
14 |
15 | return (
16 | <div>
17 | <web-component>{block}</web-component>
18 | </div>
19 | )
20 | }
21 |
22 | export $initHighlight;
23 | </script>
--------------------------------------------------------------------------------
/tests/test.js:
--------------------------------------------------------------------------------
1 | const command = process.argv[2];
2 |
3 | const {getSnaplist} = require('./helpers/snapshots');
4 | const {createBrowserTest} = require('./helpers/browser');
5 | const {createVisualTest} = require('./helpers/visual');
6 | const {doTesting} = require('./helpers/testing');
7 |
8 | const hljs = require('highlight.js');
9 | const hljs_svelte = require('../dist/index.js');
10 | hljs_svelte(hljs);
11 |
12 |
13 | function handleSource(source){
14 | return hljs.highlight('svelte', source).value;
15 | }
16 |
17 |
18 |
19 | const snaplist = getSnaplist(handleSource,(command === 'update'));
20 | createBrowserTest(snaplist);
21 | createVisualTest(snaplist);
22 | doTesting(snaplist);
23 |
24 |
--------------------------------------------------------------------------------