14 KiB

Snapshot report for test/online.ts

The actual snapshot is saved in online.ts.snap.

Generated by AVA.

materialize custom breadcrumb by online

Snapshot 1

[
  {
    componentName: 'default',
    docUrl: '',
    npm: {
      destructuring: false,
      exportName: 'default',
      main: 'lib/index.js',
      package: 'mc-breadcrumb',
      subName: '',
      version: '1.0.1',
    },
    props: [
      {
        name: 'prefix',
        propType: 'string',
      },
      {
        name: 'rtl',
        propType: 'bool',
      },
      {
        name: 'children',
        propType: {
          type: 'instanceOf',
          value: 'custom',
        },
      },
      {
        name: 'maxNode',
        propType: {
          type: 'oneOfType',
          value: [
            'number',
            {
              type: 'oneOf',
              value: [
                'auto',
              ],
            },
          ],
        },
      },
      {
        name: 'separator',
        propType: {
          type: 'oneOfType',
          value: [
            {
              type: 'instanceOf',
              value: 'node',
            },
            'string',
          ],
        },
      },
      {
        name: 'component',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'func',
          ],
        },
      },
      {
        name: 'className',
        propType: 'any',
      },
      {
        name: 'locale',
        propType: 'object',
      },
      {
        name: 'pure',
        propType: 'bool',
      },
      {
        name: 'device',
        propType: {
          type: 'oneOf',
          value: [
            'tablet',
            'desktop',
            'phone',
          ],
        },
      },
      {
        name: 'popupContainer',
        propType: 'any',
      },
      {
        name: 'errorBoundary',
        propType: {
          type: 'oneOfType',
          value: [
            'bool',
            'object',
          ],
        },
      },
    ],
    screenshot: '',
    title: 'mc-breadcrumb',
  },
  {
    componentName: 'Item',
    docUrl: '',
    npm: {
      destructuring: false,
      exportName: 'default',
      main: 'lib/index.js',
      package: 'mc-breadcrumb',
      subName: 'Item',
      version: '1.0.1',
    },
    props: [
      {
        name: 'prefix',
        propType: 'string',
      },
      {
        name: 'rtl',
        propType: 'bool',
      },
      {
        name: 'link',
        propType: 'string',
      },
      {
        name: 'activated',
        propType: 'bool',
      },
      {
        name: 'separator',
        propType: {
          type: 'instanceOf',
          value: 'node',
        },
      },
      {
        name: 'className',
        propType: 'any',
      },
      {
        name: 'children',
        propType: {
          type: 'instanceOf',
          value: 'node',
        },
      },
      {
        name: 'locale',
        propType: 'object',
      },
      {
        name: 'pure',
        propType: 'bool',
      },
      {
        name: 'device',
        propType: {
          type: 'oneOf',
          value: [
            'tablet',
            'desktop',
            'phone',
          ],
        },
      },
      {
        name: 'popupContainer',
        propType: 'any',
      },
      {
        name: 'errorBoundary',
        propType: {
          type: 'oneOfType',
          value: [
            'bool',
            'object',
          ],
        },
      },
    ],
    screenshot: '',
    title: 'mc-breadcrumb',
  },
]

materialize react-color by online

Snapshot 1

[
  {
    componentName: 'BlockPicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'BlockPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 170,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        name: 'triangle',
        propType: {
          type: 'oneOf',
          value: [
            'top',
            'hide',
          ],
        },
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'CirclePicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'CirclePicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 252,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: 28,
        name: 'circleSize',
        propType: 'number',
      },
      {
        defaultValue: 14,
        name: 'circleSpacing',
        propType: 'number',
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'default',
    docUrl: '',
    npm: {
      destructuring: false,
      exportName: 'default',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 225,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: false,
        name: 'disableAlpha',
        propType: 'bool',
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
      {
        name: 'defaultView',
        propType: {
          type: 'oneOf',
          value: [
            'hex',
            'rgb',
            'hsl',
          ],
        },
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'ChromePicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'ChromePicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 225,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: false,
        name: 'disableAlpha',
        propType: 'bool',
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
      {
        name: 'defaultView',
        propType: {
          type: 'oneOf',
          value: [
            'hex',
            'rgb',
            'hsl',
          ],
        },
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'CompactPicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'CompactPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'GithubPicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'GithubPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 200,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        name: 'triangle',
        propType: {
          type: 'oneOf',
          value: [
            'hide',
            'top-left',
            'top-right',
            'bottom-left',
            'bottom-right',
          ],
        },
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'HuePicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'HuePicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'PhotoshopPicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'PhotoshopPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        name: 'header',
        propType: 'string',
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'SketchPicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'SketchPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: false,
        name: 'disableAlpha',
        propType: 'bool',
      },
      {
        defaultValue: 200,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'SliderPicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'SliderPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'SwatchesPicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'SwatchesPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 320,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: 240,
        name: 'height',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
  {
    componentName: 'TwitterPicker',
    docUrl: '',
    npm: {
      destructuring: true,
      exportName: 'TwitterPicker',
      main: 'lib/index.js',
      package: 'react-color',
      subName: '',
      version: '2.18.1',
    },
    props: [
      {
        defaultValue: 276,
        name: 'width',
        propType: {
          type: 'oneOfType',
          value: [
            'string',
            'number',
          ],
        },
      },
      {
        name: 'triangle',
        propType: {
          type: 'oneOf',
          value: [
            'hide',
            'top-left',
            'top-right',
          ],
        },
      },
      {
        defaultValue: {},
        name: 'styles',
        propType: 'object',
      },
    ],
    screenshot: '',
    title: 'react-color',
  },
]