chore: stage tests

Author: ScriptedAlchemy

packages/enhanced/test/configCases/container/1-transitive-overriding/a.js

@@ -0,0 +1 @@
+export * from 'container-with-shared/b';

packages/enhanced/test/configCases/container/1-transitive-overriding/b.js

@@ -0,0 +1 @@
+export * from './shared';

packages/enhanced/test/configCases/container/1-transitive-overriding/index.js

@@ -0,0 +1,35 @@
+it('should work normally (a)', () => {
+  return import('./a').then(({ value }) => {
+    expect(value).toBe('shared');
+  });
+});
+
+it('should work normally (b)', () => {
+  return import('./b').then(({ value }) => {
+    expect(value).toBe('shared');
+  });
+});
+
+it('should work normally (container-with-shared/a)', () => {
+  return import('container-with-shared/a').then(({ value }) => {
+    expect(value).toBe('shared');
+  });
+});
+
+it('should work normally (container-with-shared/b)', () => {
+  return import('container-with-shared/b').then(({ value }) => {
+    expect(value).toBe('shared');
+  });
+});
+
+it('should work normally (container-no-shared/a)', () => {
+  return import('container-no-shared/a').then(({ value }) => {
+    expect(value).toBe('shared');
+  });
+});
+
+it('should work normally (container-no-shared/b)', () => {
+  return import('container-no-shared/b').then(({ value }) => {
+    expect(value).toBe('shared');
+  });
+});

packages/enhanced/test/configCases/container/1-transitive-overriding/modules-from-remote.js

@@ -0,0 +1 @@
+export { default } from 'container-with-shared/modules';

packages/enhanced/test/configCases/container/1-transitive-overriding/modules.js

@@ -0,0 +1 @@
+export default Object.keys(__webpack_modules__).sort();

packages/enhanced/test/configCases/container/1-transitive-overriding/shared.js

@@ -0,0 +1 @@
+export const value = 'shared';

packages/enhanced/test/configCases/container/1-transitive-overriding/webpack.config.js

@@ -0,0 +1,21 @@
+const { ModuleFederationPlugin } = require('../../../../dist/src');
+
+module.exports = {
+  optimization: {
+    chunkIds: 'named',
+    moduleIds: 'named',
+  },
+  plugins: [
+    new ModuleFederationPlugin({
+      name: 'container-no-shared',
+      library: { type: 'commonjs-module' },
+      filename: 'container-no-shared.js',
+      exposes: ['./a', './b', './modules', './modules-from-remote'],
+      remotes: {
+        'container-with-shared':
+          '../0-transitive-overriding/container-with-shared.js',
+        'container-no-shared': './container-no-shared.js',
+      },
+    }),
+  ],
+};

packages/enhanced/test/configCases/container/2-container-full/App.js

@@ -0,0 +1,8 @@
+import OldReact from 'old-react';
+import OldReactSingleton from 'old-react-singleton';
+import React from 'react';
+import ComponentC from 'containerB/ComponentC';
+
+export default () => {
+  return `App rendered with [${React()}] and [${OldReact()}] and [${OldReactSingleton()}] and [${ComponentC()}]`;
+};

packages/enhanced/test/configCases/container/2-container-full/Self.js

@@ -0,0 +1,3 @@
+export default {
+  in: __filename,
+};

packages/enhanced/test/configCases/container/2-container-full/index.js

