test: add a test case for vitejs#7578

packages/playground/resolve/__tests__/resolve.spec.ts

@@ -67,6 +67,12 @@ test('resolve to the `browser` field instead of `module` when the importer is a
   ).toMatch('[success]')
 })
 
+test('resolve to the `main` field instead of `module` when the importer is a `require` call', async () => {
+  expect(await page.textContent('.require-pkg-with-esm-entries')).toMatch(
+    '[success]'
+  )
+})
+
 test('a ts module can import another ts module using its corresponding js file name', async () => {
   expect(await page.textContent('.ts-extension')).toMatch('[success]')
 })

packages/playground/resolve/index.html

@@ -64,6 +64,12 @@ <h2>
 </h2>
 <p class="require-pkg-with-browser-and-module-field">fail</p>
 
+<h2>
+  Resolve to the `main` field instead of `module` when the importer is a
+  `require` call
+</h2>
+<p class="require-pkg-with-esm-entries">fail</p>
+
 <h2>CSS Entry</h2>
 <p class="css"></p>
 
@@ -188,11 +194,11 @@ <h2>resolve package that contains # in path</h2>
     text('.browser', main)
   }
 
-  import { msg as requireButWithModuleFieldMsg } from 'require-pkg-with-browser-and-module-field'
-  text(
-    '.require-pkg-with-browser-and-module-field',
-    requireButWithModuleFieldMsg
-  )
+  import { msg as requireBrowserMsg } from 'require-pkg-with-browser-and-module-field'
+  text('.require-pkg-with-browser-and-module-field', requireBrowserMsg)
+
+  import { msg as requireMainMsg } from 'require-pkg-with-esm-entries'
+  text('.require-pkg-with-esm-entries', requireMainMsg)
 
   import { msg as customExtMsg } from './custom-ext'
   text('.custom-ext', customExtMsg)

packages/playground/resolve/package.json

@@ -13,6 +13,7 @@
     "es5-ext": "0.10.53",
     "normalize.css": "^8.0.1",
     "require-pkg-with-browser-and-module-field": "link:./require-pkg-with-browser-and-module-field",
+    "require-pkg-with-esm-entries": "link:./require-pkg-with-esm-entries",
     "resolve-browser-field": "link:./browser-field",
     "resolve-custom-condition": "link:./custom-condition",
     "resolve-custom-main-field": "link:./custom-main-field",

packages/playground/resolve/require-pkg-with-esm-entries/index.cjs

@@ -0,0 +1,9 @@
+const fromEvent = require('callbag-from-event')
+
+const msg =
+  // should be the exported function instead of the ES Module record (`{ default: ... }`)
+  typeof fromEvent === 'function'
+    ? '[success] require-pkg-with-esm-entries'
+    : '[failed] require-pkg-with-esm-entries'
+
+exports.msg = msg

packages/playground/resolve/require-pkg-with-esm-entries/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "require-pkg-with-esm-entries",
+  "private": true,
+  "version": "1.0.0",
+  "main": "./index.cjs",
+  "dependencies": {
+    "callbag-from-event": "1.3.0"
+  }
+}

packages/playground/resolve/vite.config.js

@@ -42,6 +42,9 @@ module.exports = {
     }
   ],
   optimizeDeps: {
-    include: ['require-pkg-with-browser-and-module-field']
+    include: [
+      'require-pkg-with-browser-and-module-field',
+      'require-pkg-with-esm-entries'
+    ]
   }
 }