@inlang/paraglide-js
Version:
[](https://www.npmjs.com/package/@inlang/paraglide-js) [![GitHub Issues](https://img.shields.io/github/issues-closed/opral/paraglide-js?lo
164 lines • 6.88 kB
JavaScript
import { test, expect } from "vitest";
import { createParaglide } from "../create-paraglide.js";
import { newProject } from "@inlang/sdk";
test("uses the locale from getLocale() if no locale is provided", async () => {
const runtime = await createParaglide({
blob: await newProject({
settings: {
baseLocale: "en",
locales: ["en", "de"],
},
}),
strategy: ["url", "globalVariable", "baseLocale"],
urlPatterns: [
{
pattern: "http://:domain(.*)/:locale(de|en)?/:path(.*)?",
localized: [
["de", "http://:domain(.*)/de/:path(.*)?"],
["en", "http://:domain(.*)/:path(.*)?"],
],
},
],
});
runtime.overwriteGetLocale(() => "de");
expect(runtime.localizeHref("/hello")).toBe("/de/hello");
expect(runtime.deLocalizeHref("/de/hello")).toBe("/hello");
});
test("returns an absolute href if the provided href is absolute", async () => {
const runtime = await createParaglide({
blob: await newProject({
settings: {
baseLocale: "en",
locales: ["en", "de"],
},
}),
strategy: ["url", "globalVariable", "baseLocale"],
urlPatterns: [
{
pattern: "http://:domain(.*)/:locale(de|en)?/:path(.*)?",
localized: [
["de", "http://:domain(.*)/de/:path(.*)?"],
["en", "http://:domain(.*)/:path(.*)?"],
],
},
],
});
expect(runtime.localizeHref("http://example.com/hello", { locale: "de" })).toBe("http://example.com/de/hello");
expect(runtime.deLocalizeHref("http://example.com/de/hello")).toBe("http://example.com/hello");
});
// useful if domain based localization is used for example
test("returns an absolute href if the provided href is relative but the origin of the localized href differs", async () => {
const runtime = await createParaglide({
blob: await newProject({
settings: {
baseLocale: "en",
locales: ["en", "de"],
},
}),
strategy: ["url", "globalVariable", "baseLocale"],
urlPatterns: [
{
pattern: "http://example.com/:path(.*)?",
localized: [
["de", "http://de.example.com/:path(.*)?"],
["en", "http://example.com/:path(.*)?"],
],
},
],
});
// simulating routing from current en page to de page
runtime.overwriteGetLocale(() => "en");
runtime.overwriteGetUrlOrigin(() => "http://example.com");
expect(runtime.localizeHref("/hello", { locale: "de" })).toBe("http://de.example.com/hello");
expect(runtime.deLocalizeHref("http://de.example.com/hello")).toBe("http://example.com/hello");
// simulating routing from current de page to en page
runtime.overwriteGetLocale(() => "de");
expect(runtime.localizeHref("/hello", { locale: "en" })).toBe("http://example.com/hello");
expect(runtime.deLocalizeHref("http://example.com/hello")).toBe("http://example.com/hello");
});
// https://github.com/opral/inlang-paraglide-js/issues/362
test("adding a base path", async () => {
const base = "shop";
const runtime = await createParaglide({
blob: await newProject({
settings: {
baseLocale: "en",
locales: ["en", "de"],
},
}),
strategy: ["url"],
urlPatterns: [
{
pattern: `/{${base}/}?:path(.*)?`,
localized: [
["de", `/{${base}/}?de/:path(.*)?`],
["en", `/{${base}/}?:path(.*)?`],
],
},
],
});
// simulating the current locale to be en
runtime.overwriteGetLocale(() => "en");
expect(runtime.localizeHref("/about")).toBe("/shop/about");
expect(runtime.deLocalizeHref("/about")).toBe("/shop/about");
// simulating current locale to be de
runtime.overwriteGetLocale(() => "de");
expect(runtime.localizeHref("/about")).toBe("/shop/de/about");
expect(runtime.deLocalizeHref("/de/about")).toBe("/shop/about");
});
test("default url patterns to improve out of the box experience", async () => {
const runtime = await createParaglide({
blob: await newProject({
settings: {
baseLocale: "en",
locales: ["en", "de", "fr"],
},
}),
isServer: "false",
strategy: ["url"],
urlPatterns: undefined,
});
// polyfilling window
globalThis.window = { location: new URL("http://example.com") };
expect(runtime.urlPatterns).toStrictEqual([
{
pattern: ":protocol://:domain(.*)::port?/:path(.*)?",
localized: [
["de", ":protocol://:domain(.*)::port?/de/:path(.*)?"],
["fr", ":protocol://:domain(.*)::port?/fr/:path(.*)?"],
["en", ":protocol://:domain(.*)::port?/:path(.*)?"],
],
},
]);
// expecting the baseLocale to not be included in the url
expect(runtime.localizeHref("/about", { locale: "en" })).toBe("/about");
expect(runtime.localizeHref("/about", { locale: "de" })).toBe("/de/about");
// expecting root path to work
expect(runtime.localizeHref("/", { locale: "en" })).toBe("/");
expect(runtime.localizeHref("/", { locale: "de" })).toBe("/de/");
// expecting de-localization to work
expect(runtime.deLocalizeHref("/de/")).toBe("/");
expect(runtime.deLocalizeHref("/de/about")).toBe("/about");
expect(runtime.deLocalizeHref("/about")).toBe("/about");
// expecting localhost to work (for development)
expect(runtime.localizeHref("http://localhost:5173/", { locale: "de" })).toBe("http://localhost:5173/de/");
// de-localizing localhost
expect(runtime.deLocalizeHref("http://localhost:5173/de")).toBe("http://localhost:5173/");
// pathnames
expect(runtime.localizeHref("http://localhost:5173/about", { locale: "de" })).toBe("http://localhost:5173/de/about");
expect(runtime.deLocalizeHref("http://localhost:5173/de/about")).toBe("http://localhost:5173/about");
});
test("normalizes mixed-case explicit locales in localizeHref", async () => {
const runtime = await createParaglide({
blob: await newProject({
settings: {
baseLocale: "en",
locales: ["en", "de"],
},
}),
strategy: ["url"],
});
expect(runtime.localizeHref("/about", { locale: "DE" })).toBe("/de/about");
expect(runtime.localizeHref("/de/about", { locale: "EN" })).toBe("/about");
});
//# sourceMappingURL=localize-href.test.js.map