export default [
  {
    type: 4,
    data: {
      href: '',
      width: 1600,
      height: 900,
    },
    timestamp: 1636379531385,
  },
  {
    type: 2,
    data: {
      node: {
        type: 0,
        childNodes: [
          { type: 1, name: 'html', publicId: '', systemId: '', id: 2 },
          {
            type: 2,
            tagName: 'html',
            attributes: { lang: 'en' },
            childNodes: [
              {
                type: 2,
                tagName: 'head',
                attributes: {},
                childNodes: [
                  { type: 3, textContent: '\n    ', id: 5 },
                  {
                    type: 2,
                    tagName: 'meta',
                    attributes: { charset: 'UTF-8' },
                    childNodes: [],
                    id: 6,
                  },
                  { type: 3, textContent: '\n    ', id: 7 },
                  {
                    type: 2,
                    tagName: 'meta',
                    attributes: {
                      name: 'viewport',
                      content: 'width=device-width, initial-scale=1.0',
                    },
                    childNodes: [],
                    id: 8,
                  },
                  { type: 3, textContent: '\n    ', id: 9 },
                  {
                    type: 2,
                    tagName: 'title',
                    attributes: {},
                    childNodes: [{ type: 3, textContent: 'canvas', id: 11 }],
                    id: 10,
                  },
                  { type: 3, textContent: '\n  ', id: 12 },
                ],
                id: 4,
              },
              { type: 3, textContent: '\n  ', id: 13 },
              {
                type: 2,
                tagName: 'body',
                attributes: {},
                childNodes: [
                  { type: 3, textContent: '\n    ', id: 15 },
                  {
                    type: 2,
                    tagName: 'canvas',
                    attributes: {
                      id: 'myCanvas',
                      width: '200',
                      height: '100',
                      style: 'border: 1px solid #000000',
                    },
                    childNodes: [{ type: 3, textContent: '\n    ', id: 17 }],
                    id: 16,
                  },
                  { type: 3, textContent: '\n    ', id: 18 },
                  {
                    type: 2,
                    tagName: 'script',
                    attributes: {},
                    childNodes: [
                      { type: 3, textContent: 'SCRIPT_PLACEHOLDER', id: 20 },
                    ],
                    id: 19,
                  },
                  { type: 3, textContent: '\n  \n\n', id: 21 },
                ],
                id: 14,
              },
            ],
            id: 3,
          },
        ],
        id: 1,
      },
      initialOffset: { left: 0, top: 0 },
    },
    timestamp: 1636379531389,
  },
  {
    type: 3,
    data: {
      source: 9,
      id: 16,
      type: 1,
      property: 'clearColor',
      args: [1, 0, 0, 1],
    },
    timestamp: 1636379532355,
  },
  {
    type: 3,
    data: { source: 9, id: 16, type: 1, property: 'clear', args: [16384] },
    timestamp: 1636379532356,
  },
];
