one/dist/esm/router/getRouteArtifactPath.test.native.js

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

import { describe, expect, test } from "vitest";
import { getPreloadPath } from "../utils/cleanUrl.native.js";
import { getRouteArtifactPaths } from "./getRouteArtifactPath.native.js";
function routeNode(route, contextKey) {
  var children = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [],
    type = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : children.length ? "layout" : "spa";
  return {
    type,
    loadRoute: function () {
      return {};
    },
    children,
    dynamic: null,
    route,
    contextKey
  };
}
describe("getRouteArtifactPath", function () {
  test("uses the emitted route pattern for a concrete dynamic href", function () {
    var page = routeNode("[serverId]/[channelId]/index", "./(chat)/[serverId]/[channelId]/index+spa.tsx");
    var chat = routeNode("(chat)", "./(chat)/_layout.tsx", [page]);
    var root = routeNode("", "./_layout.tsx", [chat]);
    var linking = {
      config: {
        screens: {}
      },
      getStateFromPath: function () {
        return {
          routes: [{
            name: "(chat)",
            state: {
              routes: [{
                name: "[serverId]/[channelId]/index"
              }]
            }
          }]
        };
      }
    };
    var artifactPaths = getRouteArtifactPaths("/acme/general?message=message-1&thread=thread-1", linking, root);
    expect(artifactPaths).toEqual({
      loader: "/:serverId/:channelId/",
      preload: "/:serverId/:channelId/"
    });
    expect(getPreloadPath(artifactPaths.preload)).toMatch(/\/assets\/=3aserverId_=3achannelId_\d+_preload\.js$/);
  });
  test("keeps the href when the router cannot resolve a route", function () {
    var root = routeNode("", "./_layout.tsx");
    var href = "/unknown?from=test";
    expect(getRouteArtifactPaths(href, {
      config: {
        screens: {}
      },
      getStateFromPath: function () {
        return void 0;
      }
    }, root)).toEqual({
      loader: href,
      preload: href
    });
  });
  test("uses concrete artifacts for a route that inherits spa mode", function () {
    var page = routeNode("default-mode/[slug]", "./default-mode/[slug].tsx", [], "spa");
    var root = routeNode("", "./_layout.tsx", [page]);
    expect(getRouteArtifactPaths("/default-mode/page-one", {
      config: {
        screens: {}
      },
      getStateFromPath: function () {
        return {
          routes: [{
            name: "default-mode/[slug]"
          }]
        };
      }
    }, root)).toEqual({
      loader: "/default-mode/page-one",
      preload: "/default-mode/page-one"
    });
  });
  test.each([["ssg", {
    loader: "/blog/intro?from=test",
    preload: "/blog/intro?from=test"
  }], ["ssr", {
    loader: "/blog/intro?from=test",
    preload: "/blog/:slug"
  }]])("keeps %s artifacts on their build-time paths", function (type, expected) {
    var page = routeNode("blog/[slug]", "./blog/[slug].tsx", [], type);
    var root = routeNode("", "./_layout.tsx", [page]);
    expect(getRouteArtifactPaths("/blog/intro?from=test", {
      config: {
        screens: {}
      },
      getStateFromPath: function () {
        return {
          routes: [{
            name: "blog/[slug]"
          }]
        };
      }
    }, root)).toEqual(expected);
  });
});
//# sourceMappingURL=getRouteArtifactPath.test.native.js.map