mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-04 19:37:18 +00:00
51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
|
import { describe, expect, it } from 'vitest'
|
||
|
import type { Component } from '@nuxt/schema'
|
||
|
import { compileScript, parse } from '@vue/compiler-sfc'
|
||
|
import * as Parser from 'acorn'
|
||
|
|
||
|
import { ComponentNamePlugin } from '../src/components/plugins/component-names'
|
||
|
|
||
|
describe('component names', () => {
|
||
|
const components = [{
|
||
|
filePath: 'test.ts',
|
||
|
pascalName: 'TestMe',
|
||
|
}] as [Component]
|
||
|
|
||
|
const transformPlugin = ComponentNamePlugin({ sourcemap: false, getComponents: () => components }).raw({}, {} as any) as { transform: (code: string, id: string) => { code: string } | null }
|
||
|
|
||
|
it('should add correct default component names', () => {
|
||
|
const sfc = `
|
||
|
<script setup>
|
||
|
onMounted(() => {
|
||
|
window.a = 32
|
||
|
})
|
||
|
</script>
|
||
|
`
|
||
|
const res = compileScript(parse(sfc).descriptor, { id: 'test.vue' })
|
||
|
const { code } = transformPlugin.transform.call({
|
||
|
parse: (code: string, opts: any = {}) => Parser.parse(code, {
|
||
|
sourceType: 'module',
|
||
|
ecmaVersion: 'latest',
|
||
|
locations: true,
|
||
|
...opts,
|
||
|
}),
|
||
|
}, res.content, components[0].filePath) ?? {}
|
||
|
expect(code?.trim()).toMatchInlineSnapshot(`
|
||
|
"export default Object.assign({
|
||
|
setup(__props, { expose: __expose }) {
|
||
|
__expose();
|
||
|
|
||
|
onMounted(() => {
|
||
|
window.a = 32
|
||
|
})
|
||
|
|
||
|
const __returned__ = { }
|
||
|
Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true })
|
||
|
return __returned__
|
||
|
}
|
||
|
|
||
|
}, { __name: "TestMe" })"
|
||
|
`)
|
||
|
})
|
||
|
})
|