test(optimizer): add cjs browser field bare import test

packages/playground/optimize-deps/__tests__/optimize-deps.spec.ts

@@ -50,6 +50,10 @@ test('cjs browser field (axios)', async () => {
   expect(await page.textContent('.cjs-browser-field')).toBe('pong')
 })
 
+test('cjs browser field bare', async () => {
+  expect(await page.textContent('.cjs-browser-field-bare')).toBe('pong')
+})
+
 test('dep from linked dep (lodash-es)', async () => {
   expect(await page.textContent('.deps-linked')).toBe('fooBarBaz')
 })

packages/playground/optimize-deps/dep-cjs-browser-field-bare/events-shim.js

@@ -0,0 +1,3 @@
+module.exports = {
+  foo: 'foo'
+}

packages/playground/optimize-deps/dep-cjs-browser-field-bare/index.js

@@ -0,0 +1,5 @@
+'use strict'
+
+const internal = require('./internal')
+
+module.exports = internal

packages/playground/optimize-deps/dep-cjs-browser-field-bare/internal.js

@@ -0,0 +1,5 @@
+'use strict'
+
+const events = require('events')
+
+module.exports = 'foo' in events ? 'pong' : ''

packages/playground/optimize-deps/dep-cjs-browser-field-bare/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "dep-cjs-browser-field-bare",
+  "private": true,
+  "version": "0.0.0",
+  "main": "index.js",
+  "browser": {
+    "events": "./events-shim.js"
+  }
+}

packages/playground/optimize-deps/index.html

@@ -29,6 +29,9 @@ <h2>Dedupe (dep in linked & optimized package)</h2>
 <h2>CommonJS w/ browser field mapping (axios)</h2>
 <div>This should show pong: <span class="cjs-browser-field"></span></div>
 
+<h2>CommonJS w/ bare id browser field mapping</h2>
+<div>This should show pong: <span class="cjs-browser-field-bare"></span></div>
+
 <h2>Detecting linked src package and optimizing its deps (lodash-es)</h2>
 <div>This should show fooBarBaz: <span class="deps-linked"></span></div>
 
@@ -75,6 +78,9 @@ <h2>Reused variable names</h2>
   // test dep detection in globbed files
   const globbed = import.meta.globEager('./glob/*.js')
 
+  import cjsBrowerFieldBare from 'dep-cjs-browser-field-bare'
+  text('.cjs-browser-field-bare', cjsBrowerFieldBare)
+
   import { camelCase } from 'dep-linked'
   text('.deps-linked', camelCase('foo-bar-baz'))
 

packages/playground/optimize-deps/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "axios": "^0.24.0",
     "clipboard": "^2.0.8",
+    "dep-cjs-browser-field-bare": "file:./dep-cjs-browser-field-bare",
     "dep-cjs-compiled-from-cjs": "file:./dep-cjs-compiled-from-cjs",
     "dep-cjs-compiled-from-esm": "file:./dep-cjs-compiled-from-esm",
     "dep-esbuild-plugin-transform": "file:./dep-esbuild-plugin-transform",