vue-inbrowser-compiler-independent-utils/src/getDefaultExample.spec.ts

the part of vue-inbrowser-compiler-utils that contains no vue dependency

import getDefaultExample from './getDefaultExample'

describe('getDefaultExample', () => {
	it('should match each prop type with its default', () => {
		expect(
			getDefaultExample({
				displayName: 'my-component',
				exportName: 'default',
				props: [
					{
						name: 'string',
						required: true,
						type: { name: 'string' },
						tags: {},
						description: ''
					},
					{
						name: 'number',
						required: true,
						type: { name: 'number' },
						tags: {},
						description: ''
					},
					{
						name: 'boolean',
						required: true,
						type: { name: 'boolean' },
						tags: {},
						description: ''
					},
					{
						name: 'array',
						required: true,
						type: { name: 'array' },
						tags: {},
						description: ''
					},
					{
						name: 'object',
						required: true,
						type: { name: 'object' },
						tags: {},
						description: ''
					},
					{ name: 'date', required: true, type: { name: 'date' }, tags: {}, description: '' },
					{
						name: 'function',
						required: true,
						type: { name: 'func' },
						tags: {},
						description: ''
					},
					{
						name: 'symbol',
						required: true,
						type: { name: 'symbol' },
						tags: {},
						description: ''
					}
				]
			})
		).toMatchInlineSnapshot('"<my-component string=\\"Default Example Usage\\"  :number=\\"42\\"  :boolean=\\"true\\"  :array=\\"[1, 2, 3]\\"  :object=\\"{}\\"  :date=\\"new Date(\'2012-12-12\')\\"  :function=\\"() => void\\"  :symbol=\\"Default Example Usage\\" />"')
	})

	it('should use the default slot if provided', () => {
		expect(
			getDefaultExample({
				displayName: 'my-component',
				exportName: 'default',
				slots: [{ name: 'default', description: '' }]
			})
		).toMatchInlineSnapshot('"<my-component>Default Example Usage</my-component>"')
	})

	it('should remove all invalid character', () => {
		expect(
			getDefaultExample({
				displayName: "it's my component",
				exportName: 'default',
				tags: {}
			})
		).toBe(`<itsmycomponent />`)
	})
})