@storybook/addon-svelte-csf/dist/compiler/post-transform/appendix/create-runtime-story-variable-declaration.test.js

Allows to write stories in Svelte syntax

import { print } from 'esrap';
import { describe, it } from 'vitest';
import { createASTArrayExpression, createASTIdentifier } from '../../../parser/ast.js';
import { SVELTE_CSF_V4_TAG } from '../../../constants.js';
import { createRuntimeStoryVariableDeclaration } from './create-runtime-story-variable-declaration.js';
import { createVariableFromRuntimeStoriesCall } from './create-variable-from-runtime-stories-call.js';
describe(createRuntimeStoryVariableDeclaration, () => {
    it('correctly creates a runtime story variable', ({ expect }) => {
        const stringified = print(createRuntimeStoryVariableDeclaration({
            exportName: 'Default',
            nodes: {
                variable: createVariableFromRuntimeStoriesCall({
                    storiesFunctionDeclaration: {
                        type: 'FunctionDeclaration',
                        id: createASTIdentifier('Example_stories'),
                        body: {
                            type: 'BlockStatement',
                            body: [],
                        },
                        params: [],
                    },
                }),
            },
        })).code;
        expect(stringified).toMatchInlineSnapshot(`
      "const $__Default = {
      	...$__stories["Default"],
      	tags: ["svelte-csf-v5"]
      };"
    `);
    });
    it('allows passing Story-level tags', ({ expect }) => {
        const stringified = print(createRuntimeStoryVariableDeclaration({
            exportName: 'Default',
            nodes: {
                variable: createVariableFromRuntimeStoriesCall({
                    storiesFunctionDeclaration: {
                        type: 'FunctionDeclaration',
                        id: createASTIdentifier('Example_stories'),
                        body: {
                            type: 'BlockStatement',
                            body: [],
                        },
                        params: [],
                    },
                }),
                tags: createASTArrayExpression([
                    {
                        type: 'Literal',
                        value: 'autodocs',
                    },
                    {
                        type: 'Literal',
                        value: '!test',
                    },
                ]),
            },
        })).code;
        expect(stringified).toMatchInlineSnapshot(`
      "const $__Default = {
      	...$__stories["Default"],
      	tags: ["autodocs", "!test", "svelte-csf-v5"]
      };"
    `);
    });
    it('keeps Svelte CSF v4 tag if present, and does not add Svelte CSF v5 tag', ({ expect }) => {
        const stringified = print(createRuntimeStoryVariableDeclaration({
            exportName: 'Default',
            nodes: {
                variable: createVariableFromRuntimeStoriesCall({
                    storiesFunctionDeclaration: {
                        type: 'FunctionDeclaration',
                        id: createASTIdentifier('Example_stories'),
                        body: {
                            type: 'BlockStatement',
                            body: [],
                        },
                        params: [],
                    },
                }),
                tags: createASTArrayExpression([
                    {
                        type: 'Literal',
                        value: 'autodocs',
                    },
                    {
                        type: 'Literal',
                        value: SVELTE_CSF_V4_TAG,
                    },
                ]),
            },
        })).code;
        expect(stringified).toMatchInlineSnapshot(`
      "const $__Default = {
      	...$__stories["Default"],
      	tags: ["autodocs", "svelte-csf-v4"]
      };"
    `);
    });
});