Add unit test for TS - CSF source loader

This commit is contained in:
Adolfo Panizo 2019-10-17 11:37:25 +02:00
parent 7c63dc94b8
commit e878516e65
3 changed files with 66 additions and 0 deletions

View File

@ -0,0 +1,19 @@
import React from "react";
import { action } from "@storybook/addon-actions";
import { Button } from "@storybook/react/demo";
export default {
title: "Button"
};
export const text = () => (
<Button onClick={action("clicked")}>Hello Button</Button>
);
export const emoji = () => (
<Button onClick={action("clicked")}>
<span role="img" aria-label="so cool">
😀 😎 👍 💯
</span>
</Button>
);

View File

@ -0,0 +1,25 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`inject-decorator positive - ts - csf works 1`] = `
"var addSourceDecorator = require(\\"@storybook/source-loader/preview\\").addSource;
import React from \\"react\\";
import { action } from \\"@storybook/addon-actions\\";
import { Button } from \\"@storybook/react/demo\\";
export default {parameters: {\\"storySource\\":{\\"source\\":\\"import React from \\\\\\"react\\\\\\";\\\\nimport { action } from \\\\\\"@storybook/addon-actions\\\\\\";\\\\nimport { Button } from \\\\\\"@storybook/react/demo\\\\\\";\\\\n\\\\nexport default {\\\\n title: \\\\\\"Button\\\\\\"\\\\n};\\\\n\\\\nexport const text = () => (\\\\n <Button onClick={action(\\\\\\"clicked\\\\\\")}>Hello Button</Button>\\\\n);\\\\n\\\\nexport const emoji = () => (\\\\n <Button onClick={action(\\\\\\"clicked\\\\\\")}>\\\\n <span role=\\\\\\"img\\\\\\" aria-label=\\\\\\"so cool\\\\\\">\\\\n 😀 😎 👍 💯\\\\n </span>\\\\n </Button>\\\\n);\\\\n\\",\\"locationsMap\\":{}},},
title: \\"Button\\"
};
export const text = addSourceDecorator(() => (
<Button onClick={action(\\"clicked\\")}>Hello Button</Button>
), {__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__});;
export const emoji = addSourceDecorator(() => (
<Button onClick={action(\\"clicked\\")}>
<span role=\\"img\\" aria-label=\\"so cool\\">
😀 😎 👍 💯
</span>
</Button>
), {__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__});
"
`;

View File

@ -0,0 +1,22 @@
import fs from 'fs';
import path from 'path';
import injectDecorator from './inject-decorator';
describe('inject-decorator', () => {
describe('positive - ts - csf', () => {
const mockFilePath = './__mocks__/inject-decorator.ts.csf.txt';
const source = fs.readFileSync(mockFilePath, 'utf-8');
const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
parser: 'typescript',
});
it('includes storySource parameter in the default exported object', () => {
expect(result.source).toMatchSnapshot();
expect(result.source).toEqual(
expect.stringContaining(
'export default {parameters: {"storySource":{"source":"import React from'
)
);
});
});
});