test: add json case

Author: SoonIter

tests/integration/asset/__snapshots__/index.test.ts.snap

@@ -1,5 +1,18 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`use json 1`] = `
+"JSON.parse('{"foo":1,"bar":["2"]}');
+"
+`;
+
+exports[`use json 2`] = `
+"var data_rslib_entry_namespaceObject = JSON.parse('{"foo":1,"bar":["2"]}');
+var __webpack_exports__bar = data_rslib_entry_namespaceObject.bar;
+var __webpack_exports__foo = data_rslib_entry_namespaceObject.foo;
+export { __webpack_exports__bar as bar, __webpack_exports__foo as foo };
+"
+`;
+
 exports[`use svgr 1`] = `
 "import __rslib_svgr_url__0__ from "./static/svg/logo.svg";
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";

tests/integration/asset/index.test.ts

@@ -258,6 +258,20 @@ test('set the assets public path', async () => {
   `);
 });
 
+test('use json', async () => {
+  const fixturePath = join(__dirname, 'json');
+  const { contents } = await buildAndGetResults({ fixturePath });
+
+  // 0. bundle
+  // esm
+  const { content: indexJs } = queryContent(contents.esm0!, /index\.js/);
+  expect(indexJs).matchSnapshot();
+  // 1. bundleless
+  // esm
+  const { content: dataJs } = queryContent(contents.esm1!, /assets\/data\.js/);
+  expect(dataJs).matchSnapshot();
+});
+
 test('use svgr', async () => {
   const fixturePath = join(__dirname, 'svgr');
   const { contents } = await buildAndGetResults({ fixturePath });
@@ -271,6 +285,7 @@ test('use svgr', async () => {
   expect(indexCjs).matchSnapshot();
 
   // 1. bundleless
+  // esm
   const { content: namedImportJs } = queryContent(
     contents.esm1!,
     /namedImport\.js/,
@@ -281,7 +296,7 @@ test('use svgr', async () => {
     /namedImport\.js/,
   );
   expect(defaultImportJs).toMatchSnapshot();
-
+  // cjs
   const { content: namedImportCjs } = queryContent(
     contents.cjs1!,
     /namedImport\.cjs/,

tests/integration/asset/json/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "asset-types-test",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-react": "^1.1.0"
+  }
+}

tests/integration/asset/json/rslib.config.ts

@@ -0,0 +1,38 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { defineConfig } from '@rslib/core';
+import { generateBundleEsmConfig } from 'test-helper';
+
+export default defineConfig({
+  lib: [
+    // 0. bundle default
+    // esm
+    generateBundleEsmConfig({
+      output: {
+        distPath: {
+          root: './dist/esm/bundle',
+        },
+        filename: {
+          image: '[name].[contenthash:8][ext]',
+        },
+      },
+    }),
+   
+    // 1. bundleless default
+    // esm
+    generateBundleEsmConfig({
+      bundle: false,
+      output: {
+        distPath: {
+          root: './dist/esm/bundleless',
+        },
+        filename: {
+          image: '[name].[contenthash:16][ext]',
+        },
+      },
+    }),
+  ],
+  output: {
+    target: 'web',
+  },
+  plugins: [pluginReact()],
+});

tests/integration/asset/json/src/assets/data.json

@@ -0,0 +1,4 @@
+{
+  "foo": 1,
+  "bar": ["2"]
+}

tests/integration/asset/json/src/index.js

@@ -0,0 +1,3 @@
+import a from './assets/data.json';
+
+a;