@@ -0,0 +1,68 @@
+let warnings = [];
+let oldWarn;
+
+if (global.__FEDERATION__) {
+  global.__GLOBAL_LOADING_REMOTE_ENTRY__ = {};
+  //@ts-ignore
+  global.__FEDERATION__.__INSTANCES__.map((i) => {
+    i.moduleCache.clear();
+    if (global[i.name]) {
+      delete global[i.name];
+    }
+  });
+  global.__FEDERATION__.__INSTANCES__ = [];
+}
+
+beforeEach((done) => {
+  oldWarn = console.warn;
+  console.warn = (m) => warnings.push(m);
+  done();
+});
+
+afterEach((done) => {
+  // expectWarning();
+  console.warn = oldWarn;
+  done();
+});
+
+const expectWarning = (regexp) => {
+  if (!regexp) {
+    expect(warnings).toEqual([]);
+  } else {
+    expect(warnings).toEqual(
+      expect.objectContaining({
+        0: expect.stringMatching(regexp),
+        length: 1,
+      }),
+    );
+  }
+  warnings.length = 0;
+};
+
+it('should load the component from container', () => {
+  return import('./App').then(({ default: App }) => {
+    // FIXME: Federation runtime 打印的 warning 和原先不一致
+    // expectWarning(
+    // 	/Unsatisfied version 8 from 2-container-full of shared singleton module react \(required \^2\)/
+    // );
+    const rendered = App();
+    expect(rendered).toBe(
+      'App rendered with [This is react 8] and [This is react 2.1.0] and [This is react 8] and [ComponentC rendered with [This is react 8] and [ComponentA rendered with [This is react 8]] and [ComponentB rendered with [This is react 8]]]',
+    );
+    return import('./upgrade-react').then(({ default: upgrade }) => {
+      upgrade();
+      const rendered = App();
+      expect(rendered).toBe(
+        'App rendered with [This is react 9] and [This is react 2.1.0] and [This is react 9] and [ComponentC rendered with [This is react 9] and [ComponentA rendered with [This is react 9]] and [ComponentB rendered with [This is react 9]]]',
+      );
+    });
+  });
+});
+
+import Self from './Self';
+
+it('should load itself from its own container', () => {
+  return import('self/Self').then(({ default: RemoteSelf }) => {
+    expect(RemoteSelf).toBe(Self);
+  });
+});

packages/enhanced/test/configCases/container/2-container-full/node_modules/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "react": "*"
+  }
+}

packages/enhanced/test/configCases/container/2-container-full/node_modules/react.js

@@ -0,0 +1,5 @@
+import { setVersion } from 'react';
+
+export default function upgrade() {
+  setVersion('9');
+}

packages/enhanced/test/configCases/container/2-container-full/package.json

@@ -0,0 +1,38 @@
+const { ModuleFederationPlugin } = require('../../../../dist/src');
+
+/** @type {import("../../../../").Configuration} */
+module.exports = {
+  output: {
+    uniqueName: '2-container-full',
+  },
+  plugins: [
+    new ModuleFederationPlugin({
+      name: 'main',
+      library: { type: 'commonjs-module' },
+      remotes: {
+        containerB: '../1-container-full/container.js',
+        self: [
+          'var undefined',
+          'var (() => { throw new Error(); })()',
+          'var { then: (a, b) => b(new Error()) }',
+          './bundle0.js',
+        ],
+      },
+      exposes: ['./Self'],
+      shared: {
+        react: 'react',
+        'old-react': {
+          import: false,
+          shareKey: 'react',
+          requiredVersion: '^2',
+        },
+        'old-react-singleton': {
+          import: false,
+          shareKey: 'react',
+          requiredVersion: '^2',
+          singleton: true,
+        },
+      },
+    }),
+  ],
+};

packages/enhanced/test/configCases/container/2-container-full/upgrade-react.js

@@ -0,0 +1,52 @@
+it('should allow transitive overrides (container-no-shared/a)', () => {
+  return import('container-no-shared/a').then(({ value }) => {
+    expect(value).toBe('new shared');
+  });
+});
+
+it('should not override non-overridables (container-no-shared/b)', () => {
+  return import('container-no-shared/b').then(({ value }) => {
+    expect(value).toBe('shared');
+  });
+});
+
+it('should have good module ids', async () => {
+  const { default: m0 } = await import(
+    'container-no-shared/modules-from-remote'
+  );
+  const { default: m1 } = await import('container-no-shared/modules');
+  const m2 = Object.keys(__webpack_modules__).sort();
+  [
+    './b.js',
+    './modules.js',
+    'webpack/container/entry/container-with-shared',
+    'webpack/sharing/consume/default/shared/./shared',
+  ].forEach((id) => {
+    expect(m0.includes(id)).toEqual(true);
+  });
+
+  [
+    './a.js',
+    './b.js',
+    './modules-from-remote.js',
+    './modules.js',
+    'webpack/container/entry/container-no-shared',
+    'webpack/container/reference/container-with-shared',
+    'webpack/container/remote/container-with-shared/b',
+    'webpack/container/remote/container-with-shared/modules',
+  ].forEach((id) => {
+    expect(m1.includes(id)).toEqual(true);
+  });
+
+  [
+    './index.js',
+    './shared.js',
+    'webpack/container/reference/container-no-shared',
+    'webpack/container/remote/container-no-shared/a',
+    'webpack/container/remote/container-no-shared/b',
+    'webpack/container/remote/container-no-shared/modules',
+    'webpack/container/remote/container-no-shared/modules-from-remote',
+  ].forEach((id) => {
+    expect(m2.includes(id)).toEqual(true);
+  });
+});

