one/dist/esm/fork/useLinking.native.test.mjs

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

import TestRenderer, { act } from "react-test-renderer";
import { afterEach, describe, expect, it, vi } from "vitest";
import { getLinkingConfig } from "../router/getLinkingConfig.mjs";
import { getRoutes } from "../router/getRoutes.mjs";
import { getMockContext } from "../testing-utils.mjs";
import { getStateFromPath } from "./getStateFromPath.mjs";
import { useLinking } from "./useLinking.native.mjs";
import { jsx } from "react/jsx-runtime";
globalThis.IS_REACT_ACT_ENVIRONMENT = true;
const linking = getLinkingConfig(getRoutes(getMockContext(["_layout.tsx", "home/_layout.tsx", "home/[projectId]/_layout.tsx", "home/[projectId]/index.tsx", "settings.tsx"])));
const config = linking.config;
const currentState = {
  stale: false,
  type: "stack",
  key: "root-stack",
  index: 1,
  routeNames: ["home", "settings"],
  routes: [{
    name: "home",
    key: "home-travelo",
    params: {
      projectId: "proj_example_travelo"
    },
    state: {
      stale: false,
      type: "stack",
      key: "home-stack",
      index: 0,
      routeNames: ["[projectId]"],
      routes: [{
        name: "[projectId]",
        key: "project-travelo",
        params: {
          projectId: "proj_example_travelo"
        }
      }]
    }
  }, {
    name: "settings",
    key: "settings"
  }]
};
async function captureIncomingAction(overrides = {}) {
  const linkedState = getStateFromPath("/home/proj_example_pennywise?tab=design", config);
  const dispatch = vi.fn();
  let listener;
  const navigation = {
    dispatch,
    getRootState: () => currentState
  };
  const ref = {
    current: navigation
  };
  function Harness() {
    useLinking(ref, {
      ...linking,
      enabled: true,
      prefixes: ["contrast:///"],
      getInitialURL: () => null,
      getStateFromPath: () => linkedState,
      subscribe: nextListener => {
        listener = nextListener;
        return () => {};
      },
      ...overrides
    }, () => {});
    return null;
  }
  let renderer;
  await act(async () => {
    renderer = TestRenderer.create(/* @__PURE__ */jsx(Harness, {}));
  });
  act(() => listener("contrast:///home/proj_example_pennywise?tab=design"));
  return {
    action: dispatch.mock.calls[0]?.[0],
    linkedState,
    renderer
  };
}
afterEach(() => {
  vi.restoreAllMocks();
});
describe("native incoming links", () => {
  it("applies every nested dynamic param when leaving a sibling route", async () => {
    const {
      action,
      renderer
    } = await captureIncomingAction();
    expect(action).toStrictEqual({
      type: "NAVIGATE",
      target: "root-stack",
      payload: {
        key: void 0,
        name: "home",
        params: {
          projectId: "proj_example_pennywise",
          screen: "[projectId]",
          params: {
            projectId: "proj_example_pennywise",
            tab: "design",
            screen: "index",
            params: {
              projectId: "proj_example_pennywise",
              tab: "design"
            }
          }
        }
      }
    });
    act(() => renderer.unmount());
  });
  it("keeps a configured getActionFromState in control", async () => {
    const customAction = {
      type: "NAVIGATE",
      payload: {
        name: "custom"
      }
    };
    const getActionFromState = vi.fn(_state => customAction);
    const {
      action,
      linkedState,
      renderer
    } = await captureIncomingAction({
      getActionFromState
    });
    expect(action).toBe(customAction);
    expect(getActionFromState).toHaveBeenCalledOnce();
    expect(getActionFromState.mock.calls[0][0]).toEqual({
      ...linkedState,
      routes: [expect.not.objectContaining({
        key: expect.anything()
      })]
    });
    act(() => renderer.unmount());
  });
});
//# sourceMappingURL=useLinking.native.test.mjs.map