add third-party package (@emotion/react) tests

Author: FogelAI

tests/js/@emotion/bar.js

@@ -0,0 +1 @@
+import { css } from './foo';

tests/js/@emotion/emotion.test.js

@@ -0,0 +1,18 @@
+const pluginTransform = require("../../pluginTransform");
+const ospath = require("path");
+
+describe("third-party package (@emotion/react) transformation for ESM", () => {
+  test("transformation of @emotion/react", () => {
+    const pluginOptions = { executorName: "jest" };
+    expect(
+      pluginTransform(
+        'import { css } from "./foo";',
+        __filename,
+        pluginOptions
+      )
+    ).toBe([
+    `import { css } from \"@emotion\\react\\dist\\emotion-react.esm.js";`,
+    ].join("\n").replaceAll("\\","\\\\"));
+  });
+  
+});

tests/js/@emotion/foo/index.js

@@ -0,0 +1 @@
+export * from '@emotion/react';

tests/js/@emotion/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "emotion-webpack",
+  "version": "1.0.0",
+  "main": "bar.js",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.24.6",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.1.3",
+    "jest": "^29.7.0",
+    "webpack": "^5.95.0",
+    "webpack-cli": "^5.1.4"
+  },
+  "scripts": {
+    "build": "npx webpack",
+    "test": "jest --config=../../jest.config.js"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.13.3"
+  }
+}

tests/js/@emotion/webpack.config.js

@@ -0,0 +1,25 @@
+const path = require('path');
+
+module.exports = {
+  mode: "production",
+  devtool: false,
+  optimization: {
+    usedExports: true,
+    sideEffects: true,
+  },
+  entry: "./bar.js",
+  resolve: {
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|mjs|jsx|ts|tsx)$/,
+        exclude: /node_modules/,
+        loader: require.resolve("babel-loader"),
+        options: {
+          plugins: [["../../../", { executorName: "webpack", logging: {type: "file"} }]],
+        },
+      },
+    ],
+  },
+};

tests/package.json

@@ -6,16 +6,23 @@
   "devDependencies": {
     "@babel/core": "^7.24.6",
     "babel-jest": "^29.7.0",
+    "babel-loader": "^9.2.1",
     "jest": "^29.7.0",
-    "mock-fs": "^5.2.0"
+    "mock-fs": "^5.2.0",
+    "webpack": "^5.95.0",
+    "webpack-cli": "^5.1.4"
   },
   "scripts": {
     "test": "jest --clearCache && jest --config=jest.config.js"
   },
   "dependencies": {
     "@ant-design/icons": "^5.3.3",
+    "@emotion/react": "^11.13.3",
     "@mui/icons-material": "^5.15.20",
-    "graphql": "^16.9.0"
+    "graphql": "^16.9.0",
+    "preact": "^10.24.1",
+    "remark-rehype": "^10.1.0",
+    "style-to-object": "^0.4.2"
   },
   "workspaces": [
     "./*"