/
scan.spec.ts
124 lines (110 loc) · 3.63 KB
/
scan.spec.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
import { describe, expect, test } from 'vitest'
import { commentRE, importsRE, scriptRE } from '../optimizer/scan'
import { multilineCommentsRE, singlelineCommentsRE } from '../utils'
describe('optimizer-scan:script-test', () => {
const scriptContent = `import { defineComponent } from 'vue'
import ScriptDevelopPane from './ScriptDevelopPane.vue';
export default defineComponent({
components: {
ScriptDevelopPane
}
})`
test('component return value test', () => {
scriptRE.lastIndex = 0
const [, tsOpenTag, tsContent] = scriptRE.exec(
`<script lang="ts">${scriptContent}</script>`,
)!
expect(tsOpenTag).toEqual('<script lang="ts">')
expect(tsContent).toEqual(scriptContent)
scriptRE.lastIndex = 0
const [, openTag, content] = scriptRE.exec(
`<script>${scriptContent}</script>`,
)!
expect(openTag).toEqual('<script>')
expect(content).toEqual(scriptContent)
})
test('include comments test', () => {
scriptRE.lastIndex = 0
const ret = scriptRE.exec(
`<template>
<!-- <script >var test1 = null</script> -->
<!-- <script >var test2 = null</script> -->
</template>`.replace(commentRE, ''),
)
expect(ret).toEqual(null)
})
test('components with script keyword test', () => {
scriptRE.lastIndex = 0
let ret = scriptRE.exec(`<template><script-develop-pane/></template>`)
expect(ret).toBe(null)
scriptRE.lastIndex = 0
ret = scriptRE.exec(
`<template><script-develop-pane></script-develop-pane></template>`,
)
expect(ret).toBe(null)
scriptRE.lastIndex = 0
ret = scriptRE.exec(
`<template><script-develop-pane > content </script-develop-pane></template>`,
)
expect(ret).toBe(null)
})
test('ordinary script tag test', () => {
scriptRE.lastIndex = 0
const [, tag, content] = scriptRE.exec(
`<script >var test = null</script>`,
)!
expect(tag).toEqual('<script >')
expect(content).toEqual('var test = null')
scriptRE.lastIndex = 0
const [, tag1, content1] = scriptRE.exec(
`<script>var test = null</script>`,
)!
expect(tag1).toEqual('<script>')
expect(content1).toEqual('var test = null')
})
test('imports regex should work', () => {
const shouldMatchArray = [
`import 'vue'`,
`import { foo } from 'vue'`,
`import foo from 'vue'`,
`;import foo from 'vue'`,
` import foo from 'vue'`,
`import { foo
} from 'vue'`,
`import bar, { foo } from 'vue'`,
`import foo from 'vue';`,
`*/ import foo from 'vue';`,
`import foo from 'vue';//comment`,
`import foo from 'vue';/*comment
*/`,
// Skipped, false negatives with current regex
// `import typescript from 'typescript'`,
// import type, {foo} from 'vue'
]
shouldMatchArray.forEach((str) => {
importsRE.lastIndex = 0
expect(importsRE.exec(str)![1]).toEqual("'vue'")
})
const shouldFailArray = [
`testMultiline("import", {
body: "ok" });`,
`//;import foo from 'vue'`,
`import type { Bar } from 'foo'`,
`import type{ Bar } from 'foo'`,
`import type Bar from 'foo'`,
]
shouldFailArray.forEach((str) => {
expect(importsRE.test(str)).toBe(false)
})
})
test('script comments test', () => {
multilineCommentsRE.lastIndex = 0
let ret = `/*
export default { }
*/`.replace(multilineCommentsRE, '')
expect(ret).not.toContain('export default')
singlelineCommentsRE.lastIndex = 0
ret = `//export default { }`.replace(singlelineCommentsRE, '')
expect(ret).not.toContain('export default')
})
})