0e84af73de
* feat: add devDeps, add nypm for installing deps
* feat: custom ui dir
* refactor: use consola instead of chalk
* test: ui alias
* refactor: import { z } from 'zod' instead of *, replace node:path with pathe
* chore: add components name to `configFile` option
* chore: update `c12` which fix json5 parse issue
and it also supports .config directory
* chore: update `https-proxy-agent`
* fix: await until dependencies are installed then run detypes process
* feat: add tailwind prefix
* test: tw-prefix snapshot
* chore: add prefix option to init
* test: apply prefix
* fix: tw-prefix parse wrongly
* chore: hide prefix temporarily
---------
Co-authored-by: zernonia <zernonia@gmail.com>
96 lines
2.4 KiB
TypeScript
96 lines
2.4 KiB
TypeScript
import { resolve } from 'pathe'
|
|
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: {},
|
|
})
|
|
// TODO: We need to improve this. https://github.com/radix-vue/shadcn-vue/issues/187
|
|
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()
|
|
})
|
|
})
|