@ray-core/runtime/cjs/__tests__/index.test.js

Ray 是一个全新的基于 React 的小程序开发框架

"use strict";
var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        if (typeof b !== "function" && b !== null)
            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
var __read = (this && this.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
require("./helpers/setupGlobals");
var View_1 = __importDefault(require("./helpers/View"));
var Input_1 = __importDefault(require("./helpers/Input"));
var render_1 = __importDefault(require("../render"));
var instanceId_1 = require("../instanceId");
var Container_1 = __importDefault(require("../Container"));
var hooks_1 = require("../hooks");
var framework_shared_1 = require("@ray-core/framework-shared");
var constants_1 = require("../constants");
function delay(ms) {
    if (typeof ms !== 'number') {
        throw new Error('Must specify ms');
    }
    return new Promise(function (resolve) {
        setTimeout(function () {
            resolve();
        }, ms);
    });
}
var p = {
    setData: function (state, callback) {
        setTimeout(function () {
            if (typeof callback === 'function') {
                callback();
            }
        });
    },
    $batchedUpdates: function (callback) {
        callback();
    },
    $spliceData: function (state, callback) {
        setTimeout(function () {
            if (typeof callback === 'function') {
                callback();
            }
        });
    },
};
describe('ali remax render', function () {
    beforeEach(function () {
        framework_shared_1.RuntimeOptions.apply({ platform: 'ali' });
        (0, instanceId_1.reset)();
    });
    afterEach(function () {
        framework_shared_1.RuntimeOptions.reset();
        (0, instanceId_1.reset)();
    });
    it('render correctly', function () {
        var Page = function () { return React.createElement(View_1.default, { className: "foo" }, "hello"); };
        var container = new Container_1.default(p);
        (0, render_1.default)(React.createElement(Page, null), container);
        expect(container.root).toMatchSnapshot();
    });
    it('insert new element', function () {
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    list: [1, 3],
                };
                return _this;
            }
            Page.prototype.insert = function () {
                this.setState({
                    list: [1, 2, 3],
                });
            };
            Page.prototype.insertBefore = function () {
                this.setState({
                    list: [0, 1, 2, 3],
                });
            };
            Page.prototype.render = function () {
                var list = this.state.list;
                return (React.createElement(View_1.default, null, list.map(function (i) { return (React.createElement(View_1.default, { key: i }, i)); })));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(p);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect(container.root).toMatchSnapshot();
        page.current.insert();
        expect(container.root).toMatchSnapshot();
        page.current.insertBefore();
        expect(container.root).toMatchSnapshot();
    });
    it('insert and remove element', function () {
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    show: false,
                };
                return _this;
            }
            Page.prototype.show = function () {
                this.setState({
                    show: true,
                });
            };
            Page.prototype.hide = function () {
                this.setState({
                    show: false,
                });
            };
            Page.prototype.render = function () {
                var show = this.state.show;
                return (React.createElement(View_1.default, null,
                    React.createElement(View_1.default, null, "1"),
                    show && React.createElement(View_1.default, null, "2"),
                    React.createElement(View_1.default, null, "3")));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(p);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect(container.root).toMatchSnapshot();
        page.current.show();
        expect(container.root).toMatchSnapshot();
        page.current.hide();
        expect(container.root).toMatchSnapshot();
    });
    it('conditional render', function () {
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    show: true,
                };
                return _this;
            }
            Page.prototype.show = function () {
                this.setState({
                    show: true,
                });
            };
            Page.prototype.hide = function () {
                this.setState({
                    show: false,
                });
            };
            Page.prototype.render = function () {
                var show = this.state.show;
                return (React.createElement(View_1.default, null,
                    show && React.createElement(View_1.default, null, "1"),
                    React.createElement(View_1.default, null, "2")));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(p);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect(container.root).toMatchSnapshot();
        page.current.hide();
        expect(container.root).toMatchSnapshot();
        page.current.show();
        expect(container.root).toMatchSnapshot();
    });
    it("change elements' order", function () {
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    list: [1, 2, 3],
                };
                return _this;
            }
            Page.prototype.updateA = function () {
                this.setState({
                    list: [2, 1, 3],
                });
            };
            Page.prototype.updateB = function () {
                this.setState({
                    list: [2, 3, 1],
                });
            };
            Page.prototype.render = function () {
                var list = this.state.list;
                return (React.createElement(View_1.default, null, list.map(function (i) { return (React.createElement(View_1.default, { key: i }, i)); })));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(p);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect(container.root).toMatchSnapshot();
        page.current.updateA();
        expect(container.root).toMatchSnapshot();
        page.current.updateB();
        expect(container.root).toMatchSnapshot();
    });
    it('update element props', function () {
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    input: {
                        className: 'className',
                        style: {
                            display: 'flex',
                            flex: 1,
                        },
                        disable: false,
                    },
                };
                return _this;
            }
            Page.prototype.update = function () {
                this.setState({
                    input: __assign(__assign({}, this.state.input), { style: __assign(__assign({}, this.state.input.style), { flex: 2 }), disable: true, className: 'updateClassName' }),
                });
            };
            Page.prototype.render = function () {
                var input = this.state.input;
                return (React.createElement(View_1.default, null,
                    React.createElement(Input_1.default, { className: input.className, style: input.style, disabled: input.disable })));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(p);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect(container.root).toMatchSnapshot();
        page.current.update();
        expect(container.root).toMatchSnapshot();
    });
    it('umount component', function () {
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    show: true,
                };
                return _this;
            }
            Page.prototype.hide = function () {
                this.setState({ show: false });
            };
            Page.prototype.render = function () {
                return React.createElement(View_1.default, null, this.state.show && React.createElement(View_1.default, null, "foo"));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(p);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect(container.root).toMatchSnapshot();
        page.current.hide();
        expect(container.root).toMatchSnapshot();
    });
    it('renders style', function () {
        var Page = function () { return React.createElement(View_1.default, { style: { width: '100px', height: '100px' } }, "hello"); };
        var container = new Container_1.default(p);
        (0, render_1.default)(React.createElement(Page, null), container);
        expect(container.root).toMatchSnapshot();
    });
    it('renders vendor prefix style', function () {
        var Page = function () { return React.createElement(View_1.default, { style: { WebkitLineClamp: 2, height: '100px' } }, "hello"); };
        var container = new Container_1.default(p);
        (0, render_1.default)(React.createElement(Page, null), container);
        expect(container.root).toMatchSnapshot();
    });
    it('renders unitless style', function () {
        var Page = function () { return React.createElement(View_1.default, { style: { height: 100, flex: 1 } }, "hello"); };
        var container = new Container_1.default(p);
        (0, render_1.default)(React.createElement(Page, null), container);
        expect(container.root).toMatchSnapshot();
    });
    it('renders empty style', function () {
        var Page = function () { return React.createElement(View_1.default, { style: undefined }, "hello"); };
        var container = new Container_1.default(p);
        (0, render_1.default)(React.createElement(Page, null), container);
        expect(container.root).toMatchSnapshot();
    });
    it('renders conditional fragment correctly', function () {
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    show: false,
                };
                return _this;
            }
            Page.prototype.show = function () {
                this.setState({ show: true });
            };
            Page.prototype.render = function () {
                if (this.state.show) {
                    return React.createElement(View_1.default, null, "foo");
                }
                return (React.createElement(React.Fragment, null,
                    React.createElement(View_1.default, null, "one"),
                    React.createElement(View_1.default, null, "two")));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(p);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect(container.root).toMatchSnapshot();
        page.current.show();
        expect(container.root).toMatchSnapshot();
    });
    it('render native component correctly', function (done) {
        expect.assertions(1);
        var NativeComponent = function (_a) {
            var fooBar = _a.fooBar, onClick = _a.onClick, className = _a.className;
            return React.createElement('native-component', {
                fooBar: fooBar,
                className: className,
                onClick: onClick,
            });
        };
        var actions = [];
        var p = {
            $spliceData: function (payload) { return actions.push(payload); },
        };
        var container = new Container_1.default(p);
        (0, render_1.default)(React.createElement(NativeComponent, { fooBar: "fooBar", onClick: function () { return void 0; }, className: "class" }), container);
        setTimeout(function () {
            expect(actions).toMatchSnapshot();
            done();
        }, 100);
    });
    it('remove event listener when unmount', function () {
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    show: true,
                };
                return _this;
            }
            Page.prototype.hide = function () {
                this.setState({ show: false });
            };
            Page.prototype.render = function () {
                return (React.createElement(View_1.default, null, this.state.show && (React.createElement(View_1.default, { ref: this.props.node, onClick: function () { return console.log('hello'); } }, "foo"))));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(p);
        var page = React.createRef();
        var node = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page, node: node }), container);
        var nodeId = node.current.id;
        var contextKey = "".concat(constants_1.RAY_METHOD, "_").concat(nodeId, "_onClick");
        expect(container.context[contextKey]).toBeTruthy();
        page.current.hide();
        expect(container.context[contextKey]).toBeUndefined();
    });
});
it('create proxy for onClick callback', function () {
    var view = React.createRef();
    var handleClick = function (event) {
        expect(event.stopPropagation).not.toBeUndefined();
    };
    var handleAnimationStart = function (event) {
        expect(event.stopPropagation).toBeUndefined();
    };
    var Page = /** @class */ (function (_super) {
        __extends(Page, _super);
        function Page() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        Page.prototype.render = function () {
            return React.createElement(View_1.default, { ref: view, onClick: handleClick, onAnimationStart: handleAnimationStart });
        };
        return Page;
    }(React.Component));
    var container = new Container_1.default(p);
    (0, render_1.default)(React.createElement(Page, null), container);
    function findFn(name) {
        var fnKeys = Object.keys(view.current.container.context);
        var fnKey = fnKeys.find(function (key) { return key.indexOf(name) !== -1; }) || '';
        return view.current.container.context[fnKey];
    }
    var newHandleClick = findFn('onClick');
    var newHandleAnimationStart = findFn('onAnimationStart');
    newHandleClick({});
    newHandleAnimationStart({});
});
it('useEffect works', function (done) {
    var Page = function () {
        React.useEffect(function () {
            done();
        });
        return React.createElement(View_1.default, null, "app");
    };
    var container = new Container_1.default(p);
    (0, render_1.default)(React.createElement(Page, null), container);
});
describe('flatten update', function () {
    beforeAll(function () {
        framework_shared_1.RuntimeOptions.apply({ platform: 'web' });
    });
    afterAll(function () {
        framework_shared_1.RuntimeOptions.reset();
    });
    it('pure rerender when props changed', function (done) {
        var payload = [];
        var context = {
            setData: function (data) {
                payload.push(data);
            },
        };
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    value: 'foo',
                };
                return _this;
            }
            Page.prototype.setValue = function (value) {
                this.setState({ value: value });
            };
            Page.prototype.render = function () {
                return (React.createElement(View_1.default, { style: { width: '32px' } },
                    React.createElement(Input_1.default, { value: this.state.value })));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(context);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect.assertions(2);
        page.current.setValue('bar');
        setTimeout(function () {
            expect(payload).toHaveLength(2);
            expect(payload[1]).toMatchInlineSnapshot("\n        Object {\n          \"root.nodes.7.nodes.6.props.value\": \"bar\",\n        }\n      ");
            done();
        }, 5);
    });
    it('pure rerender when props delete', function (done) {
        var payload = [];
        var context = {
            setData: function (data) {
                payload.push(data);
            },
        };
        var Page = /** @class */ (function (_super) {
            __extends(Page, _super);
            function Page() {
                var _this = _super !== null && _super.apply(this, arguments) || this;
                _this.state = {
                    value: 'foo',
                };
                return _this;
            }
            Page.prototype.setValue = function (value) {
                this.setState({ value: value });
            };
            Page.prototype.render = function () {
                return (React.createElement(View_1.default, { style: { width: '32px' } }, !this.state.value ? React.createElement(Input_1.default, null) : React.createElement(Input_1.default, { value: this.state.value })));
            };
            return Page;
        }(React.Component));
        var container = new Container_1.default(context);
        var page = React.createRef();
        (0, render_1.default)(React.createElement(Page, { ref: page }), container);
        expect.assertions(2);
        page.current.setValue(undefined);
        setTimeout(function () {
            expect(payload).toHaveLength(2);
            expect(payload[1]).toMatchInlineSnapshot("\n        Object {\n          \"root.nodes.10.nodes.9.props.value\": null,\n        }\n      ");
            done();
        }, 5);
    });
});
it('useNativeEffect once works', function (done) {
    var count = 0;
    var Page = function () {
        var _a = __read(React.useState(0), 2), width = _a[0], setWidth = _a[1];
        (0, hooks_1.useNativeEffect)(function () {
            count += 1;
            setTimeout(function () {
                if (count === 1) {
                    done();
                }
            }, 500);
        }, []);
        React.useEffect(function () {
            setTimeout(function () {
                setWidth(100);
            }, 100);
        }, []);
        return React.createElement(View_1.default, null, width);
    };
    var container = new Container_1.default(p);
    (0, render_1.default)(React.createElement(Page, null), container);
});
it('useNativeEffect deps works', function (done) {
    var count = 0;
    var Page = function () {
        var _a = __read(React.useState(0), 2), width = _a[0], setWidth = _a[1];
        var _b = __read(React.useState(0), 2), height = _b[0], setheight = _b[1];
        (0, hooks_1.useNativeEffect)(function () {
            count += 1;
            if (count === 2) {
                done();
            }
        }, [width]);
        React.useEffect(function () {
            setheight(100);
            setTimeout(function () {
                setWidth(100);
            }, 1000);
        }, []);
        return (React.createElement(View_1.default, null,
            width,
            height));
    };
    var container = new Container_1.default(p);
    (0, render_1.default)(React.createElement(Page, null), container);
});
describe('Remax Suspense placeholder', function () {
    function createTextResource(ms, text) {
        var status = 'pending';
        var result;
        var suspender = new Promise(function (resolve, reject) {
            setTimeout(function () {
                resolve(text);
            }, ms);
        }).then(function (r) {
            status = 'success';
            result = r;
        }, function (e) {
            status = 'error';
            result = e;
        });
        return {
            read: function () {
                if (status === 'pending') {
                    throw suspender;
                }
                if (status === 'error') {
                    throw result;
                }
                return result;
            },
        };
    }
    var Text = function (props) {
        return props.text;
    };
    var AsyncText = function (props) {
        props.resource.read();
        return props.text;
    };
    var Suspense = React.Suspense;
    it('hides and unhides timed out DOM elements', function () { return __awaiter(void 0, void 0, void 0, function () {
        function App() {
            return (React.createElement(View_1.default, null,
                React.createElement(Suspense, { fallback: React.createElement(Text, { text: "loading" }) },
                    React.createElement(View_1.default, { ref: refs[0] },
                        React.createElement(Text, { text: "A" })),
                    React.createElement(View_1.default, { ref: refs[1] },
                        React.createElement(AsyncText, { resource: createTextResource(1, 'B'), text: "B" })),
                    React.createElement(View_1.default, { ref: refs[2], style: { display: 'inline' } },
                        React.createElement(Text, { text: "C" })))));
        }
        var refs, container;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    refs = [React.createRef(), React.createRef(), React.createRef()];
                    container = new Container_1.default(p);
                    (0, render_1.default)(React.createElement(App, null), container);
                    expect(refs[0].current.props.style.display).toEqual('none');
                    expect(refs[1].current.props.style.display).toEqual('none');
                    expect(refs[2].current.props.style.display).toEqual('none');
                    return [4 /*yield*/, delay(100)];
                case 1:
                    _a.sent();
                    expect(refs[0].current.props.style).toEqual(undefined);
                    expect(refs[1].current.props.style).toEqual(undefined);
                    expect(refs[2].current.props.style.display).toEqual('inline');
                    return [2 /*return*/];
            }
        });
    }); });
    it('hides and unhides timed out text nodes', function () { return __awaiter(void 0, void 0, void 0, function () {
        function App() {
            return (React.createElement(View_1.default, null,
                React.createElement(Suspense, { fallback: React.createElement(Text, { text: "Loading..." }) },
                    React.createElement(Text, { text: "A" }),
                    React.createElement(AsyncText, { resource: createTextResource(1, 'B'), text: "B" }),
                    React.createElement(Text, { text: "C" }))));
        }
        var container;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    container = new Container_1.default(p);
                    (0, render_1.default)(React.createElement(App, null), container);
                    expect(container.root.children[0].children.map(function (node) { return node.text; }).join('')).toBe('Loading...');
                    return [4 /*yield*/, delay(100)];
                case 1:
                    _a.sent();
                    expect(container.root.children[0].children.map(function (node) { return node.text; }).join('')).toBe('ABC');
                    return [2 /*return*/];
            }
        });
    }); });
});