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

# Snapshot report for `test/accesser/OnlineAccesser.ts`

The actual snapshot is saved in `OnlineAccesser.ts.snap`.

Generated by [AVA](https://ava.li).

## access multiple exported component by online

> Snapshot 1

    [
      {
        manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/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/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/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/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/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/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/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/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/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/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/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/node_modules/.temp/kDKCQ3wGKzpHh6KU5ExdE1/node_modules/@ali/aimake-basic/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',
          },
        },
      },
    ]

## access single exported component by online

> Snapshot 1

    [
      {
        manifestFilePath: '/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/node_modules/.temp/todtaTTK9KxDGepu5Kbb9G/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',
          },
        },
      },
    ]