lowcode-engine/packages/material-parser/test/snapshots/Materialize.ts.md

Snapshot report for test/Materialize.ts

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

Generated by AVA.

materialize multiple exported component by local

Snapshot 1

[
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/manifest.js',
    manifestJS: 'export default {"name":"AIMakeBlank","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"children","label":"children","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleLayout","label":"styleLayout","renderer":""},{"name":"styleBackground","label":"styleBackground","renderer":""},{"name":"styleFlexLayout","label":"styleFlexLayout","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"},{"name":"id","label":"id","renderer":""}]}}',
    manifestObj: {
      name: 'AIMakeBlank',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [
          {
            defaultValue: undefined,
            label: 'children',
            name: 'children',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBoxModel',
            name: 'styleBoxModel',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleLayout',
            name: 'styleLayout',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBackground',
            name: 'styleBackground',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleFlexLayout',
            name: 'styleFlexLayout',
            renderer: '',
          },
          {
            defaultValue: '{}',
            label: 'style',
            name: 'style',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'id',
            name: 'id',
            renderer: '',
          },
        ],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/manifest.js',
    manifestJS: 'export default {"name":"AIMakeIcon","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"className","label":"className","renderer":""},{"name":"iconClassName","label":"iconClassName","renderer":""},{"name":"children","label":"children","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleText","label":"styleText","renderer":""},{"name":"styleBackground","label":"styleBackground","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}',
    manifestObj: {
      name: 'AIMakeIcon',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [
          {
            defaultValue: undefined,
            label: 'className',
            name: 'className',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'iconClassName',
            name: 'iconClassName',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'children',
            name: 'children',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBoxModel',
            name: 'styleBoxModel',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleText',
            name: 'styleText',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBackground',
            name: 'styleBackground',
            renderer: '',
          },
          {
            defaultValue: '{}',
            label: 'style',
            name: 'style',
            renderer: '',
          },
        ],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/manifest.js',
    manifestJS: 'export default {"name":"AIMakeImage","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}',
    manifestObj: {
      name: 'AIMakeImage',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [
          {
            defaultValue: undefined,
            label: 'styleBoxModel',
            name: 'styleBoxModel',
            renderer: '',
          },
          {
            defaultValue: '{}',
            label: 'style',
            name: 'style',
            renderer: '',
          },
        ],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/manifest.js',
    manifestJS: 'export default {"name":"AIMakeLink","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"children","label":"children","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleText","label":"styleText","renderer":""},{"name":"styleLayout","label":"styleLayout","renderer":""},{"name":"styleBackground","label":"styleBackground","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}',
    manifestObj: {
      name: 'AIMakeLink',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [
          {
            defaultValue: undefined,
            label: 'children',
            name: 'children',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBoxModel',
            name: 'styleBoxModel',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleText',
            name: 'styleText',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleLayout',
            name: 'styleLayout',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBackground',
            name: 'styleBackground',
            renderer: '',
          },
          {
            defaultValue: '{}',
            label: 'style',
            name: 'style',
            renderer: '',
          },
        ],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/manifest.js',
    manifestJS: 'export default {"name":"AIMakePlaceholder","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"children","label":"children","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleLayout","label":"styleLayout","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}',
    manifestObj: {
      name: 'AIMakePlaceholder',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [
          {
            defaultValue: undefined,
            label: 'children',
            name: 'children',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBoxModel',
            name: 'styleBoxModel',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleLayout',
            name: 'styleLayout',
            renderer: '',
          },
          {
            defaultValue: '{}',
            label: 'style',
            name: 'style',
            renderer: '',
          },
        ],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/manifest.js',
    manifestJS: 'export default {"name":"AIMakeText","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"children","label":"children","renderer":""},{"name":"type","label":"type","renderer":""},{"name":"styleBoxModel","label":"styleBoxModel","renderer":""},{"name":"styleText","label":"styleText","renderer":""},{"name":"styleLayout","label":"styleLayout","renderer":""},{"name":"styleBackground","label":"styleBackground","renderer":""},{"name":"style","label":"style","renderer":"","defaultValue":"{}"}]}}',
    manifestObj: {
      name: 'AIMakeText',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [
          {
            defaultValue: undefined,
            label: 'children',
            name: 'children',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'type',
            name: 'type',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBoxModel',
            name: 'styleBoxModel',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleText',
            name: 'styleText',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleLayout',
            name: 'styleLayout',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'styleBackground',
            name: 'styleBackground',
            renderer: '',
          },
          {
            defaultValue: '{}',
            label: 'style',
            name: 'style',
            renderer: '',
          },
        ],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/manifest.js',
    manifestJS: 'export default {"name":"Root","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"style","label":"style","renderer":"","defaultValue":"{\\n  padding: 0,\\n  backgroundColor: \'#f0f2f5\',\\n  minHeight: \'100%\'\\n}"},{"name":"children","label":"children","renderer":""}]}}',
    manifestObj: {
      name: 'Root',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [
          {
            defaultValue: `{␊
              padding: 0,␊
              backgroundColor: '#f0f2f5',␊
              minHeight: '100%'␊
            }`,
            label: 'style',
            name: 'style',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'children',
            name: 'children',
            renderer: '',
          },
        ],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
]

materialize multiple exported component by online

Snapshot 1

[]

materialize single exported component by local

Snapshot 1

[
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/single-exported-component/es/manifest.js',
    manifestJS: 'export default {"name":"Demo","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[{"name":"optionalArray","label":"optionalArray","renderer":""},{"name":"optionalBool","label":"optionalBool","renderer":""},{"name":"optionalFunc","label":"optionalFunc","renderer":""},{"name":"optionalNumber","label":"optionalNumber","renderer":""},{"name":"optionalObject","label":"optionalObject","renderer":""},{"name":"optionalString","label":"optionalString","renderer":""},{"name":"optionalSymbol","label":"optionalSymbol","renderer":""},{"name":"optionalNode","label":"optionalNode","renderer":""},{"name":"optionalElement","label":"optionalElement","renderer":""},{"name":"optionalElementType","label":"optionalElementType","renderer":""},{"name":"optionalMessage","label":"optionalMessage","renderer":""},{"name":"optionalEnum","label":"optionalEnum","renderer":""},{"name":"optionalUnion","label":"optionalUnion","renderer":""},{"name":"optionalArrayOf","label":"optionalArrayOf","renderer":""},{"name":"optionalObjectOf","label":"optionalObjectOf","renderer":""},{"name":"optionalObjectWithShape","label":"optionalObjectWithShape","renderer":""},{"name":"optionalObjectWithShape2","label":"optionalObjectWithShape2","renderer":""},{"name":"optionalObjectWithStrictShape","label":"optionalObjectWithStrictShape","renderer":""},{"name":"requiredFunc","label":"requiredFunc","renderer":""},{"name":"requiredAny","label":"requiredAny","renderer":""}]}}',
    manifestObj: {
      name: 'Demo',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [
          {
            defaultValue: undefined,
            label: 'optionalArray',
            name: 'optionalArray',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalBool',
            name: 'optionalBool',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalFunc',
            name: 'optionalFunc',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalNumber',
            name: 'optionalNumber',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalObject',
            name: 'optionalObject',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalString',
            name: 'optionalString',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalSymbol',
            name: 'optionalSymbol',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalNode',
            name: 'optionalNode',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalElement',
            name: 'optionalElement',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalElementType',
            name: 'optionalElementType',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalMessage',
            name: 'optionalMessage',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalEnum',
            name: 'optionalEnum',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalUnion',
            name: 'optionalUnion',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalArrayOf',
            name: 'optionalArrayOf',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalObjectOf',
            name: 'optionalObjectOf',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalObjectWithShape',
            name: 'optionalObjectWithShape',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalObjectWithShape2',
            name: 'optionalObjectWithShape2',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'optionalObjectWithStrictShape',
            name: 'optionalObjectWithStrictShape',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'requiredFunc',
            name: 'requiredFunc',
            renderer: '',
          },
          {
            defaultValue: undefined,
            label: 'requiredAny',
            name: 'requiredAny',
            renderer: '',
          },
        ],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
]

materialize single exported component by online

Snapshot 1

[
  {
    manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/f9BkivefjM2f2w6CkepGr/node_modules/@ali/demo-biz-test090702/es/manifest.js',
    manifestJS: 'export default {"name":"Demo","settings":{"type":"element_inline","insertionModes":"tbrl","handles":["cut","copy","duplicate","delete","paste"],"shouldActive":true,"shouldDrag":true,"props":[]}}',
    manifestObj: {
      name: 'Demo',
      settings: {
        handles: [
          'cut',
          'copy',
          'duplicate',
          'delete',
          'paste',
        ],
        insertionModes: 'tbrl',
        props: [],
        shouldActive: true,
        shouldDrag: true,
        type: 'element_inline',
      },
    },
  },
]