test(metro-config): add tests for default config (#3866)

tido64 · web-flow · commit c1914d61259e · 2025-11-21T06:32:26.000-08:00
diff --git a/.changeset/chatty-maps-teach.md b/.changeset/chatty-maps-teach.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/@react-native/community-cli-plugin/index.js b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/@react-native/community-cli-plugin/index.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/@react-native/community-cli-plugin/package.json b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/@react-native/community-cli-plugin/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@react-native/community-cli-plugin",
+  "version": "1000.0.0",
+  "description": "Core CLI commands for React Native",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react-native.git",
+    "directory": "packages/community-cli-plugin"
+  },
+  "exports": {
+    ".": "./index.js",
+    "./package.json": "./package.json"
+  }
+}
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/@react-native/metro-config/index.js b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/@react-native/metro-config/index.js
@@ -0,0 +1,5 @@
+exports.getDefaultConfig = () => ({
+  resolver: {},
+  serializer: {},
+  transformer: {},
+});
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/@react-native/metro-config/package.json b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/@react-native/metro-config/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@react-native/metro-config",
+  "version": "1000.0.0",
+  "description": "Metro configuration for React Native",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/react-native.git"
+  },
+  "exports": {
+    ".": "./index.js",
+    "./package.json": "./package.json"
+  }
+}
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/metro/index.js b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/metro/index.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/metro/package.json b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/metro/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "metro",
+  "version": "1000.0.0",
+  "description": "🚇 The JavaScript bundler for React Native.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:facebook/metro.git"
+  },
+  "exports": {
+    ".": "./index.js",
+    "./package.json": "./package.json"
+  }
+}
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/react-native-web/dist/modules/AssetRegistry/index.js b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/react-native-web/dist/modules/AssetRegistry/index.js
@@ -0,0 +1,2 @@
+export function registerAsset() {}
+export function getAssetByID() {}
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/react-native-web/package.json b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/react-native-web/package.json
@@ -0,0 +1,10 @@
+{
+  "name": "react-native-web",
+  "version": "1000.0.0",
+  "description": "React Native for Web",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:necolas/react-native-web.git"
+  }
+}
diff --git a/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/react-native/package.json b/packages/metro-config/test/__fixtures__/awesome-repo/node_modules/react-native/package.json
@@ -6,5 +6,8 @@
   "repository": {
     "type": "git",
     "url": "git@github.com:facebook/react-native.git"
+  },
+  "dependencies": {
+    "@react-native/community-cli-plugin": "1000.0.0"
   }
 }
diff --git a/packages/metro-config/test/defaultConfig.test.ts b/packages/metro-config/test/defaultConfig.test.ts
@@ -0,0 +1,53 @@
+import { match, ok } from "node:assert";
+import { deepEqual, equal } from "node:assert/strict";
+import { describe, it } from "node:test";
+import { fileURLToPath } from "node:url";
+import { getDefaultConfig } from "../src/defaultConfig.js";
+
+describe("getDefaultConfig()", () => {
+  // @ts-expect-error Tests are run in ESM context
+  const thisFile = import.meta.url;
+
+  const projectRoot = fileURLToPath(
+    new URL("__fixtures__/awesome-repo/quaid", thisFile)
+  );
+
+  it("returns default Metro config", async () => {
+    const [config] = getDefaultConfig(projectRoot);
+    const { resolver, serializer, transformer } = config;
+
+    deepEqual(resolver?.platforms, ["android", "ios"]);
+    equal(typeof resolver.resolveRequest, "function");
+
+    const prelude = serializer?.getModulesRunBeforeMainModule?.(
+      fileURLToPath(thisFile)
+    );
+
+    ok(Array.isArray(prelude));
+    equal(prelude.length, 1);
+    match(prelude[0], /[/\\]Libraries[/\\]Core[/\\]InitializeCore.js$/);
+    ok(transformer);
+    ok(!transformer.assetRegistryPath);
+  });
+
+  it("returns config for web", async () => {
+    const [config] = getDefaultConfig(projectRoot, "web");
+    const { resolver, serializer, transformer } = config;
+
+    deepEqual(resolver?.platforms, ["android", "ios"]);
+    equal(typeof resolver.resolveRequest, "function");
+
+    const prelude = serializer?.getModulesRunBeforeMainModule?.(
+      fileURLToPath(thisFile)
+    );
+
+    ok(Array.isArray(prelude));
+    equal(prelude.length, 1);
+    match(prelude[0], /[/\\]Libraries[/\\]Core[/\\]InitializeCore.js$/);
+    ok(transformer);
+    match(
+      transformer.assetRegistryPath ?? "",
+      /node_modules[/\\]react-native-web[/\\]dist[/\\]modules[/\\]AssetRegistry[/\\]index.js$/
+    );
+  });
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+export function registerAsset() {}`
	`2`	`+export function getAssetByID() {}`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,8 @@`
`6`	`6`	`"repository": {`
`7`	`7`	`"type": "git",`
`8`	`8`	`"url": "git@github.com:facebook/react-native.git"`
	`9`	`+ },`
	`10`	`+ "dependencies": {`
	`11`	`+ "@react-native/community-cli-plugin": "1000.0.0"`
`9`	`12`	`}`
`10`	`13`	`}`