packages/enhanced/test/configCases/container/2-container-full/webpack.config.js

@@ -0,0 +1 @@
+export const value = 'new shared';

packages/enhanced/test/configCases/container/2-transitive-overriding/index.js

@@ -0,0 +1,23 @@
+const { ModuleFederationPlugin } = require('../../../../dist/src');
+
+module.exports = {
+  optimization: {
+    chunkIds: 'named',
+    moduleIds: 'named',
+  },
+  plugins: [
+    new ModuleFederationPlugin({
+      remoteType: 'commonjs-module',
+      remotes: {
+        'container-no-shared':
+          '../1-transitive-overriding/container-no-shared.js',
+      },
+      shared: {
+        './shared': {
+          shareKey: 'shared',
+          version: '2',
+        },
+      },
+    }),
+  ],
+};

packages/enhanced/test/configCases/container/2-transitive-overriding/shared.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import ComponentC from 'containerB/ComponentC';
+
+export default () => {
+  return `App rendered with [${React()}] and [${ComponentC()}]`;
+};

packages/enhanced/test/configCases/container/2-transitive-overriding/webpack.config.js

@@ -0,0 +1,27 @@
+if (global.__FEDERATION__) {
+  global.__GLOBAL_LOADING_REMOTE_ENTRY__ = {};
+  //@ts-ignore
+  global.__FEDERATION__.__INSTANCES__.map((i) => {
+    i.moduleCache.clear();
+    if (global[i.name]) {
+      delete global[i.name];
+    }
+  });
+  global.__FEDERATION__.__INSTANCES__ = [];
+}
+
+it('should load the component from container', () => {
+  return import('./App').then(({ default: App }) => {
+    const rendered = App();
+    expect(rendered).toBe(
+      'App rendered with [This is react 2.1.0] and [ComponentC rendered with [This is react 2.1.0] and [ComponentA rendered with [This is react 2.1.0]] and [ComponentB rendered with [This is react 2.1.0]]]',
+    );
+    return import('./upgrade-react').then(({ default: upgrade }) => {
+      upgrade();
+      const rendered = App();
+      expect(rendered).toBe(
+        'App rendered with [This is react 9] and [ComponentC rendered with [This is react 9] and [ComponentA rendered with [This is react 9]] and [ComponentB rendered with [This is react 9]]]',
+      );
+    });
+  });
+});

packages/enhanced/test/configCases/container/3-container-full/App.js

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "react": "*"
+  }
+}

packages/enhanced/test/configCases/container/3-container-full/index.js

@@ -0,0 +1,5 @@
+import { setVersion } from 'react';
+
+export default function upgrade() {
+  setVersion('9');
+}

packages/enhanced/test/configCases/container/3-container-full/node_modules/react.js

@@ -0,0 +1,3 @@
+module.exports = [
+  [/No version specified and unable to automatically determine one/],
+];

packages/enhanced/test/configCases/container/3-container-full/package.json

@@ -0,0 +1,13 @@
+const { ModuleFederationPlugin } = require('../../../../dist/src');
+
+module.exports = {
+  plugins: [
+    new ModuleFederationPlugin({
+      remoteType: 'commonjs-module',
+      remotes: {
+        containerB: '../1-container-full/container.js',
+      },
+      shared: ['react'],
+    }),
+  ],
+};

packages/enhanced/test/configCases/container/3-container-full/upgrade-react.js

@@ -0,0 +1,2 @@
+export default 'a';
+export { default as b, a as ba } from 'container2/b';

packages/enhanced/test/configCases/container/3-container-full/warnings.js

@@ -0,0 +1,2 @@
+export default 'b';
+export { default as a, b as ab } from 'container/a';

packages/enhanced/test/configCases/container/3-container-full/webpack.config.js

@@ -0,0 +1,13 @@
+it('should allow circular dependencies between containers (a)', async () => {
+  const { default: value, b, ba } = await import('container/a');
+  expect(value).toBe('a');
+  expect(b).toBe('b');
+  expect(ba).toBe('a');
+});
+
+it('should allow circular dependencies between containers (b)', async () => {
+  const { default: value, a, ab } = await import('container2/b');
+  expect(value).toBe('b');
+  expect(a).toBe('a');
+  expect(ab).toBe('b');
+});

packages/enhanced/test/configCases/container/circular/a.js

@@ -0,0 +1,5 @@
+module.exports = {
+  findBundle() {
+    return './main.js';
+  },
+};