UNPKG

one

Version:

One is a new React Framework that makes Vite serve both native and web.

185 lines (183 loc) 8.22 kB
"use strict"; var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod)); var import_jsx_runtime = require("react/jsx-runtime"); var import_react = __toESM(require("react"), 1); var import_react_test_renderer = __toESM(require("react-test-renderer"), 1); var import_vitest = require("vitest"); var import_ScrollBehavior = require("./ScrollBehavior.native.js"); var subscriptions = import_vitest.vi.hoisted(function () { return { loading: void 0, root: void 0 }; }); import_vitest.vi.mock("../router/lastAction", function () { return { setLastAction: import_vitest.vi.fn() }; }); import_vitest.vi.mock("../router/router", function () { return { subscribeToLoadingState: function (subscriber) { subscriptions.loading = subscriber; return function () { subscriptions.loading = void 0; }; }, subscribeToRootState: function (subscriber) { subscriptions.root = subscriber; return function () { subscriptions.root = void 0; }; } }; }); globalThis.IS_REACT_ACT_ENVIRONMENT = true; var renderer; var location; var scrollTo; (0, import_vitest.beforeEach)(function () { process.env.VITE_ENVIRONMENT = "client"; location = { pathname: "/", search: "", hash: "" }; scrollTo = import_vitest.vi.fn(); var windowMock = Object.assign(new EventTarget(), { location, scrollTo, scrollY: 500 }); var storage = /* @__PURE__ */new Map(); import_vitest.vi.stubGlobal("window", windowMock); import_vitest.vi.stubGlobal("document", { getElementById: import_vitest.vi.fn() }); import_vitest.vi.stubGlobal("sessionStorage", { getItem: function (key) { var _storage_get; return (_storage_get = storage.get(key)) !== null && _storage_get !== void 0 ? _storage_get : null; }, setItem: function (key, value) { return storage.set(key, value); }, removeItem: function (key) { return storage.delete(key); } }); (0, import_react_test_renderer.act)(function () { renderer = import_react_test_renderer.default.create(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollBehavior.ScrollBehavior, {})); }); }); (0, import_vitest.afterEach)(function () { (0, import_react_test_renderer.act)(function () { return renderer === null || renderer === void 0 ? void 0 : renderer.unmount(); }); renderer = void 0; import_vitest.vi.useRealTimers(); import_vitest.vi.unstubAllGlobals(); delete process.env.VITE_ENVIRONMENT; }); (0, import_vitest.describe)("ScrollBehavior initial navigation", function () { (0, import_vitest.it)("does not scroll when the navigator publishes its initial state after mount", function () { (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); (0, import_vitest.expect)(scrollTo).not.toHaveBeenCalled(); }); (0, import_vitest.it)("scrolls to the top when the first state notification is a real navigation", function () { location.pathname = "/compat/react-native-gesture-handler"; (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); (0, import_vitest.expect)(scrollTo).toHaveBeenCalledWith(0, 0); }); (0, import_vitest.it)("handles a query change as a first navigation", function () { location.search = "?platform=ios"; (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); (0, import_vitest.expect)(scrollTo).toHaveBeenCalledWith(0, 0); }); }); (0, import_vitest.describe)("ScrollBehavior groups", function () { (0, import_vitest.it)("preserves position between routes in the same group", function () { import_vitest.vi.useFakeTimers(); var unregister = (0, import_ScrollBehavior.registerScrollGroup)("/compat/react-native-gesture-handler"); (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); location.pathname = "/compat/react-native-gesture-handler"; (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); scrollTo.mockClear(); (0, import_react_test_renderer.act)(function () { var _subscriptions_loading; return (_subscriptions_loading = subscriptions.loading) === null || _subscriptions_loading === void 0 ? void 0 : _subscriptions_loading.call(subscriptions, "loading"); }); location.pathname = "/compat/react-native-gesture-handler/pan-gesture"; (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); import_vitest.vi.runAllTimers(); (0, import_vitest.expect)(scrollTo).toHaveBeenCalledWith(0, 500); unregister(); import_vitest.vi.useRealTimers(); }); (0, import_vitest.it)("does not match a different route whose slug has the same prefix", function () { var unregister = (0, import_ScrollBehavior.registerScrollGroup)("/compat/react-native"); (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); location.pathname = "/compat/react-native/core"; (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); scrollTo.mockClear(); (0, import_react_test_renderer.act)(function () { var _subscriptions_loading; return (_subscriptions_loading = subscriptions.loading) === null || _subscriptions_loading === void 0 ? void 0 : _subscriptions_loading.call(subscriptions, "loading"); }); location.pathname = "/compat/react-native-gesture-handler"; (0, import_react_test_renderer.act)(function () { var _subscriptions_root; return (_subscriptions_root = subscriptions.root) === null || _subscriptions_root === void 0 ? void 0 : _subscriptions_root.call(subscriptions, {}); }); (0, import_vitest.expect)(scrollTo).toHaveBeenCalledWith(0, 0); unregister(); }); }); //# sourceMappingURL=ScrollBehavior.test.native.js.map