test(e2e): add case for package.json imports resolution (#6715)

Author: chenjiahan

e2e/cases/resolve/node-imports-field/index.test.ts

@@ -0,0 +1,18 @@
+import { expect, test } from '@e2e/helper';
+
+test('should resolve package.json imports field in dev', async ({ page, dev }) => {
+  await dev();
+
+  const app = page.locator('#app');
+  await expect(app).toHaveText('imports field works');
+});
+
+test('should resolve package.json imports field in build', async ({
+  page,
+  buildPreview,
+}) => {
+  await buildPreview();
+
+  const app = page.locator('#app');
+  await expect(app).toHaveText('imports field works');
+});

e2e/cases/resolve/node-imports-field/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@e2e/resolve-node-imports-field",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "imports": {
+    "#app/*": "./src/*.js"
+  }
+}

e2e/cases/resolve/node-imports-field/src/foo.js

@@ -0,0 +1 @@
+export const message = 'imports field works';

e2e/cases/resolve/node-imports-field/src/index.js

@@ -0,0 +1,7 @@
+import { message } from '#app/foo';
+
+const app = document.createElement('div');
+app.id = 'app';
+app.textContent = message;
+
+document.body.appendChild(app);