From 3cfe0c56b8b4529a05e41df7a66580d0d586d6d7 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH] ignore href in integration test to avoid fail when code
 changed

---
 test/__snapshots__/integration.test.ts.snap |    2 +-
 test/__snapshots__/integration.ts.snap      | 2325 -------------------
 test/html/t.html                            |   16 +
 test/integration.test.ts                    |   13 +-
 4 files changed, 23 insertions(+), 2333 deletions(-)
 delete mode 100644 test/__snapshots__/integration.ts.snap
 create mode 100644 test/html/t.html
diff --git a/test/__snapshots__/integration.test.ts.snap b/test/__snapshots__/integration.test.ts.snap
index 7ec93a87..b3e177bb 100644
--- a/test/__snapshots__/integration.test.ts.snap
+++ b/test/__snapshots__/integration.test.ts.snap
@@ -1215,7 +1215,7 @@ exports[`select2 1`] = `
   {
     \\"type\\": 4,
     \\"data\\": {
-      \\"href\\": \\"data:text/html,<!DOCTYPE html>%0A<html lang=\\\\\\"en\\\\\\">%0A<head>%0A  <meta charset=\\\\\\"UTF-8\\\\\\">%0A  <meta name=\\\\\\"viewport\\\\\\" content=\\\\\\"width=device-width, initial-scale=1.0\\\\\\">%0A  <meta http-equiv=\\\\\\"X-UA-Compatible\\\\\\" content=\\\\\\"ie=edge\\\\\\">%0A  <title>Select2 3.5</title>%0A  <link rel=\\\\\\"stylesheet\\\\\\" href=\\\\\\"https://cdn.jsdelivr.net/npm/select2@3.5.1/select2.css\\\\\\">%0A</head>%0A<body>%0A  <blockquote>%0A    Select2 is a jQuery replacement for select boxes.%0A    <br>%0A    In the 3.5 version it use a quite complicated DOM generation strategy which is a good battle-test for rrweb's recorder.%0A  </blockquote>%0A  <select id=\\\\\\"el\\\\\\">%0A    <option value=\\\\\\"a\\\\\\">A</option>%0A    <option value=\\\\\\"b\\\\\\">B</option>%0A  </select>%0A  <script src=\\\\\\"https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js\\\\\\"></script>%0A  <script src=\\\\\\"https://cdn.jsdelivr.net/npm/select2@3.5.2-browserify/select2.min.js\\\\\\"></script>%0A  <script>%0A    $('#el').select2();%0A  </script>%0A%0A    <script>%0A      var record = (function () {%0A    'use strict';%0A%0A    /*! *****************************************************************************%0D%0A    Copyright (c) Microsoft Corporation. All rights reserved.%0D%0A    Licensed under the Apache License, Version 2.0 (the \\\\\\"License\\\\\\"); you may not use%0D%0A    this file except in compliance with the License. You may obtain a copy of the%0D%0A    License at http://www.apache.org/licenses/LICENSE-2.0%0D%0A%0D%0A    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY%0D%0A    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED%0D%0A    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,%0D%0A    MERCHANTABLITY OR NON-INFRINGEMENT.%0D%0A%0D%0A    See the Apache Version 2.0 License for specific language governing permissions%0D%0A    and limitations under the License.%0D%0A    ***************************************************************************** */%0D%0A%0D%0A    var __assign = function() {%0D%0A        __assign = Object.assign || function __assign(t) {%0D%0A            for (var s, i = 1, n = arguments.length; i < n; i++) {%0D%0A                s = arguments[i];%0D%0A                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];%0D%0A            }%0D%0A            return t;%0D%0A        };%0D%0A        return __assign.apply(this, arguments);%0D%0A    };%0A%0A    var NodeType;%0A    (function (NodeType) {%0A        NodeType[NodeType[\\\\\\"Document\\\\\\"] = 0] = \\\\\\"Document\\\\\\";%0A        NodeType[NodeType[\\\\\\"DocumentType\\\\\\"] = 1] = \\\\\\"DocumentType\\\\\\";%0A        NodeType[NodeType[\\\\\\"Element\\\\\\"] = 2] = \\\\\\"Element\\\\\\";%0A        NodeType[NodeType[\\\\\\"Text\\\\\\"] = 3] = \\\\\\"Text\\\\\\";%0A        NodeType[NodeType[\\\\\\"CDATA\\\\\\"] = 4] = \\\\\\"CDATA\\\\\\";%0A        NodeType[NodeType[\\\\\\"Comment\\\\\\"] = 5] = \\\\\\"Comment\\\\\\";%0A    })(NodeType || (NodeType = {}));%0A%0A    var _id = 1;%0A    function genId() {%0A        return _id++;%0A    }%0A    function resetId() {%0A        _id = 1;%0A    }%0A    function getCssRulesString(s) {%0A        try {%0A            var rules = s.rules || s.cssRules;%0A            return rules%0A                ? Array.from(rules).reduce(function (prev, cur) { return (prev += cur.cssText); }, '')%0A                : null;%0A        }%0A        catch (error) {%0A            return null;%0A        }%0A    }%0A    function extractOrigin(url) {%0A        var origin;%0A        if (url.indexOf('//') > -1) {%0A            origin = url%0A                .split('/')%0A                .slice(0, 3)%0A                .join('/');%0A        }%0A        else {%0A            origin = url.split('/')[0];%0A        }%0A        origin = origin.split('?')[0];%0A        return origin;%0A    }%0A    var URL_IN_CSS_REF = /url\\\\\\\\((['\\\\\\"])([^'\\\\\\"]*)\\\\\\\\1\\\\\\\\)/gm;%0A    function absoluteToStylesheet(cssText, href) {%0A        return cssText.replace(URL_IN_CSS_REF, function (_1, _2, filePath) {%0A            if (!/^[./]/.test(filePath)) {%0A                return \\\\\\"url('\\\\\\" + filePath + \\\\\\"')\\\\\\";%0A            }%0A            if (filePath[0] === '/') {%0A                return \\\\\\"url('\\\\\\" + (extractOrigin(href) + filePath) + \\\\\\"')\\\\\\";%0A            }%0A            var stack = href.split('/');%0A            var parts = filePath.split('/');%0A            stack.pop();%0A            for (var _i = 0, parts_1 = parts; _i < parts_1.length; _i++) {%0A                var part = parts_1[_i];%0A                if (part === '.') {%0A                    continue;%0A                }%0A                else if (part === '..') {%0A                    stack.pop();%0A                }%0A                else {%0A                    stack.push(part);%0A                }%0A            }%0A            return \\\\\\"url('\\\\\\" + stack.join('/') + \\\\\\"')\\\\\\";%0A        });%0A    }%0A    var RELATIVE_PATH = /^(\\\\\\\\.\\\\\\\\.|\\\\\\\\.|)\\\\\\\\//;%0A    function absoluteToDoc(doc, attributeValue) {%0A        if (!RELATIVE_PATH.test(attributeValue)) {%0A            return attributeValue;%0A        }%0A        var a = doc.createElement('a');%0A        a.href = attributeValue;%0A        return a.href;%0A    }%0A    function isSVGElement(el) {%0A        return el.tagName === 'svg' || el instanceof SVGElement;%0A    }%0A    function serializeNode(n, doc) {%0A        switch (n.nodeType) {%0A            case n.DOCUMENT_NODE:%0A                return {%0A                    type: NodeType.Document,%0A                    childNodes: []%0A                };%0A            case n.DOCUMENT_TYPE_NODE:%0A                return {%0A                    type: NodeType.DocumentType,%0A                    name: n.name,%0A                    publicId: n.publicId,%0A                    systemId: n.systemId%0A                };%0A            case n.ELEMENT_NODE:%0A                var tagName = n.tagName.toLowerCase();%0A                var attributes_1 = {};%0A                for (var _i = 0, _a = Array.from(n.attributes); _i < _a.length; _i++) {%0A                    var _b = _a[_i], name = _b.name, value = _b.value;%0A                    if (name === 'src' || name === 'href') {%0A                        attributes_1[name] = absoluteToDoc(doc, value);%0A                    }%0A                    else {%0A                        attributes_1[name] = value;%0A                    }%0A                }%0A                if (tagName === 'link') {%0A                    var stylesheet = Array.from(doc.styleSheets).find(function (s) {%0A                        return s.href === n.href;%0A                    });%0A                    var cssText = getCssRulesString(stylesheet);%0A                    if (cssText) {%0A                        attributes_1 = {%0A                            _cssText: absoluteToStylesheet(cssText, stylesheet.href)%0A                        };%0A                    }%0A                }%0A                if (tagName === 'input' ||%0A                    tagName === 'textarea' ||%0A                    tagName === 'select') {%0A                    var value = n.value;%0A                    if (attributes_1.type !== 'radio' &&%0A                        attributes_1.type !== 'checkbox' &&%0A                        value) {%0A                        attributes_1.value = value;%0A                    }%0A                    else if (n.checked) {%0A                        attributes_1.checked = n.checked;%0A                    }%0A                }%0A                if (tagName === 'option') {%0A                    var selectValue = n.parentElement;%0A                    if (attributes_1.value === selectValue.value) {%0A                        attributes_1.selected = n.selected;%0A                    }%0A                }%0A                return {%0A                    type: NodeType.Element,%0A                    tagName: tagName,%0A                    attributes: attributes_1,%0A                    childNodes: [],%0A                    isSVG: isSVGElement(n) || undefined%0A                };%0A            case n.TEXT_NODE:%0A                var parentTagName = n.parentNode && n.parentNode.tagName;%0A                var textContent = n.textContent;%0A                if (parentTagName === 'SCRIPT') {%0A                    textContent = 'SCRIPT_PLACEHOLDER';%0A                }%0A                return {%0A                    type: NodeType.Text,%0A                    textContent: textContent || '',%0A                    isStyle: parentTagName === 'STYLE' ? true : undefined%0A                };%0A            case n.CDATA_SECTION_NODE:%0A                return {%0A                    type: NodeType.CDATA,%0A                    textContent: ''%0A                };%0A            case n.COMMENT_NODE:%0A                return {%0A                    type: NodeType.Comment,%0A                    textContent: n.textContent || ''%0A                };%0A            default:%0A                return false;%0A        }%0A    }%0A    function serializeNodeWithId(n, doc, map, skipChild) {%0A        if (skipChild === void 0) { skipChild = false; }%0A        var _serializedNode = serializeNode(n, doc);%0A        if (!_serializedNode) {%0A            console.warn(n, 'not serialized');%0A            return null;%0A        }%0A        var serializedNode = Object.assign(_serializedNode, {%0A            id: genId()%0A        });%0A        n.__sn = serializedNode;%0A        map[serializedNode.id] = n;%0A        if ((serializedNode.type === NodeType.Document ||%0A            serializedNode.type === NodeType.Element) &&%0A            !skipChild) {%0A            for (var _i = 0, _a = Array.from(n.childNodes); _i < _a.length; _i++) {%0A                var childN = _a[_i];%0A                var serializedChildNode = serializeNodeWithId(childN, doc, map);%0A                if (serializedChildNode) {%0A                    serializedNode.childNodes.push(serializedChildNode);%0A                }%0A            }%0A        }%0A        return serializedNode;%0A    }%0A    function snapshot(n) {%0A        resetId();%0A        var idNodeMap = {};%0A        return [serializeNodeWithId(n, n, idNodeMap), idNodeMap];%0A    }%0A%0A    function on(type, fn, target) {%0A        if (target === void 0) { target = document; }%0A        target.addEventListener(type, fn, { capture: true, passive: true });%0A        return function () { return target.removeEventListener(type, fn); };%0A    }%0A    var mirror = {%0A        map: {},%0A        getId: function (n) {%0A            if (!n.__sn) {%0A                return -1;%0A            }%0A            return n.__sn.id;%0A        },%0A        getNode: function (id) {%0A            return mirror.map[id] || null;%0A        },%0A        removeNodeFromMap: function (n) {%0A            var id = n.__sn && n.__sn.id;%0A            delete mirror.map[id];%0A            if (n.childNodes) {%0A                n.childNodes.forEach(function (child) {%0A                    return mirror.removeNodeFromMap(child);%0A                });%0A            }%0A        },%0A        has: function (id) {%0A            return mirror.map.hasOwnProperty(id);%0A        }%0A    };%0A    function throttle(func, wait, options) {%0A        if (options === void 0) { options = {}; }%0A        var timeout = null;%0A        var previous = 0;%0A        return function () {%0A            var now = Date.now();%0A            if (!previous && options.leading === false) {%0A                previous = now;%0A            }%0A            var remaining = wait - (now - previous);%0A            var context = this;%0A            var args = arguments;%0A            if (remaining <= 0 || remaining > wait) {%0A                if (timeout) {%0A                    window.clearTimeout(timeout);%0A                    timeout = null;%0A                }%0A                previous = now;%0A                func.apply(context, args);%0A            }%0A            else if (!timeout && options.trailing !== false) {%0A                timeout = window.setTimeout(function () {%0A                    previous = options.leading === false ? 0 : Date.now();%0A                    timeout = null;%0A                    func.apply(context, args);%0A                }, remaining);%0A            }%0A        };%0A    }%0A    function hookSetter(target, key, d) {%0A        var original = Object.getOwnPropertyDescriptor(target, key);%0A        Object.defineProperty(target, key, {%0A            set: function (value) {%0A                var _this = this;%0A                setTimeout(function () {%0A                    d.set.call(_this, value);%0A                }, 0);%0A                if (original && original.set) {%0A                    original.set.call(this, value);%0A                }%0A            }%0A        });%0A        return function () { return hookSetter(target, key, original || {}); };%0A    }%0A    function getWindowHeight() {%0A        return (window.innerHeight ||%0A            (document.documentElement && document.documentElement.clientHeight) ||%0A            (document.body && document.body.clientHeight));%0A    }%0A    function getWindowWidth() {%0A        return (window.innerWidth ||%0A            (document.documentElement && document.documentElement.clientWidth) ||%0A            (document.body && document.body.clientWidth));%0A    }%0A%0A    var EventType;%0A    (function (EventType) {%0A        EventType[EventType[\\\\\\"DomContentLoaded\\\\\\"] = 0] = \\\\\\"DomContentLoaded\\\\\\";%0A        EventType[EventType[\\\\\\"Load\\\\\\"] = 1] = \\\\\\"Load\\\\\\";%0A        EventType[EventType[\\\\\\"FullSnapshot\\\\\\"] = 2] = \\\\\\"FullSnapshot\\\\\\";%0A        EventType[EventType[\\\\\\"IncrementalSnapshot\\\\\\"] = 3] = \\\\\\"IncrementalSnapshot\\\\\\";%0A        EventType[EventType[\\\\\\"Meta\\\\\\"] = 4] = \\\\\\"Meta\\\\\\";%0A    })(EventType || (EventType = {}));%0A    var IncrementalSource;%0A    (function (IncrementalSource) {%0A        IncrementalSource[IncrementalSource[\\\\\\"Mutation\\\\\\"] = 0] = \\\\\\"Mutation\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"MouseMove\\\\\\"] = 1] = \\\\\\"MouseMove\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"MouseInteraction\\\\\\"] = 2] = \\\\\\"MouseInteraction\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"Scroll\\\\\\"] = 3] = \\\\\\"Scroll\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"ViewportResize\\\\\\"] = 4] = \\\\\\"ViewportResize\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"Input\\\\\\"] = 5] = \\\\\\"Input\\\\\\";%0A    })(IncrementalSource || (IncrementalSource = {}));%0A    var MouseInteractions;%0A    (function (MouseInteractions) {%0A        MouseInteractions[MouseInteractions[\\\\\\"MouseUp\\\\\\"] = 0] = \\\\\\"MouseUp\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"MouseDown\\\\\\"] = 1] = \\\\\\"MouseDown\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"Click\\\\\\"] = 2] = \\\\\\"Click\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"ContextMenu\\\\\\"] = 3] = \\\\\\"ContextMenu\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"DblClick\\\\\\"] = 4] = \\\\\\"DblClick\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"Focus\\\\\\"] = 5] = \\\\\\"Focus\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"Blur\\\\\\"] = 6] = \\\\\\"Blur\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"TouchStart\\\\\\"] = 7] = \\\\\\"TouchStart\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"TouchMove\\\\\\"] = 8] = \\\\\\"TouchMove\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"TouchEnd\\\\\\"] = 9] = \\\\\\"TouchEnd\\\\\\";%0A    })(MouseInteractions || (MouseInteractions = {}));%0A%0A    function initMutationObserver(cb) {%0A        var observer = new MutationObserver(function (mutations) {%0A            var texts = [];%0A            var attributes = [];%0A            var removes = [];%0A            var adds = [];%0A            var dropped = [];%0A            var addsSet = new Set();%0A            var genAdds = function (n) {%0A                addsSet.add(n);%0A                n.childNodes.forEach(function (childN) { return genAdds(childN); });%0A            };%0A            mutations.forEach(function (mutation) {%0A                var type = mutation.type, target = mutation.target, oldValue = mutation.oldValue, addedNodes = mutation.addedNodes, removedNodes = mutation.removedNodes, attributeName = mutation.attributeName;%0A                switch (type) {%0A                    case 'characterData': {%0A                        var value = target.textContent;%0A                        if (value !== oldValue) {%0A                            texts.push({%0A                                value: value,%0A                                node: target%0A                            });%0A                        }%0A                        break;%0A                    }%0A                    case 'attributes': {%0A                        var value = target.getAttribute(attributeName);%0A                        if (value === oldValue) {%0A                            return;%0A                        }%0A                        var item = attributes.find(function (a) { return a.node === target; });%0A                        if (!item) {%0A                            item = {%0A                                node: target,%0A                                attributes: {}%0A                            };%0A                            attributes.push(item);%0A                        }%0A                        item.attributes[attributeName] = value;%0A                    }%0A                    case 'childList': {%0A                        addedNodes.forEach(function (n) { return genAdds(n); });%0A                        removedNodes.forEach(function (n) {%0A                            if (addsSet.has(n)) {%0A                                addsSet[\\\\\\"delete\\\\\\"](n);%0A                                dropped.push(n);%0A                            }%0A                            else if (addsSet.has(target) && !mirror.getId(n)) ;%0A                            else {%0A                                removes.push({%0A                                    parentId: mirror.getId(target),%0A                                    id: mirror.getId(n)%0A                                });%0A                            }%0A                            mirror.removeNodeFromMap(n);%0A                        });%0A                        break;%0A                    }%0A                    default:%0A                        break;%0A                }%0A            });%0A            removes = removes.map(function (remove) {%0A                if (remove.parentNode) {%0A                    remove.parentId = mirror.getId(remove.parentNode);%0A                    delete remove.parentNode;%0A                }%0A                return remove;%0A            });%0A            Array.from(addsSet).forEach(function (n) {%0A                var parentId = mirror.getId(n.parentNode);%0A                if (parentId &&%0A                    !dropped.some(function (d) { return d === n.parentNode; }) &&%0A                    !removes.some(function (r) { return r.id === parentId; })) {%0A                    adds.push({%0A                        parentId: mirror.getId(n.parentNode),%0A                        previousId: !n.previousSibling%0A                            ? n.previousSibling%0A                            : mirror.getId(n.previousSibling),%0A                        nextId: !n.nextSibling%0A                            ? n.nextSibling%0A                            : mirror.getId(n.nextSibling),%0A                        node: serializeNodeWithId(n, document, mirror.map, true)%0A                    });%0A                }%0A                else {%0A                    dropped.push(n);%0A                }%0A            });%0A            cb({%0A                texts: texts%0A                    .map(function (text) { return ({%0A                    id: mirror.getId(text.node),%0A                    value: text.value%0A                }); })%0A                    .filter(function (text) { return mirror.has(text.id); }),%0A                attributes: attributes%0A                    .map(function (attribute) { return ({%0A                    id: mirror.getId(attribute.node),%0A                    attributes: attribute.attributes%0A                }); })%0A                    .filter(function (attribute) { return mirror.has(attribute.id); }),%0A                removes: removes,%0A                adds: adds%0A            });%0A        });%0A        observer.observe(document, {%0A            attributes: true,%0A            attributeOldValue: true,%0A            characterData: true,%0A            characterDataOldValue: true,%0A            childList: true,%0A            subtree: true%0A        });%0A        return observer;%0A    }%0A    function initMousemoveObserver(cb) {%0A        var positions = [];%0A        var timeBaseline;%0A        var wrappedCb = throttle(function () {%0A            var totalOffset = Date.now() - timeBaseline;%0A            cb(positions.map(function (p) {%0A                p.timeOffset -= totalOffset;%0A                return p;%0A            }));%0A            positions = [];%0A            timeBaseline = null;%0A        }, 500);%0A        var updatePosition = throttle(function (evt) {%0A            var clientX = evt.clientX, clientY = evt.clientY, target = evt.target;%0A            if (!timeBaseline) {%0A                timeBaseline = Date.now();%0A            }%0A            positions.push({%0A                x: clientX,%0A                y: clientY,%0A                id: mirror.getId(target),%0A                timeOffset: Date.now() - timeBaseline%0A            });%0A            wrappedCb();%0A        }, 20, {%0A            trailing: false%0A        });%0A        return on('mousemove', updatePosition);%0A    }%0A    function initMouseInteractionObserver(cb) {%0A        var handlers = [];%0A        var getHandler = function (eventKey) {%0A            return function (event) {%0A                var id = mirror.getId(event.target);%0A                var clientX = event.clientX, clientY = event.clientY;%0A                cb({%0A                    type: MouseInteractions[eventKey],%0A                    id: id,%0A                    x: clientX,%0A                    y: clientY%0A                });%0A            };%0A        };%0A        Object.keys(MouseInteractions)%0A            .filter(function (key) { return Number.isNaN(Number(key)); })%0A            .forEach(function (eventKey) {%0A            var eventName = eventKey.toLowerCase();%0A            var handler = getHandler(eventKey);%0A            handlers.push(on(eventName, handler));%0A        });%0A        return function () {%0A            handlers.forEach(function (h) { return h(); });%0A        };%0A    }%0A    function initScrollObserver(cb) {%0A        var updatePosition = throttle(function (evt) {%0A            if (!evt.target) {%0A                return;%0A            }%0A            var id = mirror.getId(evt.target);%0A            if (evt.target === document) {%0A                cb({%0A                    id: id,%0A                    x: document.documentElement.scrollLeft,%0A                    y: document.documentElement.scrollTop%0A                });%0A            }%0A            else {%0A                cb({%0A                    id: id,%0A                    x: evt.target.scrollLeft,%0A                    y: evt.target.scrollTop%0A                });%0A            }%0A        }, 100);%0A        return on('scroll', updatePosition);%0A    }%0A    function initViewportResizeObserver(cb) {%0A        var updateDimension = throttle(function () {%0A            var height = getWindowHeight();%0A            var width = getWindowWidth();%0A            cb({%0A                width: Number(width),%0A                height: Number(height)%0A            });%0A        }, 200);%0A        return on('resize', updateDimension, window);%0A    }%0A    var INPUT_TAGS = ['INPUT', 'TEXTAREA', 'SELECT'];%0A    var HOOK_PROPERTIES = [%0A        [HTMLInputElement.prototype, 'value'],%0A        [HTMLInputElement.prototype, 'checked'],%0A        [HTMLSelectElement.prototype, 'value'],%0A        [HTMLTextAreaElement.prototype, 'value'],%0A    ];%0A    var lastInputValueMap = new WeakMap();%0A    function initInputObserver(cb) {%0A        function eventHandler(event) {%0A            var target = event.target;%0A            if (!target ||%0A                !target.tagName ||%0A                INPUT_TAGS.indexOf(target.tagName) < 0) {%0A                return;%0A            }%0A            var type = target.type;%0A            var text = target.value;%0A            var isChecked = false;%0A            if (type === 'radio' || type === 'checkbox') {%0A                isChecked = target.checked;%0A            }%0A            cbWithDedup(target, { text: text, isChecked: isChecked });%0A            var name = target.name;%0A            if (type === 'radio' && name && isChecked) {%0A                document%0A                    .querySelectorAll(\\\\\\"input[type=\\\\\\\\\\\\\\"radio\\\\\\\\\\\\\\"][name=\\\\\\\\\\\\\\"\\\\\\" + name + \\\\\\"\\\\\\\\\\\\\\"]\\\\\\")%0A                    .forEach(function (el) {%0A                    if (el !== target) {%0A                        cbWithDedup(el, {%0A                            text: el.value,%0A                            isChecked: !isChecked%0A                        });%0A                    }%0A                });%0A            }%0A        }%0A        function cbWithDedup(target, v) {%0A            var lastInputValue = lastInputValueMap.get(target);%0A            if (!lastInputValue ||%0A                lastInputValue.text !== v.text ||%0A                lastInputValue.isChecked !== v.isChecked) {%0A                lastInputValueMap.set(target, v);%0A                var id = mirror.getId(target);%0A                cb(__assign({}, v, { id: id }));%0A            }%0A        }%0A        var handlers = [%0A            'input',%0A            'change',%0A        ].map(function (eventName) { return on(eventName, eventHandler); });%0A        var propertyDescriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');%0A        if (propertyDescriptor && propertyDescriptor.set) {%0A            handlers.push.apply(handlers, HOOK_PROPERTIES.map(function (p) {%0A                return hookSetter(p[0], p[1], {%0A                    set: function () {%0A                        eventHandler({ target: this });%0A                    }%0A                });%0A            }));%0A        }%0A        return function () {%0A            handlers.forEach(function (h) { return h(); });%0A        };%0A    }%0A    function initObservers(o) {%0A        var mutationObserver = initMutationObserver(o.mutationCb);%0A        var mousemoveHandler = initMousemoveObserver(o.mousemoveCb);%0A        var mouseInteractionHandler = initMouseInteractionObserver(o.mouseInteractionCb);%0A        var scrollHandler = initScrollObserver(o.scrollCb);%0A        var viewportResizeHandler = initViewportResizeObserver(o.viewportResizeCb);%0A        var inputHandler = initInputObserver(o.inputCb);%0A        return {%0A            mutationObserver: mutationObserver,%0A            mousemoveHandler: mousemoveHandler,%0A            mouseInteractionHandler: mouseInteractionHandler,%0A            scrollHandler: scrollHandler,%0A            viewportResizeHandler: viewportResizeHandler,%0A            inputHandler: inputHandler%0A        };%0A    }%0A%0A    function wrapEvent(e) {%0A        return __assign({}, e, { timestamp: Date.now() });%0A    }%0A    function record(options) {%0A        if (options === void 0) { options = {}; }%0A        var emit = options.emit;%0A        if (!emit) {%0A            throw new Error('emit function is required');%0A        }%0A        try {%0A            on('DOMContentLoaded', function () {%0A                emit(wrapEvent({%0A                    type: EventType.DomContentLoaded,%0A                    data: {}%0A                }));%0A            });%0A            var init_1 = function () {%0A                emit(wrapEvent({%0A                    type: EventType.Meta,%0A                    data: {%0A                        href: window.location.href,%0A                        width: getWindowWidth(),%0A                        height: getWindowHeight()%0A                    }%0A                }));%0A                var _a = snapshot(document), node = _a[0], idNodeMap = _a[1];%0A                if (!node) {%0A                    return console.warn('Failed to snapshot the document');%0A                }%0A                mirror.map = idNodeMap;%0A                emit(wrapEvent({%0A                    type: EventType.FullSnapshot,%0A                    data: {%0A                        node: node,%0A                        initialOffset: {%0A                            left: document.documentElement.scrollLeft,%0A                            top: document.documentElement.scrollTop%0A                        }%0A                    }%0A                }));%0A                initObservers({%0A                    mutationCb: function (m) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.Mutation }, m)%0A                        }));%0A                    },%0A                    mousemoveCb: function (positions) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: {%0A                                source: IncrementalSource.MouseMove,%0A                                positions: positions%0A                            }%0A                        }));%0A                    },%0A                    mouseInteractionCb: function (d) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.MouseInteraction }, d)%0A                        }));%0A                    },%0A                    scrollCb: function (p) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.Scroll }, p)%0A                        }));%0A                    },%0A                    viewportResizeCb: function (d) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.ViewportResize }, d)%0A                        }));%0A                    },%0A                    inputCb: function (v) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.Input }, v)%0A                        }));%0A                    }%0A                });%0A            };%0A            if (document.readyState === 'interactive' ||%0A                document.readyState === 'complete') {%0A                init_1();%0A            }%0A            else {%0A                on('load', function () {%0A                    emit(wrapEvent({%0A                        type: EventType.Load,%0A                        data: {}%0A                    }));%0A                    init_1();%0A                }, window);%0A            }%0A        }%0A        catch (error) {%0A            console.warn(error);%0A        }%0A    }%0A%0A    return record;%0A%0A}());%0A%0A      window.Date.now = () => new Date(Date.UTC(2018, 10, 15, 8)).valueOf();%0A      window.snapshots = [];%0A      record({%0A        emit: event => {%0A          console.log(event);%0A          window.snapshots.push(event);%0A        }%0A      });%0A    </script>%0A    </body>%0A    %0A</html>\\",
+      \\"href\\": \\"about:blank\\",
       \\"width\\": 1920,
       \\"height\\": 1080
     },
diff --git a/test/__snapshots__/integration.ts.snap b/test/__snapshots__/integration.ts.snap
deleted file mode 100644
index 7ec93a87..00000000
--- a/test/__snapshots__/integration.ts.snap
+++ /dev/null
@@ -1,2325 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`attributes 1`] = `
-"[
-  {
-    \\"type\\": 0,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 1,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 4,
-    \\"data\\": {
-      \\"href\\": \\"about:blank\\",
-      \\"width\\": 1920,
-      \\"height\\": 1080
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 2,
-    \\"data\\": {
-      \\"node\\": {
-        \\"type\\": 0,
-        \\"childNodes\\": [
-          {
-            \\"type\\": 2,
-            \\"tagName\\": \\"html\\",
-            \\"attributes\\": {},
-            \\"childNodes\\": [
-              {
-                \\"type\\": 2,
-                \\"tagName\\": \\"head\\",
-                \\"attributes\\": {},
-                \\"childNodes\\": [],
-                \\"id\\": 3
-              },
-              {
-                \\"type\\": 2,
-                \\"tagName\\": \\"body\\",
-                \\"attributes\\": {},
-                \\"childNodes\\": [
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 5
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"p\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"mutation observer\\",
-                        \\"id\\": 7
-                      }
-                    ],
-                    \\"id\\": 6
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 8
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"ul\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 10
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"li\\",
-                        \\"attributes\\": {},
-                        \\"childNodes\\": [],
-                        \\"id\\": 11
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n  \\",
-                        \\"id\\": 12
-                      }
-                    ],
-                    \\"id\\": 9
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n\\\\n    \\",
-                    \\"id\\": 13
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"script\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 15
-                      }
-                    ],
-                    \\"id\\": 14
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n    \\\\n    \\",
-                    \\"id\\": 16
-                  }
-                ],
-                \\"id\\": 4
-              }
-            ],
-            \\"id\\": 2
-          }
-        ],
-        \\"id\\": 1
-      },
-      \\"initialOffset\\": {
-        \\"left\\": 0,
-        \\"top\\": 0
-      }
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 0,
-      \\"texts\\": [],
-      \\"attributes\\": [
-        {
-          \\"id\\": 4,
-          \\"attributes\\": {
-            \\"test\\": \\"true\\"
-          }
-        }
-      ],
-      \\"removes\\": [
-        {
-          \\"parentId\\": 4,
-          \\"id\\": 9
-        }
-      ],
-      \\"adds\\": []
-    },
-    \\"timestamp\\": 1542268800000
-  }
-]"
-`;
-
-exports[`character-data 1`] = `
-"[
-  {
-    \\"type\\": 0,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 1,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 4,
-    \\"data\\": {
-      \\"href\\": \\"about:blank\\",
-      \\"width\\": 1920,
-      \\"height\\": 1080
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 2,
-    \\"data\\": {
-      \\"node\\": {
-        \\"type\\": 0,
-        \\"childNodes\\": [
-          {
-            \\"type\\": 2,
-            \\"tagName\\": \\"html\\",
-            \\"attributes\\": {},
-            \\"childNodes\\": [
-              {
-                \\"type\\": 2,
-                \\"tagName\\": \\"head\\",
-                \\"attributes\\": {},
-                \\"childNodes\\": [],
-                \\"id\\": 3
-              },
-              {
-                \\"type\\": 2,
-                \\"tagName\\": \\"body\\",
-                \\"attributes\\": {},
-                \\"childNodes\\": [
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 5
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"p\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"mutation observer\\",
-                        \\"id\\": 7
-                      }
-                    ],
-                    \\"id\\": 6
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 8
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"ul\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 10
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"li\\",
-                        \\"attributes\\": {},
-                        \\"childNodes\\": [],
-                        \\"id\\": 11
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n  \\",
-                        \\"id\\": 12
-                      }
-                    ],
-                    \\"id\\": 9
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n\\\\n    \\",
-                    \\"id\\": 13
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"script\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 15
-                      }
-                    ],
-                    \\"id\\": 14
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n    \\\\n    \\",
-                    \\"id\\": 16
-                  }
-                ],
-                \\"id\\": 4
-              }
-            ],
-            \\"id\\": 2
-          }
-        ],
-        \\"id\\": 1
-      },
-      \\"initialOffset\\": {
-        \\"left\\": 0,
-        \\"top\\": 0
-      }
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 0,
-      \\"texts\\": [
-        {
-          \\"id\\": 7,
-          \\"value\\": \\"mutated\\"
-        }
-      ],
-      \\"attributes\\": [],
-      \\"removes\\": [
-        {
-          \\"parentId\\": 4,
-          \\"id\\": 9
-        }
-      ],
-      \\"adds\\": []
-    },
-    \\"timestamp\\": 1542268800000
-  }
-]"
-`;
-
-exports[`child-list 1`] = `
-"[
-  {
-    \\"type\\": 0,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 1,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 4,
-    \\"data\\": {
-      \\"href\\": \\"about:blank\\",
-      \\"width\\": 1920,
-      \\"height\\": 1080
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 2,
-    \\"data\\": {
-      \\"node\\": {
-        \\"type\\": 0,
-        \\"childNodes\\": [
-          {
-            \\"type\\": 2,
-            \\"tagName\\": \\"html\\",
-            \\"attributes\\": {},
-            \\"childNodes\\": [
-              {
-                \\"type\\": 2,
-                \\"tagName\\": \\"head\\",
-                \\"attributes\\": {},
-                \\"childNodes\\": [],
-                \\"id\\": 3
-              },
-              {
-                \\"type\\": 2,
-                \\"tagName\\": \\"body\\",
-                \\"attributes\\": {},
-                \\"childNodes\\": [
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 5
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"p\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"mutation observer\\",
-                        \\"id\\": 7
-                      }
-                    ],
-                    \\"id\\": 6
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 8
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"ul\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 10
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"li\\",
-                        \\"attributes\\": {},
-                        \\"childNodes\\": [],
-                        \\"id\\": 11
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n  \\",
-                        \\"id\\": 12
-                      }
-                    ],
-                    \\"id\\": 9
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n\\\\n    \\",
-                    \\"id\\": 13
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"script\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 15
-                      }
-                    ],
-                    \\"id\\": 14
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n    \\\\n    \\",
-                    \\"id\\": 16
-                  }
-                ],
-                \\"id\\": 4
-              }
-            ],
-            \\"id\\": 2
-          }
-        ],
-        \\"id\\": 1
-      },
-      \\"initialOffset\\": {
-        \\"left\\": 0,
-        \\"top\\": 0
-      }
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 0,
-      \\"texts\\": [],
-      \\"attributes\\": [],
-      \\"removes\\": [
-        {
-          \\"parentId\\": 4,
-          \\"id\\": 9
-        }
-      ],
-      \\"adds\\": [
-        {
-          \\"parentId\\": 6,
-          \\"previousId\\": 7,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"span\\",
-            \\"attributes\\": {},
-            \\"childNodes\\": [],
-            \\"id\\": 17
-          }
-        }
-      ]
-    },
-    \\"timestamp\\": 1542268800000
-  }
-]"
-`;
-
-exports[`form 1`] = `
-"[
-  {
-    \\"type\\": 0,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 1,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 4,
-    \\"data\\": {
-      \\"href\\": \\"about:blank\\",
-      \\"width\\": 1920,
-      \\"height\\": 1080
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"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\\": \\"meta\\",
-                    \\"attributes\\": {
-                      \\"http-equiv\\": \\"X-UA-Compatible\\",
-                      \\"content\\": \\"ie=edge\\"
-                    },
-                    \\"childNodes\\": [],
-                    \\"id\\": 10
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 11
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"title\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"form fields\\",
-                        \\"id\\": 13
-                      }
-                    ],
-                    \\"id\\": 12
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n\\",
-                    \\"id\\": 14
-                  }
-                ],
-                \\"id\\": 4
-              },
-              {
-                \\"type\\": 3,
-                \\"textContent\\": \\"\\\\n\\\\n\\",
-                \\"id\\": 15
-              },
-              {
-                \\"type\\": 2,
-                \\"tagName\\": \\"body\\",
-                \\"attributes\\": {},
-                \\"childNodes\\": [
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 17
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"form\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 19
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"text\\"
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 21
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"input\\",
-                            \\"attributes\\": {
-                              \\"type\\": \\"text\\"
-                            },
-                            \\"childNodes\\": [],
-                            \\"id\\": 22
-                          },
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n    \\",
-                            \\"id\\": 23
-                          }
-                        ],
-                        \\"id\\": 20
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 24
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"radio\\"
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 26
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"input\\",
-                            \\"attributes\\": {
-                              \\"type\\": \\"radio\\"
-                            },
-                            \\"childNodes\\": [],
-                            \\"id\\": 27
-                          },
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n    \\",
-                            \\"id\\": 28
-                          }
-                        ],
-                        \\"id\\": 25
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 29
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"checkbox\\"
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 31
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"input\\",
-                            \\"attributes\\": {
-                              \\"type\\": \\"checkbox\\"
-                            },
-                            \\"childNodes\\": [],
-                            \\"id\\": 32
-                          },
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n    \\",
-                            \\"id\\": 33
-                          }
-                        ],
-                        \\"id\\": 30
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 34
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"textarea\\"
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 36
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"textarea\\",
-                            \\"attributes\\": {
-                              \\"name\\": \\"\\",
-                              \\"id\\": \\"\\",
-                              \\"cols\\": \\"30\\",
-                              \\"rows\\": \\"10\\"
-                            },
-                            \\"childNodes\\": [],
-                            \\"id\\": 37
-                          },
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n    \\",
-                            \\"id\\": 38
-                          }
-                        ],
-                        \\"id\\": 35
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 39
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"select\\"
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 41
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"select\\",
-                            \\"attributes\\": {
-                              \\"name\\": \\"\\",
-                              \\"id\\": \\"\\",
-                              \\"value\\": \\"1\\"
-                            },
-                            \\"childNodes\\": [
-                              {
-                                \\"type\\": 3,
-                                \\"textContent\\": \\"\\\\n        \\",
-                                \\"id\\": 43
-                              },
-                              {
-                                \\"type\\": 2,
-                                \\"tagName\\": \\"option\\",
-                                \\"attributes\\": {
-                                  \\"value\\": \\"1\\",
-                                  \\"selected\\": true
-                                },
-                                \\"childNodes\\": [
-                                  {
-                                    \\"type\\": 3,
-                                    \\"textContent\\": \\"1\\",
-                                    \\"id\\": 45
-                                  }
-                                ],
-                                \\"id\\": 44
-                              },
-                              {
-                                \\"type\\": 3,
-                                \\"textContent\\": \\"\\\\n        \\",
-                                \\"id\\": 46
-                              },
-                              {
-                                \\"type\\": 2,
-                                \\"tagName\\": \\"option\\",
-                                \\"attributes\\": {
-                                  \\"value\\": \\"2\\"
-                                },
-                                \\"childNodes\\": [
-                                  {
-                                    \\"type\\": 3,
-                                    \\"textContent\\": \\"2\\",
-                                    \\"id\\": 48
-                                  }
-                                ],
-                                \\"id\\": 47
-                              },
-                              {
-                                \\"type\\": 3,
-                                \\"textContent\\": \\"\\\\n      \\",
-                                \\"id\\": 49
-                              }
-                            ],
-                            \\"id\\": 42
-                          },
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"\\\\n    \\",
-                            \\"id\\": 50
-                          }
-                        ],
-                        \\"id\\": 40
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n  \\",
-                        \\"id\\": 51
-                      }
-                    ],
-                    \\"id\\": 18
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n\\\\n    \\",
-                    \\"id\\": 52
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"script\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 54
-                      }
-                    ],
-                    \\"id\\": 53
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n    \\\\n    \\\\n\\\\n\\\\n\\",
-                    \\"id\\": 55
-                  }
-                ],
-                \\"id\\": 16
-              }
-            ],
-            \\"id\\": 3
-          }
-        ],
-        \\"id\\": 1
-      },
-      \\"initialOffset\\": {
-        \\"left\\": 0,
-        \\"top\\": 0
-      }
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 5,
-      \\"id\\": 22
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"t\\",
-      \\"isChecked\\": false,
-      \\"id\\": 22
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"te\\",
-      \\"isChecked\\": false,
-      \\"id\\": 22
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"tes\\",
-      \\"isChecked\\": false,
-      \\"id\\": 22
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"test\\",
-      \\"isChecked\\": false,
-      \\"id\\": 22
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 1,
-      \\"id\\": 27
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 6,
-      \\"id\\": 22
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 5,
-      \\"id\\": 27
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 0,
-      \\"id\\": 27
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 2,
-      \\"id\\": 27
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"on\\",
-      \\"isChecked\\": true,
-      \\"id\\": 27
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 1,
-      \\"id\\": 32
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 6,
-      \\"id\\": 27
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 5,
-      \\"id\\": 32
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 0,
-      \\"id\\": 32
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 2,
-      \\"id\\": 32
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"on\\",
-      \\"isChecked\\": true,
-      \\"id\\": 32
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 6,
-      \\"id\\": 32
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 5,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"t\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"te\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"tex\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"text\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"texta\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"textar\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"textare\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"textarea\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"textarea \\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"textarea t\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"textarea te\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"textarea tes\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"textarea test\\",
-      \\"isChecked\\": false,
-      \\"id\\": 37
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"1\\",
-      \\"isChecked\\": false,
-      \\"id\\": 42
-    },
-    \\"timestamp\\": 1542268800000
-  }
-]"
-`;
-
-exports[`select2 1`] = `
-"[
-  {
-    \\"type\\": 0,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 1,
-    \\"data\\": {},
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 4,
-    \\"data\\": {
-      \\"href\\": \\"data:text/html,<!DOCTYPE html>%0A<html lang=\\\\\\"en\\\\\\">%0A<head>%0A  <meta charset=\\\\\\"UTF-8\\\\\\">%0A  <meta name=\\\\\\"viewport\\\\\\" content=\\\\\\"width=device-width, initial-scale=1.0\\\\\\">%0A  <meta http-equiv=\\\\\\"X-UA-Compatible\\\\\\" content=\\\\\\"ie=edge\\\\\\">%0A  <title>Select2 3.5</title>%0A  <link rel=\\\\\\"stylesheet\\\\\\" href=\\\\\\"https://cdn.jsdelivr.net/npm/select2@3.5.1/select2.css\\\\\\">%0A</head>%0A<body>%0A  <blockquote>%0A    Select2 is a jQuery replacement for select boxes.%0A    <br>%0A    In the 3.5 version it use a quite complicated DOM generation strategy which is a good battle-test for rrweb's recorder.%0A  </blockquote>%0A  <select id=\\\\\\"el\\\\\\">%0A    <option value=\\\\\\"a\\\\\\">A</option>%0A    <option value=\\\\\\"b\\\\\\">B</option>%0A  </select>%0A  <script src=\\\\\\"https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js\\\\\\"></script>%0A  <script src=\\\\\\"https://cdn.jsdelivr.net/npm/select2@3.5.2-browserify/select2.min.js\\\\\\"></script>%0A  <script>%0A    $('#el').select2();%0A  </script>%0A%0A    <script>%0A      var record = (function () {%0A    'use strict';%0A%0A    /*! *****************************************************************************%0D%0A    Copyright (c) Microsoft Corporation. All rights reserved.%0D%0A    Licensed under the Apache License, Version 2.0 (the \\\\\\"License\\\\\\"); you may not use%0D%0A    this file except in compliance with the License. You may obtain a copy of the%0D%0A    License at http://www.apache.org/licenses/LICENSE-2.0%0D%0A%0D%0A    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY%0D%0A    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED%0D%0A    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,%0D%0A    MERCHANTABLITY OR NON-INFRINGEMENT.%0D%0A%0D%0A    See the Apache Version 2.0 License for specific language governing permissions%0D%0A    and limitations under the License.%0D%0A    ***************************************************************************** */%0D%0A%0D%0A    var __assign = function() {%0D%0A        __assign = Object.assign || function __assign(t) {%0D%0A            for (var s, i = 1, n = arguments.length; i < n; i++) {%0D%0A                s = arguments[i];%0D%0A                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];%0D%0A            }%0D%0A            return t;%0D%0A        };%0D%0A        return __assign.apply(this, arguments);%0D%0A    };%0A%0A    var NodeType;%0A    (function (NodeType) {%0A        NodeType[NodeType[\\\\\\"Document\\\\\\"] = 0] = \\\\\\"Document\\\\\\";%0A        NodeType[NodeType[\\\\\\"DocumentType\\\\\\"] = 1] = \\\\\\"DocumentType\\\\\\";%0A        NodeType[NodeType[\\\\\\"Element\\\\\\"] = 2] = \\\\\\"Element\\\\\\";%0A        NodeType[NodeType[\\\\\\"Text\\\\\\"] = 3] = \\\\\\"Text\\\\\\";%0A        NodeType[NodeType[\\\\\\"CDATA\\\\\\"] = 4] = \\\\\\"CDATA\\\\\\";%0A        NodeType[NodeType[\\\\\\"Comment\\\\\\"] = 5] = \\\\\\"Comment\\\\\\";%0A    })(NodeType || (NodeType = {}));%0A%0A    var _id = 1;%0A    function genId() {%0A        return _id++;%0A    }%0A    function resetId() {%0A        _id = 1;%0A    }%0A    function getCssRulesString(s) {%0A        try {%0A            var rules = s.rules || s.cssRules;%0A            return rules%0A                ? Array.from(rules).reduce(function (prev, cur) { return (prev += cur.cssText); }, '')%0A                : null;%0A        }%0A        catch (error) {%0A            return null;%0A        }%0A    }%0A    function extractOrigin(url) {%0A        var origin;%0A        if (url.indexOf('//') > -1) {%0A            origin = url%0A                .split('/')%0A                .slice(0, 3)%0A                .join('/');%0A        }%0A        else {%0A            origin = url.split('/')[0];%0A        }%0A        origin = origin.split('?')[0];%0A        return origin;%0A    }%0A    var URL_IN_CSS_REF = /url\\\\\\\\((['\\\\\\"])([^'\\\\\\"]*)\\\\\\\\1\\\\\\\\)/gm;%0A    function absoluteToStylesheet(cssText, href) {%0A        return cssText.replace(URL_IN_CSS_REF, function (_1, _2, filePath) {%0A            if (!/^[./]/.test(filePath)) {%0A                return \\\\\\"url('\\\\\\" + filePath + \\\\\\"')\\\\\\";%0A            }%0A            if (filePath[0] === '/') {%0A                return \\\\\\"url('\\\\\\" + (extractOrigin(href) + filePath) + \\\\\\"')\\\\\\";%0A            }%0A            var stack = href.split('/');%0A            var parts = filePath.split('/');%0A            stack.pop();%0A            for (var _i = 0, parts_1 = parts; _i < parts_1.length; _i++) {%0A                var part = parts_1[_i];%0A                if (part === '.') {%0A                    continue;%0A                }%0A                else if (part === '..') {%0A                    stack.pop();%0A                }%0A                else {%0A                    stack.push(part);%0A                }%0A            }%0A            return \\\\\\"url('\\\\\\" + stack.join('/') + \\\\\\"')\\\\\\";%0A        });%0A    }%0A    var RELATIVE_PATH = /^(\\\\\\\\.\\\\\\\\.|\\\\\\\\.|)\\\\\\\\//;%0A    function absoluteToDoc(doc, attributeValue) {%0A        if (!RELATIVE_PATH.test(attributeValue)) {%0A            return attributeValue;%0A        }%0A        var a = doc.createElement('a');%0A        a.href = attributeValue;%0A        return a.href;%0A    }%0A    function isSVGElement(el) {%0A        return el.tagName === 'svg' || el instanceof SVGElement;%0A    }%0A    function serializeNode(n, doc) {%0A        switch (n.nodeType) {%0A            case n.DOCUMENT_NODE:%0A                return {%0A                    type: NodeType.Document,%0A                    childNodes: []%0A                };%0A            case n.DOCUMENT_TYPE_NODE:%0A                return {%0A                    type: NodeType.DocumentType,%0A                    name: n.name,%0A                    publicId: n.publicId,%0A                    systemId: n.systemId%0A                };%0A            case n.ELEMENT_NODE:%0A                var tagName = n.tagName.toLowerCase();%0A                var attributes_1 = {};%0A                for (var _i = 0, _a = Array.from(n.attributes); _i < _a.length; _i++) {%0A                    var _b = _a[_i], name = _b.name, value = _b.value;%0A                    if (name === 'src' || name === 'href') {%0A                        attributes_1[name] = absoluteToDoc(doc, value);%0A                    }%0A                    else {%0A                        attributes_1[name] = value;%0A                    }%0A                }%0A                if (tagName === 'link') {%0A                    var stylesheet = Array.from(doc.styleSheets).find(function (s) {%0A                        return s.href === n.href;%0A                    });%0A                    var cssText = getCssRulesString(stylesheet);%0A                    if (cssText) {%0A                        attributes_1 = {%0A                            _cssText: absoluteToStylesheet(cssText, stylesheet.href)%0A                        };%0A                    }%0A                }%0A                if (tagName === 'input' ||%0A                    tagName === 'textarea' ||%0A                    tagName === 'select') {%0A                    var value = n.value;%0A                    if (attributes_1.type !== 'radio' &&%0A                        attributes_1.type !== 'checkbox' &&%0A                        value) {%0A                        attributes_1.value = value;%0A                    }%0A                    else if (n.checked) {%0A                        attributes_1.checked = n.checked;%0A                    }%0A                }%0A                if (tagName === 'option') {%0A                    var selectValue = n.parentElement;%0A                    if (attributes_1.value === selectValue.value) {%0A                        attributes_1.selected = n.selected;%0A                    }%0A                }%0A                return {%0A                    type: NodeType.Element,%0A                    tagName: tagName,%0A                    attributes: attributes_1,%0A                    childNodes: [],%0A                    isSVG: isSVGElement(n) || undefined%0A                };%0A            case n.TEXT_NODE:%0A                var parentTagName = n.parentNode && n.parentNode.tagName;%0A                var textContent = n.textContent;%0A                if (parentTagName === 'SCRIPT') {%0A                    textContent = 'SCRIPT_PLACEHOLDER';%0A                }%0A                return {%0A                    type: NodeType.Text,%0A                    textContent: textContent || '',%0A                    isStyle: parentTagName === 'STYLE' ? true : undefined%0A                };%0A            case n.CDATA_SECTION_NODE:%0A                return {%0A                    type: NodeType.CDATA,%0A                    textContent: ''%0A                };%0A            case n.COMMENT_NODE:%0A                return {%0A                    type: NodeType.Comment,%0A                    textContent: n.textContent || ''%0A                };%0A            default:%0A                return false;%0A        }%0A    }%0A    function serializeNodeWithId(n, doc, map, skipChild) {%0A        if (skipChild === void 0) { skipChild = false; }%0A        var _serializedNode = serializeNode(n, doc);%0A        if (!_serializedNode) {%0A            console.warn(n, 'not serialized');%0A            return null;%0A        }%0A        var serializedNode = Object.assign(_serializedNode, {%0A            id: genId()%0A        });%0A        n.__sn = serializedNode;%0A        map[serializedNode.id] = n;%0A        if ((serializedNode.type === NodeType.Document ||%0A            serializedNode.type === NodeType.Element) &&%0A            !skipChild) {%0A            for (var _i = 0, _a = Array.from(n.childNodes); _i < _a.length; _i++) {%0A                var childN = _a[_i];%0A                var serializedChildNode = serializeNodeWithId(childN, doc, map);%0A                if (serializedChildNode) {%0A                    serializedNode.childNodes.push(serializedChildNode);%0A                }%0A            }%0A        }%0A        return serializedNode;%0A    }%0A    function snapshot(n) {%0A        resetId();%0A        var idNodeMap = {};%0A        return [serializeNodeWithId(n, n, idNodeMap), idNodeMap];%0A    }%0A%0A    function on(type, fn, target) {%0A        if (target === void 0) { target = document; }%0A        target.addEventListener(type, fn, { capture: true, passive: true });%0A        return function () { return target.removeEventListener(type, fn); };%0A    }%0A    var mirror = {%0A        map: {},%0A        getId: function (n) {%0A            if (!n.__sn) {%0A                return -1;%0A            }%0A            return n.__sn.id;%0A        },%0A        getNode: function (id) {%0A            return mirror.map[id] || null;%0A        },%0A        removeNodeFromMap: function (n) {%0A            var id = n.__sn && n.__sn.id;%0A            delete mirror.map[id];%0A            if (n.childNodes) {%0A                n.childNodes.forEach(function (child) {%0A                    return mirror.removeNodeFromMap(child);%0A                });%0A            }%0A        },%0A        has: function (id) {%0A            return mirror.map.hasOwnProperty(id);%0A        }%0A    };%0A    function throttle(func, wait, options) {%0A        if (options === void 0) { options = {}; }%0A        var timeout = null;%0A        var previous = 0;%0A        return function () {%0A            var now = Date.now();%0A            if (!previous && options.leading === false) {%0A                previous = now;%0A            }%0A            var remaining = wait - (now - previous);%0A            var context = this;%0A            var args = arguments;%0A            if (remaining <= 0 || remaining > wait) {%0A                if (timeout) {%0A                    window.clearTimeout(timeout);%0A                    timeout = null;%0A                }%0A                previous = now;%0A                func.apply(context, args);%0A            }%0A            else if (!timeout && options.trailing !== false) {%0A                timeout = window.setTimeout(function () {%0A                    previous = options.leading === false ? 0 : Date.now();%0A                    timeout = null;%0A                    func.apply(context, args);%0A                }, remaining);%0A            }%0A        };%0A    }%0A    function hookSetter(target, key, d) {%0A        var original = Object.getOwnPropertyDescriptor(target, key);%0A        Object.defineProperty(target, key, {%0A            set: function (value) {%0A                var _this = this;%0A                setTimeout(function () {%0A                    d.set.call(_this, value);%0A                }, 0);%0A                if (original && original.set) {%0A                    original.set.call(this, value);%0A                }%0A            }%0A        });%0A        return function () { return hookSetter(target, key, original || {}); };%0A    }%0A    function getWindowHeight() {%0A        return (window.innerHeight ||%0A            (document.documentElement && document.documentElement.clientHeight) ||%0A            (document.body && document.body.clientHeight));%0A    }%0A    function getWindowWidth() {%0A        return (window.innerWidth ||%0A            (document.documentElement && document.documentElement.clientWidth) ||%0A            (document.body && document.body.clientWidth));%0A    }%0A%0A    var EventType;%0A    (function (EventType) {%0A        EventType[EventType[\\\\\\"DomContentLoaded\\\\\\"] = 0] = \\\\\\"DomContentLoaded\\\\\\";%0A        EventType[EventType[\\\\\\"Load\\\\\\"] = 1] = \\\\\\"Load\\\\\\";%0A        EventType[EventType[\\\\\\"FullSnapshot\\\\\\"] = 2] = \\\\\\"FullSnapshot\\\\\\";%0A        EventType[EventType[\\\\\\"IncrementalSnapshot\\\\\\"] = 3] = \\\\\\"IncrementalSnapshot\\\\\\";%0A        EventType[EventType[\\\\\\"Meta\\\\\\"] = 4] = \\\\\\"Meta\\\\\\";%0A    })(EventType || (EventType = {}));%0A    var IncrementalSource;%0A    (function (IncrementalSource) {%0A        IncrementalSource[IncrementalSource[\\\\\\"Mutation\\\\\\"] = 0] = \\\\\\"Mutation\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"MouseMove\\\\\\"] = 1] = \\\\\\"MouseMove\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"MouseInteraction\\\\\\"] = 2] = \\\\\\"MouseInteraction\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"Scroll\\\\\\"] = 3] = \\\\\\"Scroll\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"ViewportResize\\\\\\"] = 4] = \\\\\\"ViewportResize\\\\\\";%0A        IncrementalSource[IncrementalSource[\\\\\\"Input\\\\\\"] = 5] = \\\\\\"Input\\\\\\";%0A    })(IncrementalSource || (IncrementalSource = {}));%0A    var MouseInteractions;%0A    (function (MouseInteractions) {%0A        MouseInteractions[MouseInteractions[\\\\\\"MouseUp\\\\\\"] = 0] = \\\\\\"MouseUp\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"MouseDown\\\\\\"] = 1] = \\\\\\"MouseDown\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"Click\\\\\\"] = 2] = \\\\\\"Click\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"ContextMenu\\\\\\"] = 3] = \\\\\\"ContextMenu\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"DblClick\\\\\\"] = 4] = \\\\\\"DblClick\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"Focus\\\\\\"] = 5] = \\\\\\"Focus\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"Blur\\\\\\"] = 6] = \\\\\\"Blur\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"TouchStart\\\\\\"] = 7] = \\\\\\"TouchStart\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"TouchMove\\\\\\"] = 8] = \\\\\\"TouchMove\\\\\\";%0A        MouseInteractions[MouseInteractions[\\\\\\"TouchEnd\\\\\\"] = 9] = \\\\\\"TouchEnd\\\\\\";%0A    })(MouseInteractions || (MouseInteractions = {}));%0A%0A    function initMutationObserver(cb) {%0A        var observer = new MutationObserver(function (mutations) {%0A            var texts = [];%0A            var attributes = [];%0A            var removes = [];%0A            var adds = [];%0A            var dropped = [];%0A            var addsSet = new Set();%0A            var genAdds = function (n) {%0A                addsSet.add(n);%0A                n.childNodes.forEach(function (childN) { return genAdds(childN); });%0A            };%0A            mutations.forEach(function (mutation) {%0A                var type = mutation.type, target = mutation.target, oldValue = mutation.oldValue, addedNodes = mutation.addedNodes, removedNodes = mutation.removedNodes, attributeName = mutation.attributeName;%0A                switch (type) {%0A                    case 'characterData': {%0A                        var value = target.textContent;%0A                        if (value !== oldValue) {%0A                            texts.push({%0A                                value: value,%0A                                node: target%0A                            });%0A                        }%0A                        break;%0A                    }%0A                    case 'attributes': {%0A                        var value = target.getAttribute(attributeName);%0A                        if (value === oldValue) {%0A                            return;%0A                        }%0A                        var item = attributes.find(function (a) { return a.node === target; });%0A                        if (!item) {%0A                            item = {%0A                                node: target,%0A                                attributes: {}%0A                            };%0A                            attributes.push(item);%0A                        }%0A                        item.attributes[attributeName] = value;%0A                    }%0A                    case 'childList': {%0A                        addedNodes.forEach(function (n) { return genAdds(n); });%0A                        removedNodes.forEach(function (n) {%0A                            if (addsSet.has(n)) {%0A                                addsSet[\\\\\\"delete\\\\\\"](n);%0A                                dropped.push(n);%0A                            }%0A                            else if (addsSet.has(target) && !mirror.getId(n)) ;%0A                            else {%0A                                removes.push({%0A                                    parentId: mirror.getId(target),%0A                                    id: mirror.getId(n)%0A                                });%0A                            }%0A                            mirror.removeNodeFromMap(n);%0A                        });%0A                        break;%0A                    }%0A                    default:%0A                        break;%0A                }%0A            });%0A            removes = removes.map(function (remove) {%0A                if (remove.parentNode) {%0A                    remove.parentId = mirror.getId(remove.parentNode);%0A                    delete remove.parentNode;%0A                }%0A                return remove;%0A            });%0A            Array.from(addsSet).forEach(function (n) {%0A                var parentId = mirror.getId(n.parentNode);%0A                if (parentId &&%0A                    !dropped.some(function (d) { return d === n.parentNode; }) &&%0A                    !removes.some(function (r) { return r.id === parentId; })) {%0A                    adds.push({%0A                        parentId: mirror.getId(n.parentNode),%0A                        previousId: !n.previousSibling%0A                            ? n.previousSibling%0A                            : mirror.getId(n.previousSibling),%0A                        nextId: !n.nextSibling%0A                            ? n.nextSibling%0A                            : mirror.getId(n.nextSibling),%0A                        node: serializeNodeWithId(n, document, mirror.map, true)%0A                    });%0A                }%0A                else {%0A                    dropped.push(n);%0A                }%0A            });%0A            cb({%0A                texts: texts%0A                    .map(function (text) { return ({%0A                    id: mirror.getId(text.node),%0A                    value: text.value%0A                }); })%0A                    .filter(function (text) { return mirror.has(text.id); }),%0A                attributes: attributes%0A                    .map(function (attribute) { return ({%0A                    id: mirror.getId(attribute.node),%0A                    attributes: attribute.attributes%0A                }); })%0A                    .filter(function (attribute) { return mirror.has(attribute.id); }),%0A                removes: removes,%0A                adds: adds%0A            });%0A        });%0A        observer.observe(document, {%0A            attributes: true,%0A            attributeOldValue: true,%0A            characterData: true,%0A            characterDataOldValue: true,%0A            childList: true,%0A            subtree: true%0A        });%0A        return observer;%0A    }%0A    function initMousemoveObserver(cb) {%0A        var positions = [];%0A        var timeBaseline;%0A        var wrappedCb = throttle(function () {%0A            var totalOffset = Date.now() - timeBaseline;%0A            cb(positions.map(function (p) {%0A                p.timeOffset -= totalOffset;%0A                return p;%0A            }));%0A            positions = [];%0A            timeBaseline = null;%0A        }, 500);%0A        var updatePosition = throttle(function (evt) {%0A            var clientX = evt.clientX, clientY = evt.clientY, target = evt.target;%0A            if (!timeBaseline) {%0A                timeBaseline = Date.now();%0A            }%0A            positions.push({%0A                x: clientX,%0A                y: clientY,%0A                id: mirror.getId(target),%0A                timeOffset: Date.now() - timeBaseline%0A            });%0A            wrappedCb();%0A        }, 20, {%0A            trailing: false%0A        });%0A        return on('mousemove', updatePosition);%0A    }%0A    function initMouseInteractionObserver(cb) {%0A        var handlers = [];%0A        var getHandler = function (eventKey) {%0A            return function (event) {%0A                var id = mirror.getId(event.target);%0A                var clientX = event.clientX, clientY = event.clientY;%0A                cb({%0A                    type: MouseInteractions[eventKey],%0A                    id: id,%0A                    x: clientX,%0A                    y: clientY%0A                });%0A            };%0A        };%0A        Object.keys(MouseInteractions)%0A            .filter(function (key) { return Number.isNaN(Number(key)); })%0A            .forEach(function (eventKey) {%0A            var eventName = eventKey.toLowerCase();%0A            var handler = getHandler(eventKey);%0A            handlers.push(on(eventName, handler));%0A        });%0A        return function () {%0A            handlers.forEach(function (h) { return h(); });%0A        };%0A    }%0A    function initScrollObserver(cb) {%0A        var updatePosition = throttle(function (evt) {%0A            if (!evt.target) {%0A                return;%0A            }%0A            var id = mirror.getId(evt.target);%0A            if (evt.target === document) {%0A                cb({%0A                    id: id,%0A                    x: document.documentElement.scrollLeft,%0A                    y: document.documentElement.scrollTop%0A                });%0A            }%0A            else {%0A                cb({%0A                    id: id,%0A                    x: evt.target.scrollLeft,%0A                    y: evt.target.scrollTop%0A                });%0A            }%0A        }, 100);%0A        return on('scroll', updatePosition);%0A    }%0A    function initViewportResizeObserver(cb) {%0A        var updateDimension = throttle(function () {%0A            var height = getWindowHeight();%0A            var width = getWindowWidth();%0A            cb({%0A                width: Number(width),%0A                height: Number(height)%0A            });%0A        }, 200);%0A        return on('resize', updateDimension, window);%0A    }%0A    var INPUT_TAGS = ['INPUT', 'TEXTAREA', 'SELECT'];%0A    var HOOK_PROPERTIES = [%0A        [HTMLInputElement.prototype, 'value'],%0A        [HTMLInputElement.prototype, 'checked'],%0A        [HTMLSelectElement.prototype, 'value'],%0A        [HTMLTextAreaElement.prototype, 'value'],%0A    ];%0A    var lastInputValueMap = new WeakMap();%0A    function initInputObserver(cb) {%0A        function eventHandler(event) {%0A            var target = event.target;%0A            if (!target ||%0A                !target.tagName ||%0A                INPUT_TAGS.indexOf(target.tagName) < 0) {%0A                return;%0A            }%0A            var type = target.type;%0A            var text = target.value;%0A            var isChecked = false;%0A            if (type === 'radio' || type === 'checkbox') {%0A                isChecked = target.checked;%0A            }%0A            cbWithDedup(target, { text: text, isChecked: isChecked });%0A            var name = target.name;%0A            if (type === 'radio' && name && isChecked) {%0A                document%0A                    .querySelectorAll(\\\\\\"input[type=\\\\\\\\\\\\\\"radio\\\\\\\\\\\\\\"][name=\\\\\\\\\\\\\\"\\\\\\" + name + \\\\\\"\\\\\\\\\\\\\\"]\\\\\\")%0A                    .forEach(function (el) {%0A                    if (el !== target) {%0A                        cbWithDedup(el, {%0A                            text: el.value,%0A                            isChecked: !isChecked%0A                        });%0A                    }%0A                });%0A            }%0A        }%0A        function cbWithDedup(target, v) {%0A            var lastInputValue = lastInputValueMap.get(target);%0A            if (!lastInputValue ||%0A                lastInputValue.text !== v.text ||%0A                lastInputValue.isChecked !== v.isChecked) {%0A                lastInputValueMap.set(target, v);%0A                var id = mirror.getId(target);%0A                cb(__assign({}, v, { id: id }));%0A            }%0A        }%0A        var handlers = [%0A            'input',%0A            'change',%0A        ].map(function (eventName) { return on(eventName, eventHandler); });%0A        var propertyDescriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');%0A        if (propertyDescriptor && propertyDescriptor.set) {%0A            handlers.push.apply(handlers, HOOK_PROPERTIES.map(function (p) {%0A                return hookSetter(p[0], p[1], {%0A                    set: function () {%0A                        eventHandler({ target: this });%0A                    }%0A                });%0A            }));%0A        }%0A        return function () {%0A            handlers.forEach(function (h) { return h(); });%0A        };%0A    }%0A    function initObservers(o) {%0A        var mutationObserver = initMutationObserver(o.mutationCb);%0A        var mousemoveHandler = initMousemoveObserver(o.mousemoveCb);%0A        var mouseInteractionHandler = initMouseInteractionObserver(o.mouseInteractionCb);%0A        var scrollHandler = initScrollObserver(o.scrollCb);%0A        var viewportResizeHandler = initViewportResizeObserver(o.viewportResizeCb);%0A        var inputHandler = initInputObserver(o.inputCb);%0A        return {%0A            mutationObserver: mutationObserver,%0A            mousemoveHandler: mousemoveHandler,%0A            mouseInteractionHandler: mouseInteractionHandler,%0A            scrollHandler: scrollHandler,%0A            viewportResizeHandler: viewportResizeHandler,%0A            inputHandler: inputHandler%0A        };%0A    }%0A%0A    function wrapEvent(e) {%0A        return __assign({}, e, { timestamp: Date.now() });%0A    }%0A    function record(options) {%0A        if (options === void 0) { options = {}; }%0A        var emit = options.emit;%0A        if (!emit) {%0A            throw new Error('emit function is required');%0A        }%0A        try {%0A            on('DOMContentLoaded', function () {%0A                emit(wrapEvent({%0A                    type: EventType.DomContentLoaded,%0A                    data: {}%0A                }));%0A            });%0A            var init_1 = function () {%0A                emit(wrapEvent({%0A                    type: EventType.Meta,%0A                    data: {%0A                        href: window.location.href,%0A                        width: getWindowWidth(),%0A                        height: getWindowHeight()%0A                    }%0A                }));%0A                var _a = snapshot(document), node = _a[0], idNodeMap = _a[1];%0A                if (!node) {%0A                    return console.warn('Failed to snapshot the document');%0A                }%0A                mirror.map = idNodeMap;%0A                emit(wrapEvent({%0A                    type: EventType.FullSnapshot,%0A                    data: {%0A                        node: node,%0A                        initialOffset: {%0A                            left: document.documentElement.scrollLeft,%0A                            top: document.documentElement.scrollTop%0A                        }%0A                    }%0A                }));%0A                initObservers({%0A                    mutationCb: function (m) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.Mutation }, m)%0A                        }));%0A                    },%0A                    mousemoveCb: function (positions) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: {%0A                                source: IncrementalSource.MouseMove,%0A                                positions: positions%0A                            }%0A                        }));%0A                    },%0A                    mouseInteractionCb: function (d) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.MouseInteraction }, d)%0A                        }));%0A                    },%0A                    scrollCb: function (p) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.Scroll }, p)%0A                        }));%0A                    },%0A                    viewportResizeCb: function (d) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.ViewportResize }, d)%0A                        }));%0A                    },%0A                    inputCb: function (v) {%0A                        return emit(wrapEvent({%0A                            type: EventType.IncrementalSnapshot,%0A                            data: __assign({ source: IncrementalSource.Input }, v)%0A                        }));%0A                    }%0A                });%0A            };%0A            if (document.readyState === 'interactive' ||%0A                document.readyState === 'complete') {%0A                init_1();%0A            }%0A            else {%0A                on('load', function () {%0A                    emit(wrapEvent({%0A                        type: EventType.Load,%0A                        data: {}%0A                    }));%0A                    init_1();%0A                }, window);%0A            }%0A        }%0A        catch (error) {%0A            console.warn(error);%0A        }%0A    }%0A%0A    return record;%0A%0A}());%0A%0A      window.Date.now = () => new Date(Date.UTC(2018, 10, 15, 8)).valueOf();%0A      window.snapshots = [];%0A      record({%0A        emit: event => {%0A          console.log(event);%0A          window.snapshots.push(event);%0A        }%0A      });%0A    </script>%0A    </body>%0A    %0A</html>\\",
-      \\"width\\": 1920,
-      \\"height\\": 1080
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"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\\": \\"meta\\",
-                    \\"attributes\\": {
-                      \\"http-equiv\\": \\"X-UA-Compatible\\",
-                      \\"content\\": \\"ie=edge\\"
-                    },
-                    \\"childNodes\\": [],
-                    \\"id\\": 10
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 11
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"title\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"Select2 3.5\\",
-                        \\"id\\": 13
-                      }
-                    ],
-                    \\"id\\": 12
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 14
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"link\\",
-                    \\"attributes\\": {
-                      \\"rel\\": \\"stylesheet\\",
-                      \\"href\\": \\"https://cdn.jsdelivr.net/npm/select2@3.5.1/select2.css\\"
-                    },
-                    \\"childNodes\\": [],
-                    \\"id\\": 15
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n\\",
-                    \\"id\\": 16
-                  }
-                ],
-                \\"id\\": 4
-              },
-              {
-                \\"type\\": 3,
-                \\"textContent\\": \\"\\\\n\\",
-                \\"id\\": 17
-              },
-              {
-                \\"type\\": 2,
-                \\"tagName\\": \\"body\\",
-                \\"attributes\\": {},
-                \\"childNodes\\": [
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 19
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"blockquote\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    Select2 is a jQuery replacement for select boxes.\\\\n    \\",
-                        \\"id\\": 21
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"br\\",
-                        \\"attributes\\": {},
-                        \\"childNodes\\": [],
-                        \\"id\\": 22
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    In the 3.5 version it use a quite complicated DOM generation strategy which is a good battle-test for rrweb's recorder.\\\\n  \\",
-                        \\"id\\": 23
-                      }
-                    ],
-                    \\"id\\": 20
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 24
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"div\\",
-                    \\"attributes\\": {
-                      \\"class\\": \\"select2-container\\",
-                      \\"id\\": \\"s2id_el\\"
-                    },
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"a\\",
-                        \\"attributes\\": {
-                          \\"href\\": \\"javascript:void(0)\\",
-                          \\"class\\": \\"select2-choice\\",
-                          \\"tabindex\\": \\"-1\\"
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"   \\",
-                            \\"id\\": 27
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"span\\",
-                            \\"attributes\\": {
-                              \\"class\\": \\"select2-chosen\\",
-                              \\"id\\": \\"select2-chosen-1\\"
-                            },
-                            \\"childNodes\\": [
-                              {
-                                \\"type\\": 3,
-                                \\"textContent\\": \\"A\\",
-                                \\"id\\": 29
-                              }
-                            ],
-                            \\"id\\": 28
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"abbr\\",
-                            \\"attributes\\": {
-                              \\"class\\": \\"select2-search-choice-close\\"
-                            },
-                            \\"childNodes\\": [],
-                            \\"id\\": 30
-                          },
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"   \\",
-                            \\"id\\": 31
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"span\\",
-                            \\"attributes\\": {
-                              \\"class\\": \\"select2-arrow\\",
-                              \\"role\\": \\"presentation\\"
-                            },
-                            \\"childNodes\\": [
-                              {
-                                \\"type\\": 2,
-                                \\"tagName\\": \\"b\\",
-                                \\"attributes\\": {
-                                  \\"role\\": \\"presentation\\"
-                                },
-                                \\"childNodes\\": [],
-                                \\"id\\": 33
-                              }
-                            ],
-                            \\"id\\": 32
-                          }
-                        ],
-                        \\"id\\": 26
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"s2id_autogen1\\",
-                          \\"class\\": \\"select2-offscreen\\"
-                        },
-                        \\"childNodes\\": [],
-                        \\"id\\": 34
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"input\\",
-                        \\"attributes\\": {
-                          \\"class\\": \\"select2-focusser select2-offscreen\\",
-                          \\"type\\": \\"text\\",
-                          \\"aria-haspopup\\": \\"true\\",
-                          \\"role\\": \\"button\\",
-                          \\"aria-labelledby\\": \\"select2-chosen-1\\",
-                          \\"id\\": \\"s2id_autogen1\\"
-                        },
-                        \\"childNodes\\": [],
-                        \\"id\\": 35
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"div\\",
-                        \\"attributes\\": {
-                          \\"class\\": \\"select2-drop select2-display-none select2-with-searchbox\\"
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"   \\",
-                            \\"id\\": 37
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"div\\",
-                            \\"attributes\\": {
-                              \\"class\\": \\"select2-search\\"
-                            },
-                            \\"childNodes\\": [
-                              {
-                                \\"type\\": 3,
-                                \\"textContent\\": \\"       \\",
-                                \\"id\\": 39
-                              },
-                              {
-                                \\"type\\": 2,
-                                \\"tagName\\": \\"label\\",
-                                \\"attributes\\": {
-                                  \\"for\\": \\"s2id_autogen1_search\\",
-                                  \\"class\\": \\"select2-offscreen\\"
-                                },
-                                \\"childNodes\\": [],
-                                \\"id\\": 40
-                              },
-                              {
-                                \\"type\\": 3,
-                                \\"textContent\\": \\"       \\",
-                                \\"id\\": 41
-                              },
-                              {
-                                \\"type\\": 2,
-                                \\"tagName\\": \\"input\\",
-                                \\"attributes\\": {
-                                  \\"type\\": \\"text\\",
-                                  \\"autocomplete\\": \\"off\\",
-                                  \\"autocorrect\\": \\"off\\",
-                                  \\"autocapitalize\\": \\"off\\",
-                                  \\"spellcheck\\": \\"false\\",
-                                  \\"class\\": \\"select2-input\\",
-                                  \\"role\\": \\"combobox\\",
-                                  \\"aria-expanded\\": \\"true\\",
-                                  \\"aria-autocomplete\\": \\"list\\",
-                                  \\"aria-owns\\": \\"select2-results-1\\",
-                                  \\"id\\": \\"s2id_autogen1_search\\",
-                                  \\"placeholder\\": \\"\\"
-                                },
-                                \\"childNodes\\": [],
-                                \\"id\\": 42
-                              },
-                              {
-                                \\"type\\": 3,
-                                \\"textContent\\": \\"   \\",
-                                \\"id\\": 43
-                              }
-                            ],
-                            \\"id\\": 38
-                          },
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"   \\",
-                            \\"id\\": 44
-                          },
-                          {
-                            \\"type\\": 2,
-                            \\"tagName\\": \\"ul\\",
-                            \\"attributes\\": {
-                              \\"class\\": \\"select2-results\\",
-                              \\"role\\": \\"listbox\\",
-                              \\"id\\": \\"select2-results-1\\"
-                            },
-                            \\"childNodes\\": [
-                              {
-                                \\"type\\": 3,
-                                \\"textContent\\": \\"   \\",
-                                \\"id\\": 46
-                              }
-                            ],
-                            \\"id\\": 45
-                          }
-                        ],
-                        \\"id\\": 36
-                      }
-                    ],
-                    \\"id\\": 25
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"select\\",
-                    \\"attributes\\": {
-                      \\"id\\": \\"el\\",
-                      \\"tabindex\\": \\"-1\\",
-                      \\"title\\": \\"\\",
-                      \\"style\\": \\"display: none;\\",
-                      \\"value\\": \\"a\\"
-                    },
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 48
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"option\\",
-                        \\"attributes\\": {
-                          \\"value\\": \\"a\\",
-                          \\"selected\\": true
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"A\\",
-                            \\"id\\": 50
-                          }
-                        ],
-                        \\"id\\": 49
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 51
-                      },
-                      {
-                        \\"type\\": 2,
-                        \\"tagName\\": \\"option\\",
-                        \\"attributes\\": {
-                          \\"value\\": \\"b\\"
-                        },
-                        \\"childNodes\\": [
-                          {
-                            \\"type\\": 3,
-                            \\"textContent\\": \\"B\\",
-                            \\"id\\": 53
-                          }
-                        ],
-                        \\"id\\": 52
-                      },
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n  \\",
-                        \\"id\\": 54
-                      }
-                    ],
-                    \\"id\\": 47
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 55
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"script\\",
-                    \\"attributes\\": {
-                      \\"src\\": \\"https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js\\"
-                    },
-                    \\"childNodes\\": [],
-                    \\"id\\": 56
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 57
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"script\\",
-                    \\"attributes\\": {
-                      \\"src\\": \\"https://cdn.jsdelivr.net/npm/select2@3.5.2-browserify/select2.min.js\\"
-                    },
-                    \\"childNodes\\": [],
-                    \\"id\\": 58
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n  \\",
-                    \\"id\\": 59
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"script\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 61
-                      }
-                    ],
-                    \\"id\\": 60
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"span\\",
-                    \\"attributes\\": {
-                      \\"role\\": \\"status\\",
-                      \\"aria-live\\": \\"polite\\",
-                      \\"class\\": \\"select2-hidden-accessible\\"
-                    },
-                    \\"childNodes\\": [],
-                    \\"id\\": 62
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n\\\\n    \\",
-                    \\"id\\": 63
-                  },
-                  {
-                    \\"type\\": 2,
-                    \\"tagName\\": \\"script\\",
-                    \\"attributes\\": {},
-                    \\"childNodes\\": [
-                      {
-                        \\"type\\": 3,
-                        \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 65
-                      }
-                    ],
-                    \\"id\\": 64
-                  },
-                  {
-                    \\"type\\": 3,
-                    \\"textContent\\": \\"\\\\n    \\\\n    \\\\n\\",
-                    \\"id\\": 66
-                  }
-                ],
-                \\"id\\": 18
-              }
-            ],
-            \\"id\\": 3
-          }
-        ],
-        \\"id\\": 1
-      },
-      \\"initialOffset\\": {
-        \\"left\\": 0,
-        \\"top\\": 0
-      }
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 1,
-      \\"id\\": 26
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 5,
-      \\"id\\": 42
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 0,
-      \\"texts\\": [],
-      \\"attributes\\": [
-        {
-          \\"id\\": 25,
-          \\"attributes\\": {
-            \\"class\\": \\"select2-container select2-dropdown-open select2-container-active\\"
-          }
-        },
-        {
-          \\"id\\": 75,
-          \\"attributes\\": {
-            \\"id\\": \\"select2-drop\\",
-            \\"class\\": \\"select2-drop select2-display-none select2-with-searchbox select2-drop-active\\"
-          }
-        },
-        {
-          \\"id\\": 93,
-          \\"attributes\\": {
-            \\"style\\": \\"\\"
-          }
-        },
-        {
-          \\"id\\": 81,
-          \\"attributes\\": {
-            \\"class\\": \\"select2-input select2-focused\\",
-            \\"aria-activedescendant\\": \\"select2-result-label-2\\"
-          }
-        },
-        {
-          \\"id\\": 35,
-          \\"attributes\\": {
-            \\"disabled\\": \\"\\"
-          }
-        },
-        {
-          \\"id\\": 85,
-          \\"attributes\\": {
-            \\"class\\": \\"select2-results-dept-0 select2-result select2-result-selectable select2-highlighted\\"
-          }
-        }
-      ],
-      \\"removes\\": [
-        {
-          \\"parentId\\": 25,
-          \\"id\\": 26
-        },
-        {
-          \\"parentId\\": 25,
-          \\"id\\": 36
-        },
-        {
-          \\"parentId\\": 45,
-          \\"id\\": 46
-        }
-      ],
-      \\"adds\\": [
-        {
-          \\"parentId\\": 25,
-          \\"previousId\\": null,
-          \\"nextId\\": 34,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"a\\",
-            \\"attributes\\": {
-              \\"href\\": \\"javascript:void(0)\\",
-              \\"class\\": \\"select2-choice\\",
-              \\"tabindex\\": \\"-1\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 67
-          }
-        },
-        {
-          \\"parentId\\": 67,
-          \\"previousId\\": null,
-          \\"nextId\\": 28,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"   \\",
-            \\"id\\": 68
-          }
-        },
-        {
-          \\"parentId\\": 67,
-          \\"previousId\\": 68,
-          \\"nextId\\": 30,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"span\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-chosen\\",
-              \\"id\\": \\"select2-chosen-1\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 69
-          }
-        },
-        {
-          \\"parentId\\": 69,
-          \\"previousId\\": null,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"A\\",
-            \\"id\\": 70
-          }
-        },
-        {
-          \\"parentId\\": 67,
-          \\"previousId\\": 69,
-          \\"nextId\\": 31,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"abbr\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-search-choice-close\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 71
-          }
-        },
-        {
-          \\"parentId\\": 67,
-          \\"previousId\\": 71,
-          \\"nextId\\": 32,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"   \\",
-            \\"id\\": 72
-          }
-        },
-        {
-          \\"parentId\\": 67,
-          \\"previousId\\": 72,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"span\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-arrow\\",
-              \\"role\\": \\"presentation\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 73
-          }
-        },
-        {
-          \\"parentId\\": 73,
-          \\"previousId\\": null,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"b\\",
-            \\"attributes\\": {
-              \\"role\\": \\"presentation\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 74
-          }
-        },
-        {
-          \\"parentId\\": 18,
-          \\"previousId\\": -1,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"div\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-drop select2-display-none select2-with-searchbox select2-drop-active\\",
-              \\"id\\": \\"select2-drop\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 75
-          }
-        },
-        {
-          \\"parentId\\": 75,
-          \\"previousId\\": null,
-          \\"nextId\\": 38,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"   \\",
-            \\"id\\": 76
-          }
-        },
-        {
-          \\"parentId\\": 75,
-          \\"previousId\\": 76,
-          \\"nextId\\": 44,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"div\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-search\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 77
-          }
-        },
-        {
-          \\"parentId\\": 77,
-          \\"previousId\\": null,
-          \\"nextId\\": 40,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"       \\",
-            \\"id\\": 78
-          }
-        },
-        {
-          \\"parentId\\": 77,
-          \\"previousId\\": 78,
-          \\"nextId\\": 41,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"label\\",
-            \\"attributes\\": {
-              \\"for\\": \\"s2id_autogen1_search\\",
-              \\"class\\": \\"select2-offscreen\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 79
-          }
-        },
-        {
-          \\"parentId\\": 77,
-          \\"previousId\\": 79,
-          \\"nextId\\": 42,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"       \\",
-            \\"id\\": 80
-          }
-        },
-        {
-          \\"parentId\\": 77,
-          \\"previousId\\": 80,
-          \\"nextId\\": 43,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"input\\",
-            \\"attributes\\": {
-              \\"type\\": \\"text\\",
-              \\"autocomplete\\": \\"off\\",
-              \\"autocorrect\\": \\"off\\",
-              \\"autocapitalize\\": \\"off\\",
-              \\"spellcheck\\": \\"false\\",
-              \\"class\\": \\"select2-input select2-focused\\",
-              \\"role\\": \\"combobox\\",
-              \\"aria-expanded\\": \\"true\\",
-              \\"aria-autocomplete\\": \\"list\\",
-              \\"aria-owns\\": \\"select2-results-1\\",
-              \\"id\\": \\"s2id_autogen1_search\\",
-              \\"placeholder\\": \\"\\",
-              \\"aria-activedescendant\\": \\"select2-result-label-2\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 81
-          }
-        },
-        {
-          \\"parentId\\": 77,
-          \\"previousId\\": 81,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"   \\",
-            \\"id\\": 82
-          }
-        },
-        {
-          \\"parentId\\": 75,
-          \\"previousId\\": 77,
-          \\"nextId\\": 45,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"   \\",
-            \\"id\\": 83
-          }
-        },
-        {
-          \\"parentId\\": 75,
-          \\"previousId\\": 83,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"ul\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-results\\",
-              \\"role\\": \\"listbox\\",
-              \\"id\\": \\"select2-results-1\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 84
-          }
-        },
-        {
-          \\"parentId\\": 84,
-          \\"previousId\\": null,
-          \\"nextId\\": -1,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"li\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-results-dept-0 select2-result select2-result-selectable select2-highlighted\\",
-              \\"role\\": \\"presentation\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 85
-          }
-        },
-        {
-          \\"parentId\\": 85,
-          \\"previousId\\": null,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"div\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-result-label\\",
-              \\"id\\": \\"select2-result-label-2\\",
-              \\"role\\": \\"option\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 86
-          }
-        },
-        {
-          \\"parentId\\": 86,
-          \\"previousId\\": null,
-          \\"nextId\\": -1,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"span\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-match\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 87
-          }
-        },
-        {
-          \\"parentId\\": 86,
-          \\"previousId\\": 87,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"A\\",
-            \\"id\\": 88
-          }
-        },
-        {
-          \\"parentId\\": 84,
-          \\"previousId\\": 85,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"li\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-results-dept-0 select2-result select2-result-selectable\\",
-              \\"role\\": \\"presentation\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 89
-          }
-        },
-        {
-          \\"parentId\\": 89,
-          \\"previousId\\": null,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"div\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-result-label\\",
-              \\"id\\": \\"select2-result-label-3\\",
-              \\"role\\": \\"option\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 90
-          }
-        },
-        {
-          \\"parentId\\": 90,
-          \\"previousId\\": null,
-          \\"nextId\\": -1,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"span\\",
-            \\"attributes\\": {
-              \\"class\\": \\"select2-match\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 91
-          }
-        },
-        {
-          \\"parentId\\": 90,
-          \\"previousId\\": 91,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"B\\",
-            \\"id\\": 92
-          }
-        },
-        {
-          \\"parentId\\": 18,
-          \\"previousId\\": 66,
-          \\"nextId\\": 75,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"div\\",
-            \\"attributes\\": {
-              \\"id\\": \\"select2-drop-mask\\",
-              \\"class\\": \\"select2-drop-mask\\",
-              \\"style\\": \\"\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 93
-          }
-        },
-        {
-          \\"parentId\\": 62,
-          \\"previousId\\": null,
-          \\"nextId\\": null,
-          \\"node\\": {
-            \\"type\\": 3,
-            \\"textContent\\": \\"2 results are available, use up and down arrow keys to navigate.\\",
-            \\"id\\": 94
-          }
-        }
-      ]
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 0,
-      \\"id\\": 93
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"\\",
-      \\"isChecked\\": false,
-      \\"id\\": 81
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 5,
-      \\"text\\": \\"\\",
-      \\"isChecked\\": false,
-      \\"id\\": 35
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 1,
-      \\"id\\": 93
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 6,
-      \\"id\\": 81
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 5,
-      \\"id\\": 35
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 0,
-      \\"texts\\": [],
-      \\"attributes\\": [
-        {
-          \\"id\\": 95,
-          \\"attributes\\": {
-            \\"style\\": \\"display: none;\\"
-          }
-        },
-        {
-          \\"id\\": 75,
-          \\"attributes\\": {
-            \\"id\\": null
-          }
-        },
-        {
-          \\"id\\": 25,
-          \\"attributes\\": {
-            \\"class\\": \\"select2-container select2-container-active\\"
-          }
-        },
-        {
-          \\"id\\": 35,
-          \\"attributes\\": {
-            \\"disabled\\": null
-          }
-        },
-        {
-          \\"id\\": 81,
-          \\"attributes\\": {
-            \\"class\\": \\"select2-input\\"
-          }
-        }
-      ],
-      \\"removes\\": [
-        {
-          \\"parentId\\": 18,
-          \\"id\\": 93
-        },
-        {
-          \\"parentId\\": 84,
-          \\"id\\": 85
-        },
-        {
-          \\"parentId\\": 84,
-          \\"id\\": 89
-        }
-      ],
-      \\"adds\\": [
-        {
-          \\"parentId\\": 18,
-          \\"previousId\\": 66,
-          \\"nextId\\": 75,
-          \\"node\\": {
-            \\"type\\": 2,
-            \\"tagName\\": \\"div\\",
-            \\"attributes\\": {
-              \\"id\\": \\"select2-drop-mask\\",
-              \\"class\\": \\"select2-drop-mask\\",
-              \\"style\\": \\"display: none;\\"
-            },
-            \\"childNodes\\": [],
-            \\"id\\": 95
-          }
-        }
-      ]
-    },
-    \\"timestamp\\": 1542268800000
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 2,
-      \\"type\\": 0,
-      \\"id\\": 67
-    },
-    \\"timestamp\\": 1542268800000
-  }
-]"
-`;
diff --git a/test/html/t.html b/test/html/t.html
new file mode 100644
index 00000000..4f7af581
--- /dev/null
+++ b/test/html/t.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Document</title>
+  </head>
+  <body>
+    <script id="_code">
+      const s = document.querySelector('#_code');
+      eval(`window.d = 123`);
+      document.body.removeChild(s);
+    </script>
+  </body>
+</html>
diff --git a/test/integration.test.ts b/test/integration.test.ts
index 649ecf67..9f63f5a4 100644
--- a/test/integration.test.ts
+++ b/test/integration.test.ts
@@ -6,11 +6,7 @@ import * as rollup from 'rollup';
 import typescript = require('rollup-plugin-typescript');
 import resolve = require('rollup-plugin-node-resolve');
 import { SnapshotState, toMatchSnapshot } from 'jest-snapshot';
-import {
-  incrementalSnapshotEvent,
-  EventType,
-  IncrementalSource,
-} from '../src/types';
+import { EventType, IncrementalSource, eventWithTime } from '../src/types';
 import { NodeType } from 'rrweb-snapshot';
 
 function matchSnapshot(actual: string, testFile: string, testTitle: string) {
@@ -32,7 +28,7 @@ function matchSnapshot(actual: string, testFile: string, testTitle: string) {
  * So we only do snapshot test with filtered events.
  * @param snapshots incrementalSnapshotEvent[]
  */
-function stringifySnapshots(snapshots: incrementalSnapshotEvent[]): string {
+function stringifySnapshots(snapshots: eventWithTime[]): string {
   return JSON.stringify(
     snapshots
       .filter(s => {
@@ -44,8 +40,11 @@ function stringifySnapshots(snapshots: incrementalSnapshotEvent[]): string {
         }
         return true;
       })
-      // FIXME: travis coordinates seems different with my laptop
       .map(s => {
+        if (s.type === EventType.Meta) {
+          s.data.href = 'about:blank';
+        }
+        // FIXME: travis coordinates seems different with my laptop
         const coordinatesReg = /(bottom|top|left|right)/;
         if (
           s.type === EventType.IncrementalSnapshot &&
