Switch shared-components from jest & test-runner to vitest (#31800)

* Remove babel Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove duplicated patch-package dep Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch to @fetch-mock/vitest Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update tests to import & call vitest functions Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update test-utils imports Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update unit test snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch from jest->vitest for unit tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update visual test screenshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Switch from test-runner->vitest for visual tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update README Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update CI for shared-components unit & visual tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update yarn.lock Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update README Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix storybook trying to import vitest Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix css modules leaking between storybook tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Tweak screenshot update script to accept args Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-01-22 14:17:36 +00:00
parent 4bddf37866
commit 35fca4d339
157 changed files with 935 additions and 3875 deletions
@@ -5,6 +5,8 @@
 * Please see LICENSE files in the repository root for full details.
 */

+import { describe, it, expect } from "vitest";
+
 import { I18nApi } from "./I18nApi";

 describe("I18nApi", () => {
@@ -5,13 +5,15 @@
 * Please see LICENSE files in the repository root for full details.
 */

+import { describe, it, beforeAll, vi, expect } from "vitest";
+
 import { humanizeTime } from "./humanize";

 describe("humanizeTime", () => {
    const now = new Date("2025-08-01T12:00:00Z").getTime();

    beforeAll(() => {
-        jest.useFakeTimers().setSystemTime(now);
+        vi.useFakeTimers().setSystemTime(now);
    });

    it.each([
@@ -6,39 +6,40 @@
 */

 import counterpart from "counterpart";
+import { vi, describe, it, beforeEach, expect } from "vitest";

 import { registerTranslations, setMissingEntryGenerator, getLocale, setLocale } from "./i18n";

 describe("i18n utils", () => {
    beforeEach(() => {
-        jest.clearAllMocks();
+        vi.clearAllMocks();
    });

    it("should wrap registerTranslations", () => {
-        jest.spyOn(counterpart, "registerTranslations");
+        vi.spyOn(counterpart, "registerTranslations");

        registerTranslations("en", { test: "This is a test" });
        expect(counterpart.registerTranslations).toHaveBeenCalledWith("en", { test: "This is a test" });
    });

    it("should wrap setMissingEntryGenerator", () => {
-        jest.spyOn(counterpart, "setMissingEntryGenerator");
+        vi.spyOn(counterpart, "setMissingEntryGenerator");

-        const dummyFn = jest.fn();
+        const dummyFn = vi.fn();

        setMissingEntryGenerator(dummyFn);
        expect(counterpart.setMissingEntryGenerator).toHaveBeenCalledWith(dummyFn);
    });

    it("should wrap getLocale", () => {
-        jest.spyOn(counterpart, "getLocale");
+        vi.spyOn(counterpart, "getLocale");

        getLocale();
        expect(counterpart.getLocale).toHaveBeenCalled();
    });

    it("should wrap setLocale", () => {
-        jest.spyOn(counterpart, "setLocale");
+        vi.spyOn(counterpart, "setLocale");

        setLocale("en");
        expect(counterpart.setLocale).toHaveBeenCalledWith("en");
@@ -6,6 +6,8 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */

+import { describe, it, expect } from "vitest";
+
 import { clamp, defaultNumber, percentageOf, percentageWithin, sum } from "./numbers";

 describe("numbers", () => {