GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 16:11:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

vue3: refactory and code improvement fix jest

Browse Source
This commit is contained in:
chakir qatab 2023-01-10 20:56:27 +04:00
parent 3730f4b1f7
commit d12d71ca79
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
code/renderers/vue3/src/docs/sourceDecorator.test.ts
View File

@ -46,31 +46,31 @@ describe('generateSource Vue3', () => {
});
test('1 slot property', () => {
expect(generateForArgs({ content: 'xyz', myProp: 'abc' }, ['content'])).toMatchInlineSnapshot(`
<Component :content='content' :myProp='myProp'>
{{ content }}
<Component :myProp='myProp'>
{{ content }}
</Component>
`);
});
test('multiple slot property with second slot value not set', () => {
expect(generateForArgs({ content: 'xyz', myProp: 'abc' }, ['content', 'footer']))
.toMatchInlineSnapshot(`
<Component :content='content' :myProp='myProp'>
<Component :myProp='myProp'>
<template #content>
{{ content }}
</template>
{{ content }}
</template>
</Component>
`);
});
test('multiple slot property with second slot value is set', () => {
expect(generateForArgs({ content: 'xyz', footer: 'foo', myProp: 'abc' }, ['content', 'footer']))
.toMatchInlineSnapshot(`
<Component :content='content' :footer='footer' :myProp='myProp'>
<Component :myProp='myProp'>
<template #content>
{{ content }}
</template>
{{ content }}
</template>
<template #footer>
{{ footer }}
</template>
{{ footer }}
</template>
</Component>
`);
});

6
code/renderers/vue3/src/docs/sourceDecorator.ts
View File

@ -218,13 +218,13 @@ function createNamedSlots(
byRef?: boolean | undefined
) {
if (!slotProps) return '';
if (slotProps.length === 1) return !byRef ? slotArgs[slotProps[0]] : `{{ ${slotProps[0]} }}`;
if (slotProps.length === 1) return !byRef ? slotArgs[slotProps[0]] : ` {{ ${slotProps[0]} }}`;
return Object.entries(slotArgs)
.map(([key, value]) => {
return ` <template #${key}>
${!byRef ? JSON.stringify(value) : `{{ ${key} }}`}
</template>`;
${!byRef ? JSON.stringify(value) : `{{ ${key} }}`}
</template>`;
})
.join('\n');
}