TypeScript addon-storyshots.default函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了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();
  }
});

开发者ID:elwoodxblues，项目名称:saleor，代码行数:22，代码来源:Stories.test.ts

示例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({

开发者ID:Jeremy-F，项目名称:DefinitelyTyped，代码行数:31，代码来源:storybook__addon-storyshots-tests.ts

示例3:

import initStoryshots from '@storybook/addon-storyshots';
initStoryshots();

开发者ID:mtiller，项目名称:typescript-storyshots，代码行数:2，代码来源:stories.ts

示例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: '',

开发者ID:anurse，项目名称:DefinitelyTyped，代码行数:31，代码来源:storybook__addon-storyshots-tests.ts

示例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({

开发者ID:clabough，项目名称:DefinitelyTyped，代码行数:31，代码来源:storybook__addon-storyshots-tests.ts

注：本文中的@storybook/addon-storyshots.default函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。