本文整理汇总了TypeScript中@storybook/addon-storyshots.default函数的典型用法代码示例。如果您正苦于以下问题:TypeScript default函数的具体用法?TypeScript default怎么用?TypeScript default使用的例子?那么, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了default函数的5个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: Adapter
import createGenerateClassName from "@material-ui/core/styles/createGenerateClassName";
import initStoryshots from "@storybook/addon-storyshots";
import { configure, render } from "enzyme";
import * as Adapter from "enzyme-adapter-react-16";
import toJSON from "enzyme-to-json";
configure({ adapter: new Adapter() });
jest.mock("@material-ui/core/styles/createGenerateClassName");
(createGenerateClassName as any).mockImplementation(
() => (rule, stylesheet) => {
return [stylesheet.options.meta, rule.key, "id"].join("-");
}
);
initStoryshots({
configPath: "saleor/static/dashboard-next/storybook/",
test({ story }) {
const result = render(story.render());
expect(toJSON(result)).toMatchSnapshot();
}
});
示例2: multiSnapshotWithOptions
import initStoryshots, { multiSnapshotWithOptions, snapshotWithOptions, getSnapshotFileName, renderOnly, imageSnapshot } from "@storybook/addon-storyshots";
import { shallow, ShallowWrapper } from 'enzyme';
import toJson from 'enzyme-to-json';
import 'jest';
import 'jest-specific-snapshot';
initStoryshots({
integrityOptions: { cwd: '' },
test: multiSnapshotWithOptions({}),
});
initStoryshots({
test: ({ story, context }) => {
const snapshotFileName = getSnapshotFileName(context);
const storyElement = story.render() as JSX.Element;
const shallowTree = shallow(storyElement);
if (snapshotFileName) {
expect(toJson(shallowTree)).toMatchSpecificSnapshot(snapshotFileName);
}
}
});
initStoryshots({
configPath: "",
test: renderOnly
});
initStoryshots({
configPath: "",
test: imageSnapshot({
示例3:
import initStoryshots from '@storybook/addon-storyshots';
initStoryshots();
示例4: multiSnapshotWithOptions
import initStoryshots, { multiSnapshotWithOptions, snapshotWithOptions, getSnapshotFileName, renderOnly } from "@storybook/addon-storyshots";
import { shallow } from 'enzyme';
import toJson from 'enzyme-to-json';
import 'jest';
import 'jest-specific-snapshot';
initStoryshots({
integrityOptions: { cwd: '' },
test: multiSnapshotWithOptions({}),
});
initStoryshots({
test: ({ story, context }) => {
const snapshotFileName = getSnapshotFileName(context);
const storyElement = story.render() as JSX.Element;
const shallowTree = shallow(storyElement);
if (snapshotFileName) {
expect(toJson(shallowTree)).toMatchSpecificSnapshot(snapshotFileName);
}
}
});
initStoryshots({
configPath: "",
test: renderOnly
});
initStoryshots({
framework: 'react',
configPath: '',
示例5: multiSnapshotWithOptions
import initStoryshots, { multiSnapshotWithOptions, snapshotWithOptions, getSnapshotFileName, renderOnly, imageSnapshot } from "@storybook/addon-storyshots";
import { shallow } from 'enzyme';
import toJson from 'enzyme-to-json';
import 'jest';
import 'jest-specific-snapshot';
initStoryshots({
integrityOptions: { cwd: '' },
test: multiSnapshotWithOptions({}),
});
initStoryshots({
test: ({ story, context }) => {
const snapshotFileName = getSnapshotFileName(context);
const storyElement = story.render() as JSX.Element;
const shallowTree = shallow(storyElement);
if (snapshotFileName) {
expect(toJson(shallowTree)).toMatchSpecificSnapshot(snapshotFileName);
}
}
});
initStoryshots({
configPath: "",
test: renderOnly
});
initStoryshots({
configPath: "",
test: imageSnapshot({