one
Version:
One is a new React Framework that makes Vite serve both native and web.
95 lines (94 loc) • 4.19 kB
JavaScript
import { describe, expect, it, vi } from "vitest";
import { createVirtualEntry } from "./virtualEntryPlugin.mjs";
vi.mock("vxrn", () => ({
isNativeEnvironment: env => env?.name === "ios" || env?.name === "android"
}));
vi.mock("@vxrn/compiler", () => ({
configuration: {
enableNativewind: !1
}
}));
function loadEntry(plugin, envName, command = "build") {
plugin.configResolved?.({
root: "",
command
});
const ctx = {
environment: {
name: envName
}
};
return plugin.load.call(ctx, "\0virtual:one-entry");
}
describe("virtualEntryPlugin", () => {
describe("setupFile", () => {
const base = {
root: "app",
flags: {}
};
it("server (ssr) uses lazy dynamic import, not static import", () => {
const plugin = createVirtualEntry({
...base,
setupFile: {
client: "./src/setupClient.ts",
server: "./src/setupServer.ts"
}
}),
code = loadEntry(plugin, "ssr");
expect(code).not.toContain('import "./src/setupServer.ts"'), expect(code).toContain("__oneGetSetupPromise = () => import("), expect(code).toContain("./src/setupServer.ts"), expect(code).toContain("getSetupPromise: __oneGetSetupPromise");
}), it("client uses dynamic import for setupFile", () => {
const plugin = createVirtualEntry({
...base,
setupFile: {
client: "./src/setupClient.ts",
server: "./src/setupServer.ts"
}
}),
code = loadEntry(plugin, "client");
expect(code).toContain("__oneGetSetupPromise"), expect(code).toContain("import("), expect(code).toContain("./src/setupClient.ts"), expect(code).toContain("getSetupPromise: __oneGetSetupPromise"), expect(code).not.toContain('import "./src/setupClient.ts"');
}), it("native (ios) uses static import for setupFile", () => {
const plugin = createVirtualEntry({
...base,
setupFile: {
client: "./src/setupClient.ts",
native: "./src/setupNative.ts"
}
}),
code = loadEntry(plugin, "ios");
expect(code).toContain('import "./src/setupNative.ts"'), expect(code).not.toContain("__oneGetSetupPromise"), expect(code).not.toContain("getSetupPromise");
}), it("android uses static import like ios", () => {
const plugin = createVirtualEntry({
...base,
setupFile: {
native: "./src/setupNative.ts"
}
}),
code = loadEntry(plugin, "android");
expect(code).toContain('import "./src/setupNative.ts"'), expect(code).not.toContain("__oneGetSetupPromise");
}), it("server (ssr) in dev mode uses static import for dep discovery", () => {
const plugin = createVirtualEntry({
...base,
setupFile: {
client: "./src/setupClient.ts",
server: "./src/setupServer.ts"
}
}),
code = loadEntry(plugin, "ssr", "serve");
expect(code).toContain('import "./src/setupServer.ts"'), expect(code).not.toContain("__oneGetSetupPromise");
}), it("no setupFile produces no import", () => {
const plugin = createVirtualEntry(base),
code = loadEntry(plugin, "ssr");
expect(code).not.toContain("setupServer"), expect(code).not.toContain("__oneGetSetupPromise"), expect(code).not.toContain("getSetupPromise");
}), it("string setupFile applies to all environments", () => {
const plugin = createVirtualEntry({
...base,
setupFile: "./src/setup.ts"
}),
ssrCode = loadEntry(plugin, "ssr"),
clientCode = loadEntry(plugin, "client"),
iosCode = loadEntry(plugin, "ios");
expect(ssrCode).toContain("./src/setup.ts"), expect(ssrCode).toContain("__oneGetSetupPromise"), expect(ssrCode).not.toContain('import "./src/setup.ts"'), expect(clientCode).toContain("./src/setup.ts"), expect(clientCode).toContain("__oneGetSetupPromise"), expect(clientCode).not.toContain('import "./src/setup.ts"'), expect(iosCode).toContain('import "./src/setup.ts"'), expect(iosCode).not.toContain("__oneGetSetupPromise");
});
});
});
//# sourceMappingURL=virtualEntryPlugin.test.mjs.map