a4774ff48d
* feat(cli): support remove type when non-typescript * fix(cli): missing props/emits when doesn't enable typescript * test: add test cases for defineProps/defineEmits * fix: withDefaults case * fix: cannot resolve external and packages types * fix: missing assign variable
95 lines
2.3 KiB
TypeScript
95 lines
2.3 KiB
TypeScript
import { resolve } from 'node:path'
|
|
import { describe, expect, test } from 'vitest'
|
|
import { transform } from '../../src/utils/transformers'
|
|
|
|
describe('transformSFC', () => {
|
|
test('basic', async () => {
|
|
const result = await transform({
|
|
filename: 'app.vue',
|
|
raw: `<script lang="ts" setup>
|
|
const array: (number | string)[] = [1, 2, 3]
|
|
</script>
|
|
|
|
<template>
|
|
<div v-bind="{ array }">
|
|
template
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
</style>
|
|
`,
|
|
config: {},
|
|
})
|
|
expect(result).toMatchSnapshot()
|
|
})
|
|
|
|
test('defineProps', async () => {
|
|
const result = await transform({
|
|
filename: 'app.vue',
|
|
raw: `<script lang="ts" setup>
|
|
const props = defineProps<{ foo: string }>()
|
|
</script>
|
|
`,
|
|
config: {},
|
|
})
|
|
expect(result).toMatchSnapshot()
|
|
})
|
|
|
|
test('defineProps with withDefaults', async () => {
|
|
const result = await transform({
|
|
filename: 'app.vue',
|
|
raw: `<script lang="ts" setup>
|
|
const props = withDefaults(defineProps<{ foo: string }>(), {
|
|
foo: 'bar'
|
|
})
|
|
</script>
|
|
`,
|
|
config: {},
|
|
})
|
|
expect(result).toMatchSnapshot()
|
|
})
|
|
|
|
test('defineProps with external props', async () => {
|
|
const result = await transform({
|
|
filename: resolve(__dirname, './test.vue'),
|
|
raw: `<script lang="ts" setup>
|
|
import { type Props } from './__fixtures__/props'
|
|
const props = withDefaults(defineProps<{ foo?: string } & Props>(), {
|
|
foo: 'bar'
|
|
})
|
|
</script>
|
|
`,
|
|
config: {},
|
|
})
|
|
expect(result).toMatchSnapshot()
|
|
})
|
|
|
|
test('defineProps with package props', async () => {
|
|
const result = await transform({
|
|
filename: resolve(__dirname, './test.vue'),
|
|
raw: `<script lang="ts" setup>
|
|
import { type LabelProps } from 'radix-vue'
|
|
const props = withDefaults(defineProps<{ foo?: string } & LabelProps>(), {
|
|
foo: 'bar'
|
|
})
|
|
</script>
|
|
`,
|
|
config: {},
|
|
})
|
|
expect(result).toMatchSnapshot()
|
|
})
|
|
|
|
test('defineEmits', async () => {
|
|
const result = await transform({
|
|
filename: 'app.vue',
|
|
raw: `<script lang="ts" setup>
|
|
const emit = defineEmits<{ foo: string }>()
|
|
</script>
|
|
`,
|
|
config: {},
|
|
})
|
|
expect(result).toMatchSnapshot()
|
|
})
|
|
})
|