test: use local vendor instead of unpkg for react umd outputs (#888)

Author: Timeless0911

.github/renovate.json5

@@ -68,7 +68,8 @@
     '@types/node',
     'node',
     // umd tests need to lock this version
-    'react-aliased',
+    'react-18',
+    'react-dom-18',
   ],
   postUpdateOptions: ['pnpmDedupe'],
 }

biome.json

@@ -21,10 +21,7 @@
     "ignoreUnknown": true
   },
   "formatter": {
-    "ignore": [
-      "**/.rslib/*",
-      "./tests/e2e/react-component/public/umd/index.js"
-    ],
+    "ignore": ["**/.rslib/*", "./tests/e2e/react-component/public/umd/*"],
     "indentStyle": "space"
   },
   "javascript": {
@@ -47,7 +44,7 @@
     "enabled": true,
     "ignore": [
       "./tests/integration/**/*/src/*",
-      "./tests/e2e/react-component/public/umd/index.js"
+      "./tests/e2e/react-component/public/umd/*"
     ],
     "rules": {
       "recommended": true,

pnpm-lock.yaml

@@ -3,15 +3,16 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
+    "build:umd": "cd ../../../examples/react-component-umd && pnpm run build",
     "dev:bundle": "../../node_modules/.bin/rsbuild dev --environment=bundle",
     "dev:bundle-false": "../../node_modules/.bin/rsbuild dev --environment=bundleFalse",
-    "dev:umd": "pnpm umd:build && pnpm umd:copy && ../../node_modules/.bin/rsbuild dev --environment=umd",
-    "umd:build": "cd ../../../examples/react-component-umd && pnpm run build",
-    "umd:copy": "rm -rf ./public && mkdir -p ./public/umd && cp ../../../examples/react-component-umd/dist/umd/index.js ./public/umd/index.js"
+    "dev:umd": "pnpm build:umd && ../../node_modules/.bin/rsbuild dev --environment=umd"
   },
   "dependencies": {
     "@examples/react-component-bundle": "workspace:*",
     "@examples/react-component-bundle-false": "workspace:*",
-    "@examples/react-component-umd": "workspace:*"
+    "@examples/react-component-umd": "workspace:*",
+    "react-18": "npm:[email protected]",
+    "react-dom-18": "npm:[email protected]"
   }
 }

tests/e2e/react-component/package.json

@@ -23,15 +23,15 @@ export default defineConfig({
           {
             tag: 'script',
             attrs: {
-              src: 'https://unpkg.com/react@18/umd/react.development.js',
+              src: '/umd/react.development.js',
             },
             head: true,
             append: true,
           },
           {
             tag: 'script',
             attrs: {
-              src: 'https://unpkg.com/react-dom@18/umd/react-dom.development.js',
+              src: '/umd/react-dom.development.js',
             },
             head: true,
             append: true,
@@ -57,6 +57,20 @@ export default defineConfig({
           'react-dom': 'window ReactDom',
           'react-dom/client': 'window ReactDom',
         },
+        copy: [
+          {
+            from: '../../../examples/react-component-umd/dist/umd/index.js',
+            to: 'umd/index.js',
+          },
+          {
+            from: 'node_modules/react-18/umd/react.development.js',
+            to: 'umd/react.development.js',
+          },
+          {
+            from: 'node_modules/react-dom-18/umd/react-dom.development.js',
+            to: 'umd/react-dom.development.js',
+          },
+        ],
       },
     },
   },

tests/e2e/react-component/rsbuild.config.ts

@@ -8,5 +8,5 @@ test('correct read globals from CommonJS', async () => {
   });
 
   const { fn } = require(entryFiles.umd);
-  expect(await fn('ok')).toBe('DEBUG:18.3.0/ok');
+  expect(await fn('ok')).toBe('DEBUG:18.3.1/ok');
 });

tests/integration/umd-globals/index.test.ts

@@ -4,7 +4,7 @@
   "private": true,
   "devDependencies": {
     "react": "^19.1.0",
-    "react-aliased": "npm:[email protected].0"
+    "react-18": "npm:[email protected].1"
   },
   "peerDependencies": {
     "react": "^18.3.1"

tests/integration/umd-globals/package.json

@@ -5,7 +5,7 @@ export default defineConfig({
   lib: [generateBundleUmdConfig()],
   output: {
     externals: {
-      react: 'react-aliased',
+      react: 'react-18',
     },
   },
   source: {