first commit

2026-04-03 09:38:48 +02:00
commit 37ad745546
47450 changed files with 3120798 additions and 0 deletions
@@ -0,0 +1,98 @@
+import { __awaiter, __generator } from "tslib";
+import * as React from 'react';
+import { asAsync } from './asAsync';
+import { act, render, waitFor } from '@testing-library/react';
+describe('asAsync', function () {
+    it('can async load exports', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _resolve, _loadCalled, loadThingPromise, AsyncThing, _a, container, unmount;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _resolve = function () { return undefined; };
+                    _loadCalled = false;
+                    loadThingPromise = new Promise(function (resolve) {
+                        _resolve = resolve;
+                    });
+                    AsyncThing = asAsync({
+                        load: function () {
+                            _loadCalled = true;
+                            return loadThingPromise;
+                        },
+                    });
+                    _a = render(React.createElement(AsyncThing, null)), container = _a.container, unmount = _a.unmount;
+                    expect(_loadCalled).toBe(true);
+                    expect(container).toBeEmptyDOMElement();
+                    expect(_resolve).toBeTruthy();
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        _resolve(function () { return React.createElement("div", null, "thing"); });
+                                        // allow microtasks to flush
+                                        return [4 /*yield*/, Promise.resolve()];
+                                    case 1:
+                                        // allow microtasks to flush
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, waitFor(function () { return expect(container.firstChild).toHaveTextContent('thing'); })];
+                case 2:
+                    _b.sent();
+                    _loadCalled = false;
+                    // Test cached case.
+                    render(React.createElement(AsyncThing, null));
+                    expect(_loadCalled).toBe(false);
+                    expect(container.firstChild).toHaveTextContent('thing');
+                    unmount();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('can async load with placeholder', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _resolve, _loadCalled, loadThingPromise, AsyncThing, _a, container, unmount;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _resolve = function () { return undefined; };
+                    _loadCalled = false;
+                    loadThingPromise = new Promise(function (resolve) {
+                        _resolve = resolve;
+                    });
+                    AsyncThing = asAsync({
+                        load: function () {
+                            _loadCalled = true;
+                            return loadThingPromise;
+                        },
+                    });
+                    _a = render(React.createElement(AsyncThing, { asyncPlaceholder: function () { return React.createElement("div", null, "placeholder"); } })), container = _a.container, unmount = _a.unmount;
+                    expect(_loadCalled).toBe(true);
+                    expect(container).toHaveTextContent('placeholder');
+                    expect(_resolve).toBeTruthy();
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        _resolve(function () { return React.createElement("div", null, "thing"); });
+                                        return [4 /*yield*/, Promise.resolve()];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, waitFor(function () { return expect(container.firstChild).toHaveTextContent('thing'); })];
+                case 2:
+                    _b.sent();
+                    unmount();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=asAsync.test.js.map