chore(test): use t.mock.module for mocking (nodejs#7660)

chore(test): use `t.module.mock` for mocking

Author: avivkeller

apps/site/package.json

@@ -16,7 +16,7 @@
     "lint": "turbo run lint:md lint:snippets lint:js lint:css",
     "lint:fix": "turbo run lint:md lint:js lint:css --no-cache -- --fix",
     "sync-orama": "node ./scripts/orama-search/sync-orama-cloud.mjs",
-    "test:unit": "cross-env NODE_NO_WARNINGS=1 node --experimental-test-coverage --test-coverage-exclude=**/*.test.* --experimental-test-module-mocks --enable-source-maps --import=global-jsdom/register --import=tsx --import=tests/setup.mjs --test **/*.test.*",
+    "test:unit": "cross-env NODE_NO_WARNINGS=1 node --experimental-test-coverage --test-coverage-exclude=**/*.test.* --experimental-test-module-mocks --enable-source-maps --import=global-jsdom/register --import=tsx --import=tests/setup.jsx --test **/*.test.*",
     "test:unit:watch": "cross-env NODE_OPTIONS=\"--watch\" npm run test:unit",
     "test": "turbo test:unit"
   },

apps/site/tests/loader.mjs

@@ -0,0 +1,28 @@
+// We import this file before the root setup.mjs, so React is not automatically imported
+import * as React from 'react';
+
+import { mock } from 'node:test';
+
+import '../../../tests/setup.mjs';
+
+mock.module('next-intl', {
+  namedExports: {
+    useTranslations: () => key => key,
+
+    useFormatter: () => {
+      const formatWith = format => new Intl.DateTimeFormat('en-US', format);
+      return {
+        date: (date, format) => formatWith(format).format(date),
+        dateTime: (date, format) => formatWith(format).format(date),
+      };
+    },
+  },
+});
+
+mock.module('next-intl/navigation', {
+  namedExports: {
+    createNavigation: () => ({
+      Link: props => <a {...props} onClick={e => e.preventDefault()} />,
+    }),
+  },
+});