Files

9530 lines
265 KiB
Go

package bundler_tests
import (
"regexp"
"strings"
"testing"
"github.com/evanw/esbuild/internal/bundler"
"github.com/evanw/esbuild/internal/compat"
"github.com/evanw/esbuild/internal/config"
"github.com/evanw/esbuild/internal/helpers"
"github.com/evanw/esbuild/internal/js_ast"
"github.com/evanw/esbuild/internal/logger"
)
var default_suite = suite{
name: "default",
}
func TestSimpleES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import {fn} from './foo'
console.log(fn())
`,
"/foo.js": `
export function fn() {
return 123
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestSimpleCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const fn = require('./foo')
console.log(fn())
`,
"/foo.js": `
module.exports = function() {
return 123
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
// This test makes sure that require() calls are still recognized in nested
// scopes. It guards against bugs where require() calls are only recognized in
// the top-level module scope.
func TestNestedCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
function nestedScope() {
const fn = require('./foo')
console.log(fn())
}
nestedScope()
`,
"/foo.js": `
module.exports = function() {
return 123
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
// This test makes sure that NewExpressions containing require() calls aren't
// broken.
func TestNewExpressionCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
new (require("./foo.js")).Foo();
`,
"/foo.js": `
class Foo {}
module.exports = {Foo};
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestCommonJSFromES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const {foo} = require('./foo')
console.log(foo(), bar())
const {bar} = require('./bar') // This should not be hoisted
`,
"/foo.js": `
export function foo() {
return 'foo'
}
`,
"/bar.js": `
export function bar() {
return 'bar'
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestES6FromCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import {foo} from './foo'
console.log(foo(), bar())
import {bar} from './bar' // This should be hoisted
`,
"/foo.js": `
exports.foo = function() {
return 'foo'
}
`,
"/bar.js": `
exports.bar = function() {
return 'bar'
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
// This test makes sure that ES6 imports are still recognized in nested
// scopes. It guards against bugs where require() calls are only recognized in
// the top-level module scope.
func TestNestedES6FromCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import {fn} from './foo'
(() => {
console.log(fn())
})()
`,
"/foo.js": `
exports.fn = function() {
return 123
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestExportFormsES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export default 123
export var v = 234
export let l = 234
export const c = 234
export {Class as C}
export function Fn() {}
export class Class {}
export * from './a'
export * as b from './b'
`,
"/a.js": "export const abc = undefined",
"/b.js": "export const xyz = null",
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
},
})
}
func TestExportFormsIIFE(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export default 123
export var v = 234
export let l = 234
export const c = 234
export {Class as C}
export function Fn() {}
export class Class {}
export * from './a'
export * as b from './b'
`,
"/a.js": "export const abc = undefined",
"/b.js": "export const xyz = null",
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatIIFE,
GlobalName: []string{"globalName"},
AbsOutputFile: "/out.js",
},
})
}
func TestExportFormsWithMinifyIdentifiersAndNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
export default 123
export var varName = 234
export let letName = 234
export const constName = 234
function Func2() {}
class Class2 {}
export {Class as Cls, Func2 as Fn2, Class2 as Cls2}
export function Func() {}
export class Class {}
export * from './a'
export * as fromB from './b'
`,
"/b.js": "export default function() {}",
"/c.js": "export default function foo() {}",
"/d.js": "export default class {}",
"/e.js": "export default class Foo {}",
},
entryPaths: []string{
"/a.js",
"/b.js",
"/c.js",
"/d.js",
"/e.js",
},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputDir: "/out",
},
})
}
func TestImportFormsWithNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import 'foo'
import {} from 'foo'
import * as ns from 'foo'
import {a, b as c} from 'foo'
import def from 'foo'
import def2, * as ns2 from 'foo'
import def3, {a2, b as c3} from 'foo'
const imp = [
import('foo'),
function nested() { return import('foo') },
]
console.log(ns, a, c, def, def2, ns2, def3, a2, c3, imp)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
func TestImportFormsWithMinifyIdentifiersAndNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import 'foo'
import {} from 'foo'
import * as ns from 'foo'
import {a, b as c} from 'foo'
import def from 'foo'
import def2, * as ns2 from 'foo'
import def3, {a2, b as c3} from 'foo'
const imp = [
import('foo'),
function() { return import('foo') },
]
console.log(ns, a, c, def, def2, ns2, def3, a2, c3, imp)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestExportFormsCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
require('./commonjs')
require('./c')
require('./d')
require('./e')
require('./f')
require('./g')
require('./h')
`,
"/commonjs.js": `
export default 123
export var v = 234
export let l = 234
export const c = 234
export {Class as C}
export function Fn() {}
export class Class {}
export * from './a'
export * as b from './b'
`,
"/a.js": "export const abc = undefined",
"/b.js": "export const xyz = null",
"/c.js": "export default class {}",
"/d.js": "export default class Foo {} Foo.prop = 123",
"/e.js": "export default function() {}",
"/f.js": "export default function foo() {} foo.prop = 123",
"/g.js": "export default async function() {}",
"/h.js": "export default async function foo() {} foo.prop = 123",
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestExportChain(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {b as a} from './foo'
`,
"/foo.js": `
export {c as b} from './bar'
`,
"/bar.js": `
export const c = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestExportInfiniteCycle1(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {a as b} from './entry'
export {b as c} from './entry'
export {c as d} from './entry'
export {d as a} from './entry'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedCompileLog: `entry.js: ERROR: Detected cycle while resolving import "a"
entry.js: ERROR: Detected cycle while resolving import "b"
entry.js: ERROR: Detected cycle while resolving import "c"
entry.js: ERROR: Detected cycle while resolving import "d"
`,
})
}
func TestExportInfiniteCycle2(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {a as b} from './foo'
export {c as d} from './foo'
`,
"/foo.js": `
export {b as c} from './entry'
export {d as a} from './entry'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedCompileLog: `entry.js: ERROR: Detected cycle while resolving import "a"
entry.js: ERROR: Detected cycle while resolving import "c"
foo.js: ERROR: Detected cycle while resolving import "b"
foo.js: ERROR: Detected cycle while resolving import "d"
`,
})
}
func TestJSXImportsCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
import {elem, frag} from './custom-react'
console.log(<div/>, <>fragment</>)
`,
"/custom-react.js": `
module.exports = {}
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"elem"}},
Fragment: config.DefineExpr{Parts: []string{"frag"}},
},
AbsOutputFile: "/out.js",
},
})
}
func TestJSXImportsES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
import {elem, frag} from './custom-react'
console.log(<div/>, <>fragment</>)
`,
"/custom-react.js": `
export function elem() {}
export function frag() {}
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"elem"}},
Fragment: config.DefineExpr{Parts: []string{"frag"}},
},
AbsOutputFile: "/out.js",
},
})
}
func TestJSXSyntaxInJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(<div/>)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: The JSX syntax extension is not currently enabled
NOTE: The esbuild loader for this file is currently set to "js" but it must be set to "jsx" to be able to parse JSX syntax. ` +
`You can use 'Loader: map[string]api.Loader{".js": api.LoaderJSX}' to do that.
`,
})
}
func TestJSXConstantFragments(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import './default'
import './null'
import './boolean'
import './number'
import './string-single-empty'
import './string-double-empty'
import './string-single-punctuation'
import './string-double-punctuation'
import './string-template'
`,
"/default.jsx": `console.log(<></>)`,
"/null.jsx": `console.log(<></>) // @jsxFrag null`,
"/boolean.jsx": `console.log(<></>) // @jsxFrag true`,
"/number.jsx": `console.log(<></>) // @jsxFrag 123`,
"/string-single-empty.jsx": `console.log(<></>) // @jsxFrag ''`,
"/string-double-empty.jsx": `console.log(<></>) // @jsxFrag ""`,
"/string-single-punctuation.jsx": `console.log(<></>) // @jsxFrag '['`,
"/string-double-punctuation.jsx": `console.log(<></>) // @jsxFrag "["`,
"/string-template.jsx": `console.log(<></>) // @jsxFrag ` + "``",
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
JSX: config.JSXOptions{
Fragment: config.DefineExpr{
Constant: &js_ast.EString{Value: helpers.StringToUTF16("]")},
},
},
},
expectedScanLog: `string-template.jsx: WARNING: Invalid JSX fragment: ` + "``" + `
`,
})
}
func TestJSXAutomaticImportsCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
import {jsx, Fragment} from './custom-react'
console.log(<div jsx={jsx}/>, <><Fragment/></>)
`,
"/custom-react.js": `
module.exports = {}
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
AutomaticRuntime: true,
},
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"react/jsx-runtime": true,
}},
},
AbsOutputFile: "/out.js",
},
})
}
func TestJSXAutomaticImportsES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
import {jsx, Fragment} from './custom-react'
console.log(<div jsx={jsx}/>, <><Fragment/></>)
`,
"/custom-react.js": `
export function jsx() {}
export function Fragment() {}
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
AutomaticRuntime: true,
},
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"react/jsx-runtime": true,
}},
},
AbsOutputFile: "/out.js",
},
})
}
func TestJSXAutomaticSyntaxInJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(<div/>)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
AutomaticRuntime: true,
},
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"react/jsx-runtime": true,
}},
},
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: The JSX syntax extension is not currently enabled
NOTE: The esbuild loader for this file is currently set to "js" but it must be set to "jsx" to be able to parse JSX syntax. ` +
`You can use 'Loader: map[string]api.Loader{".js": api.LoaderJSX}' to do that.
`,
})
}
func TestNodeModules(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/src/entry.js": `
import fn from 'demo-pkg'
console.log(fn())
`,
"/Users/user/project/node_modules/demo-pkg/index.js": `
module.exports = function() {
return 123
}
`,
},
entryPaths: []string{"/Users/user/project/src/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/Users/user/project/out.js",
},
})
}
func TestRequireChildDirCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/src/entry.js": `
console.log(require('./dir'))
`,
"/Users/user/project/src/dir/index.js": `
module.exports = 123
`,
},
entryPaths: []string{"/Users/user/project/src/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireChildDirES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/src/entry.js": `
import value from './dir'
console.log(value)
`,
"/Users/user/project/src/dir/index.js": `
export default 123
`,
},
entryPaths: []string{"/Users/user/project/src/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireParentDirCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/src/dir/entry.js": `
console.log(require('..'))
`,
"/Users/user/project/src/index.js": `
module.exports = 123
`,
},
entryPaths: []string{"/Users/user/project/src/dir/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireParentDirES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/src/dir/entry.js": `
import value from '..'
console.log(value)
`,
"/Users/user/project/src/index.js": `
export default 123
`,
},
entryPaths: []string{"/Users/user/project/src/dir/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestImportMissingES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import fn, {x as a, y as b} from './foo'
console.log(fn(a, b))
`,
"/foo.js": `
export const x = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedCompileLog: `entry.js: ERROR: No matching export in "foo.js" for import "default"
entry.js: ERROR: No matching export in "foo.js" for import "y"
`,
})
}
func TestImportMissingUnusedES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import fn, {x as a, y as b} from './foo'
`,
"/foo.js": `
export const x = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedCompileLog: `entry.js: ERROR: No matching export in "foo.js" for import "default"
entry.js: ERROR: No matching export in "foo.js" for import "y"
`,
})
}
func TestImportMissingCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import fn, {x as a, y as b} from './foo'
console.log(fn(a, b))
`,
"/foo.js": `
exports.x = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestImportMissingNeitherES6NorCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/named.js": `
import fn, {x as a, y as b} from './foo'
console.log(fn(a, b))
`,
"/star.js": `
import * as ns from './foo'
console.log(ns.default(ns.x, ns.y))
`,
"/star-capture.js": `
import * as ns from './foo'
console.log(ns)
`,
"/bare.js": `
import './foo'
`,
"/require.js": `
console.log(require('./foo'))
`,
"/import.js": `
console.log(import('./foo'))
`,
"/foo.js": `
console.log('no exports here')
`,
},
entryPaths: []string{
"/named.js",
"/star.js",
"/star-capture.js",
"/bare.js",
"/require.js",
"/import.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
expectedCompileLog: `named.js: WARNING: Import "x" will always be undefined because the file "foo.js" has no exports
named.js: WARNING: Import "y" will always be undefined because the file "foo.js" has no exports
star.js: WARNING: Import "x" will always be undefined because the file "foo.js" has no exports
star.js: WARNING: Import "y" will always be undefined because the file "foo.js" has no exports
`,
})
}
func TestExportMissingES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import * as ns from './foo'
console.log(ns)
`,
"/foo.js": `
export {buton} from './bar'
`,
"/bar.js": `
export const button = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedCompileLog: `foo.js: ERROR: No matching export in "bar.js" for import "buton"
bar.js: NOTE: Did you mean to import "button" instead?
`,
})
}
func TestDotImport(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import {x} from '.'
console.log(x)
`,
"/index.js": `
exports.x = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireWithTemplate(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
console.log(require('./b'))
console.log(require(` + "`./b`" + `))
`,
"/b.js": `
exports.x = 123
`,
},
entryPaths: []string{"/a.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestDynamicImportWithTemplateIIFE(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
import('./b').then(ns => console.log(ns))
import(` + "`./b`" + `).then(ns => console.log(ns))
`,
"/b.js": `
exports.x = 123
`,
},
entryPaths: []string{"/a.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatIIFE,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireAndDynamicImportInvalidTemplate(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
require(tag` + "`./b`" + `)
require(` + "`./${b}`" + `)
try {
require(tag` + "`./b`" + `)
require(` + "`./${b}`" + `)
} catch {
}
(async () => {
import(tag` + "`./b`" + `)
import(` + "`./${b}`" + `)
await import(tag` + "`./b`" + `)
await import(` + "`./${b}`" + `)
try {
import(tag` + "`./b`" + `)
import(` + "`./${b}`" + `)
await import(tag` + "`./b`" + `)
await import(` + "`./${b}`" + `)
} catch {
}
})()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestDynamicImportWithExpressionCJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
import('foo')
import(foo())
`,
},
entryPaths: []string{"/a.js"},
options: config.Options{
Mode: config.ModeConvertFormat,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
},
})
}
func TestMinifiedDynamicImportWithExpressionCJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
import('foo')
import(foo())
`,
},
entryPaths: []string{"/a.js"},
options: config.Options{
Mode: config.ModeConvertFormat,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
MinifyWhitespace: true,
},
})
}
func TestConditionalRequireResolve(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
require.resolve(x ? 'a' : y ? 'b' : 'c')
require.resolve(x ? y ? 'a' : 'b' : c)
`,
},
entryPaths: []string{"/a.js"},
options: config.Options{
Mode: config.ModeBundle,
Platform: config.PlatformNode,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"a": true,
"b": true,
"c": true,
}},
},
},
})
}
func TestConditionalRequire(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
require(x ? 'a' : y ? './b' : 'c')
require(x ? y ? 'a' : './b' : c)
`,
"/b.js": `
exports.foo = 213
`,
},
entryPaths: []string{"/a.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"a": true,
"c": true,
}},
},
},
})
}
func TestConditionalImport(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
import(x ? 'a' : y ? './import' : 'c')
`,
"/b.js": `
import(x ? y ? 'a' : './import' : c)
`,
"/import.js": `
exports.foo = 213
`,
},
entryPaths: []string{"/a.js", "/b.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"a": true,
"c": true,
}},
},
},
})
}
func TestRequireBadArgumentCount(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
require()
require("a", "b")
try {
require()
require("a", "b")
} catch {
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireJson(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(require('./test.json'))
`,
"/test.json": `
{
"a": true,
"b": 123,
"c": [null]
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireTxt(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(require('./test.txt'))
`,
"/test.txt": `This is a test.`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireBadExtension(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(require('./test.bad'))
`,
"/test.bad": `This is a test.`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: No loader is configured for ".bad" files: test.bad
`,
})
}
func TestFalseRequire(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
(require => require('/test.txt'))()
`,
"/test.txt": `This is a test.`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireWithoutCall(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const req = require
req('./entry')
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestNestedRequireWithoutCall(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
(() => {
const req = require
req('./entry')
})()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
// Test a workaround for the "debug" library
func TestRequireWithCallInsideTry(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
try {
const supportsColor = require('supports-color');
if (supportsColor && (supportsColor.stderr || supportsColor).level >= 2) {
exports.colors = [];
}
} catch (error) {
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
// Test a workaround for the "moment" library
func TestRequireWithoutCallInsideTry(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
try {
oldLocale = globalLocale._abbr;
var aliasedRequire = require;
aliasedRequire('./locale/' + name);
getSetGlobalLocale(oldLocale);
} catch (e) {}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequirePropertyAccessCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
// These shouldn't warn since the format is CommonJS
console.log(Object.keys(require.cache))
console.log(Object.keys(require.extensions))
delete require.cache['fs']
delete require.extensions['.json']
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
Platform: config.PlatformNode,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
},
})
}
// Test a workaround for code using "await import()"
func TestAwaitImportInsideTry(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
async function main(name) {
try {
return await import(name)
} catch {
}
}
main('fs')
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestImportInsideTry(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
let x
try {
x = import('nope1')
x = await import('nope2')
} catch {
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Could not resolve "nope1"
NOTE: You can mark the path "nope1" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle. You can also add ".catch()" here to handle this failure at run-time instead of bundle-time.
`,
})
}
// Test a workaround for code using "import().catch()"
func TestImportThenCatch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import(name).then(pass, fail)
import(name).then(pass).catch(fail)
import(name).catch(fail)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestSourceMap(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/src/entry.js": `
import {bar} from './bar'
import data from './data.txt'
function foo() { bar() }
foo()
console.log(data)
`,
"/Users/user/project/src/bar.js": `
export function bar() { throw new Error('test') }
`,
// Someone wanted data from the text loader to show up in the source map: https://github.com/evanw/esbuild/issues/2041
"/Users/user/project/src/data.txt": `#2041`,
},
entryPaths: []string{"/Users/user/project/src/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
SourceMap: config.SourceMapLinkedWithComment,
AbsOutputFile: "/Users/user/project/out.js",
},
})
}
// This test covers a bug where a "var" in a nested scope did not correctly
// bind with references to that symbol in sibling scopes. Instead, the
// references were incorrectly considered to be unbound even though the symbol
// should be hoisted. This caused the renamer to name them different things to
// avoid a collision, which changed the meaning of the code.
func TestNestedScopeBug(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
(() => {
function a() {
b()
}
{
var b = () => {}
}
a()
})()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestHashbangBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `#!/usr/bin/env a
import {code} from './code'
process.exit(code)
`,
"/code.js": `#!/usr/bin/env b
export const code = 0
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestHashbangNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `#!/usr/bin/env node
process.exit(0);
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
func TestHashbangBannerUseStrictOrder(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `#! in file
'use strict'
foo()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
JSBanner: "#! from banner",
OutputFormat: config.FormatIIFE,
},
})
}
func TestRequireFSBrowser(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(require('fs'))
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Platform: config.PlatformBrowser,
},
expectedScanLog: `entry.js: ERROR: Could not resolve "fs"
NOTE: The package "fs" wasn't found on the file system but is built into node. Are you trying to bundle for node? You can use "Platform: api.PlatformNode" to do that, which will remove this error.
`,
})
}
func TestRequireFSNode(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
return require('fs')
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestRequireFSNodeMinify(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
return require('fs')
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
MinifyWhitespace: true,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestImportFSBrowser(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import 'fs'
import * as fs from 'fs'
import defaultValue from 'fs'
import {readFileSync} from 'fs'
console.log(fs, readFileSync, defaultValue)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Platform: config.PlatformBrowser,
},
expectedScanLog: `entry.js: ERROR: Could not resolve "fs"
NOTE: The package "fs" wasn't found on the file system but is built into node. Are you trying to bundle for node? You can use "Platform: api.PlatformNode" to do that, which will remove this error.
`,
})
}
func TestImportFSNodeCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import 'fs'
import * as fs from 'fs'
import defaultValue from 'fs'
import {readFileSync} from 'fs'
console.log(fs, readFileSync, defaultValue)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestImportFSNodeES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import 'fs'
import * as fs from 'fs'
import defaultValue from 'fs'
import {readFileSync} from 'fs'
console.log(fs, readFileSync, defaultValue)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestExportFSBrowser(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export * as fs from 'fs'
export {readFileSync} from 'fs'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Platform: config.PlatformBrowser,
},
expectedScanLog: `entry.js: ERROR: Could not resolve "fs"
NOTE: The package "fs" wasn't found on the file system but is built into node. Are you trying to bundle for node? You can use "Platform: api.PlatformNode" to do that, which will remove this error.
`,
})
}
func TestExportFSNode(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export * as fs from 'fs'
export {readFileSync} from 'fs'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestReExportFSNode(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {fs as f} from './foo'
export {readFileSync as rfs} from './foo'
`,
"/foo.js": `
export * as fs from 'fs'
export {readFileSync} from 'fs'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestExportFSNodeInCommonJSModule(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import * as fs from 'fs'
import {readFileSync} from 'fs'
exports.fs = fs
exports.readFileSync = readFileSync
exports.foo = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestExportWildcardFSNodeES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export * from 'fs'
export * from './internal'
export * from './external'
`,
"/internal.js": `
export let foo = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{
Exact: map[string]bool{
"./external": true,
},
},
},
},
})
}
func TestExportWildcardFSNodeCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export * from 'fs'
export * from './internal'
export * from './external'
`,
"/internal.js": `
export let foo = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{
Exact: map[string]bool{
"./external": true,
},
},
},
},
})
}
func TestExportSpecialName(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.mjs": `
export const __proto__ = 123;
`,
},
entryPaths: []string{"/entry.mjs"},
options: config.Options{
Mode: config.ModeConvertFormat,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestExportSpecialNameBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const lib = require('./lib.mjs');
console.log(lib.__proto__);
`,
"/lib.mjs": `
export const __proto__ = 123;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
// https://github.com/evanw/esbuild/issues/3544
func TestNodeAnnotationFalsePositiveIssue3544(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.mjs": `
export function confuseNode(exports) {
// If this local is called "exports", node incorrectly
// thinks this file has an export called "notAnExport".
// We must make sure that it doesn't have that name
// when targeting Node with CommonJS.
exports.notAnExport = function() {
};
}
`,
},
entryPaths: []string{"/entry.mjs"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
// https://github.com/evanw/esbuild/issues/4100
func TestNodeAnnotationInvalidIdentifierIssue4100(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.mjs": `
let foo, bar, baz
export {
foo, bar as if, baz as "..."
}
`,
},
entryPaths: []string{"/entry.mjs"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
func TestMinifiedBundleES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import {foo} from './a'
console.log(foo())
`,
"/a.js": `
export function foo() {
return 123
}
foo()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
MinifySyntax: true,
MinifyWhitespace: true,
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestMinifiedBundleCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const {foo} = require('./a')
console.log(foo(), require('./j.json'))
`,
"/a.js": `
exports.foo = function() {
return 123
}
`,
"/j.json": `
{"test": true}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
MinifySyntax: true,
MinifyWhitespace: true,
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestMinifiedBundleEndingWithImportantSemicolon(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
while(foo()); // This semicolon must not be stripped
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
MinifyWhitespace: true,
OutputFormat: config.FormatIIFE,
AbsOutputFile: "/out.js",
},
})
}
func TestRuntimeNameCollisionNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
function __require() { return 123 }
console.log(__require())
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelReturnForbiddenImport(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
return
import 'foo'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Top-level return cannot be used inside an ECMAScript module
entry.js: NOTE: This file is considered to be an ECMAScript module because of the "import" keyword here:
`,
})
}
func TestTopLevelReturnForbiddenExport(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
return
export var foo
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Top-level return cannot be used inside an ECMAScript module
entry.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
`,
})
}
func TestTopLevelReturnForbiddenTLA(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
return await foo
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Top-level return cannot be used inside an ECMAScript module
entry.js: NOTE: This file is considered to be an ECMAScript module because of the top-level "await" keyword here:
`,
})
}
func TestThisOutsideFunction(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
if (shouldBeExportsNotThis) {
console.log(this)
console.log((x = this) => this)
console.log({x: this})
console.log(class extends this.foo {})
console.log(class { [this.foo] })
console.log(class { [this.foo]() {} })
console.log(class { static [this.foo] })
console.log(class { static [this.foo]() {} })
}
if (shouldBeThisNotExports) {
console.log(class { foo = this })
console.log(class { foo() { this } })
console.log(class { static foo = this })
console.log(class { static foo() { this } })
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestThisInsideFunction(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
function foo(x = this) { console.log(this) }
const objFoo = {
foo(x = this) { console.log(this) }
}
class Foo {
x = this
static y = this.z
foo(x = this) { console.log(this) }
static bar(x = this) { console.log(this) }
}
new Foo(foo(objFoo))
if (nested) {
function bar(x = this) { console.log(this) }
const objBar = {
foo(x = this) { console.log(this) }
}
class Bar {
x = this
static y = this.z
foo(x = this) { console.log(this) }
static bar(x = this) { console.log(this) }
}
new Bar(bar(objBar))
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
// The value of "this" is "exports" in CommonJS modules and undefined in ES6
// modules. This is determined by the presence of ES6 import/export syntax.
func TestThisWithES6Syntax(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import './cjs'
import './es6-import-stmt'
import './es6-import-assign'
import './es6-import-dynamic'
import './es6-import-meta'
import './es6-expr-import-dynamic'
import './es6-expr-import-meta'
import './es6-export-variable'
import './es6-export-function'
import './es6-export-async-function'
import './es6-export-enum'
import './es6-export-const-enum'
import './es6-export-module'
import './es6-export-namespace'
import './es6-export-class'
import './es6-export-abstract-class'
import './es6-export-default'
import './es6-export-clause'
import './es6-export-clause-from'
import './es6-export-star'
import './es6-export-star-as'
import './es6-export-assign'
import './es6-export-import-assign'
import './es6-ns-export-variable'
import './es6-ns-export-function'
import './es6-ns-export-async-function'
import './es6-ns-export-enum'
import './es6-ns-export-const-enum'
import './es6-ns-export-module'
import './es6-ns-export-namespace'
import './es6-ns-export-class'
import './es6-ns-export-abstract-class'
`,
"/dummy.js": `export const dummy = 123`,
"/cjs.js": `console.log(this)`,
"/es6-import-stmt.js": `import './dummy'; console.log(this)`,
"/es6-import-assign.ts": `import x = require('./dummy'); console.log(this)`,
"/es6-import-dynamic.js": `import('./dummy'); console.log(this)`,
"/es6-import-meta.js": `import.meta; console.log(this)`,
"/es6-expr-import-dynamic.js": `(import('./dummy')); console.log(this)`,
"/es6-expr-import-meta.js": `(import.meta); console.log(this)`,
"/es6-export-variable.js": `export const foo = 123; console.log(this)`,
"/es6-export-function.js": `export function foo() {} console.log(this)`,
"/es6-export-async-function.js": `export async function foo() {} console.log(this)`,
"/es6-export-enum.ts": `export enum Foo {} console.log(this)`,
"/es6-export-const-enum.ts": `export const enum Foo {} console.log(this)`,
"/es6-export-module.ts": `export module Foo {} console.log(this)`,
"/es6-export-namespace.ts": `export namespace Foo {} console.log(this)`,
"/es6-export-class.js": `export class Foo {} console.log(this)`,
"/es6-export-abstract-class.ts": `export abstract class Foo {} console.log(this)`,
"/es6-export-default.js": `export default 123; console.log(this)`,
"/es6-export-clause.js": `export {}; console.log(this)`,
"/es6-export-clause-from.js": `export {} from './dummy'; console.log(this)`,
"/es6-export-star.js": `export * from './dummy'; console.log(this)`,
"/es6-export-star-as.js": `export * as ns from './dummy'; console.log(this)`,
"/es6-export-assign.ts": `export = 123; console.log(this)`,
"/es6-export-import-assign.ts": `export import x = require('./dummy'); console.log(this)`,
"/es6-ns-export-variable.ts": `namespace ns { export const foo = 123; } console.log(this)`,
"/es6-ns-export-function.ts": `namespace ns { export function foo() {} } console.log(this)`,
"/es6-ns-export-async-function.ts": `namespace ns { export async function foo() {} } console.log(this)`,
"/es6-ns-export-enum.ts": `namespace ns { export enum Foo {} } console.log(this)`,
"/es6-ns-export-const-enum.ts": `namespace ns { export const enum Foo {} } console.log(this)`,
"/es6-ns-export-module.ts": `namespace ns { export module Foo {} } console.log(this)`,
"/es6-ns-export-namespace.ts": `namespace ns { export namespace Foo {} } console.log(this)`,
"/es6-ns-export-class.ts": `namespace ns { export class Foo {} } console.log(this)`,
"/es6-ns-export-abstract-class.ts": `namespace ns { export abstract class Foo {} } console.log(this)`,
},
entryPaths: []string{
"/entry.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
debugLogs: true,
expectedScanLog: `es6-export-abstract-class.ts: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-abstract-class.ts: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-async-function.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-async-function.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-class.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-class.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-clause-from.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-clause-from.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-clause.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-clause.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-const-enum.ts: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-const-enum.ts: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-default.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-default.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-enum.ts: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-enum.ts: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-function.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-function.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-import-assign.ts: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-import-assign.ts: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-module.ts: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-module.ts: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-namespace.ts: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-namespace.ts: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-star-as.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-star-as.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-star.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-star.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-export-variable.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-export-variable.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
es6-expr-import-meta.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-expr-import-meta.js: NOTE: This file is considered to be an ECMAScript module because of the use of "import.meta" here:
es6-import-meta.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
es6-import-meta.js: NOTE: This file is considered to be an ECMAScript module because of the use of "import.meta" here:
`,
})
}
func TestArrowFnScope(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
tests = {
0: ((x = y => x + y, y) => x + y),
1: ((y, x = y => x + y) => x + y),
2: ((x = (y = z => x + y + z, z) => x + y + z, y, z) => x + y + z),
3: ((y, z, x = (z, y = z => x + y + z) => x + y + z) => x + y + z),
4: ((x = y => x + y, y), x + y),
5: ((y, x = y => x + y), x + y),
6: ((x = (y = z => x + y + z, z) => x + y + z, y, z), x + y + z),
7: ((y, z, x = (z, y = z => x + y + z) => x + y + z), x + y + z),
};
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestSwitchScopeNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
switch (foo) { default: var foo }
switch (bar) { default: let bar }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestArgumentDefaultValueScopeNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export function a(x = foo) { var foo; return x }
export class b { fn(x = foo) { var foo; return x } }
export let c = [
function(x = foo) { var foo; return x },
(x = foo) => { var foo; return x },
{ fn(x = foo) { var foo; return x }},
class { fn(x = foo) { var foo; return x }},
]
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestArgumentsSpecialCaseNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
(() => {
var arguments;
function foo(x = arguments) { return arguments }
(function(x = arguments) { return arguments });
({foo(x = arguments) { return arguments }});
class Foo { foo(x = arguments) { return arguments } }
(class { foo(x = arguments) { return arguments } });
function foo(x = arguments) { var arguments; return arguments }
(function(x = arguments) { var arguments; return arguments });
({foo(x = arguments) { var arguments; return arguments }});
(x => arguments);
(() => arguments);
(async () => arguments);
((x = arguments) => arguments);
(async (x = arguments) => arguments);
x => arguments;
() => arguments;
async () => arguments;
(x = arguments) => arguments;
async (x = arguments) => arguments;
(x => { return arguments });
(() => { return arguments });
(async () => { return arguments });
((x = arguments) => { return arguments });
(async (x = arguments) => { return arguments });
x => { return arguments };
() => { return arguments };
async () => { return arguments };
(x = arguments) => { return arguments };
async (x = arguments) => { return arguments };
})()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestWithStatementTaintingNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
(() => {
let local = 1
let outer = 2
let outerDead = 3
with ({}) {
var hoisted = 4
let local = 5
hoisted++
local++
if (1) outer++
if (0) outerDead++
}
if (1) {
hoisted++
local++
outer++
outerDead++
}
})()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestDirectEvalTaintingNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
function test1() {
function add(first, second) {
return first + second
}
eval('add(1, 2)')
}
function test2() {
function add(first, second) {
return first + second
}
(0, eval)('add(1, 2)')
}
function test3() {
function add(first, second) {
return first + second
}
}
function test4(eval) {
function add(first, second) {
return first + second
}
eval('add(1, 2)')
}
function test5() {
function containsDirectEval() { eval() }
if (true) { var shouldNotBeRenamed }
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestImportReExportES6Issue149(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/app.jsx": `
import { p as Part, h, render } from './import';
import { Internal } from './in2';
const App = () => <Part> <Internal /> T </Part>;
render(<App />, document.getElementById('app'));
`,
"/in2.jsx": `
import { p as Part, h } from './import';
export const Internal = () => <Part> Test 2 </Part>;
`,
"/import.js": `
import { h, render } from 'preact';
export const p = "p";
export { h, render }
`,
},
entryPaths: []string{"/app.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"h"}},
},
AbsOutputFile: "/out.js",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"preact": true,
}},
},
},
})
}
func TestExternalModuleExclusionPackage(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/index.js": `
import { S3 } from 'aws-sdk';
import { DocumentClient } from 'aws-sdk/clients/dynamodb';
export const s3 = new S3();
export const dynamodb = new DocumentClient();
`,
},
entryPaths: []string{"/index.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"aws-sdk": true,
}, Patterns: []config.WildcardPattern{
{Prefix: "aws-sdk/"},
}},
},
},
})
}
func TestExternalModuleExclusionScopedPackage(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/index.js": `
import '@a1'
import '@a1/a2'
import '@a1-a2'
import '@b1'
import '@b1/b2'
import '@b1/b2/b3'
import '@b1/b2-b3'
import '@c1'
import '@c1/c2'
import '@c1/c2/c3'
import '@c1/c2/c3/c4'
import '@c1/c2/c3-c4'
`,
},
entryPaths: []string{"/index.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"@a1": true,
"@b1/b2": true,
"@c1/c2/c3": true,
}, Patterns: []config.WildcardPattern{
{Prefix: "@a1/"},
{Prefix: "@b1/b2/"},
{Prefix: "@c1/c2/c3/"},
}},
},
},
expectedScanLog: `index.js: ERROR: Could not resolve "@a1-a2"
NOTE: You can mark the path "@a1-a2" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.
index.js: ERROR: Could not resolve "@b1"
NOTE: You can mark the path "@b1" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.
index.js: ERROR: Could not resolve "@b1/b2-b3"
NOTE: You can mark the path "@b1/b2-b3" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.
index.js: ERROR: Could not resolve "@c1"
NOTE: You can mark the path "@c1" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.
index.js: ERROR: Could not resolve "@c1/c2"
NOTE: You can mark the path "@c1/c2" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.
index.js: ERROR: Could not resolve "@c1/c2/c3-c4"
NOTE: You can mark the path "@c1/c2/c3-c4" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.
`,
})
}
func TestScopedExternalModuleExclusion(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/index.js": `
import { Foo } from '@scope/foo';
import { Bar } from '@scope/foo/bar';
export const foo = new Foo();
export const bar = new Bar();
`,
},
entryPaths: []string{"/index.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"@scope/foo": true,
}, Patterns: []config.WildcardPattern{
{Prefix: "@scope/foo/"},
}},
},
},
})
}
func TestExternalModuleExclusionRelativePath(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/src/index.js": `
import './nested/folder/test'
`,
"/Users/user/project/src/nested/folder/test.js": `
import foo from './foo.js'
import out from '../../../out/in-out-dir.js'
import sha256 from '../../sha256.min.js'
import config from '/api/config?a=1&b=2'
console.log(foo, out, sha256, config)
`,
},
entryPaths: []string{"/Users/user/project/src/index.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/Users/user/project/out",
ExternalSettings: config.ExternalSettings{
PostResolve: config.ExternalMatchers{Exact: map[string]bool{
"/Users/user/project/out/in-out-dir.js": true,
"/Users/user/project/src/nested/folder/foo.js": true,
"/Users/user/project/src/sha256.min.js": true,
}},
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"/api/config?a=1&b=2": true,
}},
},
},
})
}
// Webpack supports this case, so we do too. Some libraries apparently have
// these paths: https://github.com/webpack/enhanced-resolve/issues/247
func TestImportWithHashInPath(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import foo from './file#foo.txt'
import bar from './file#bar.txt'
console.log(foo, bar)
`,
"/file#foo.txt": `foo`,
"/file#bar.txt": `bar`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestImportWithHashParameter(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
// Each of these should have a separate identity (i.e. end up in the output file twice)
import foo from './file.txt#foo'
import bar from './file.txt#bar'
console.log(foo, bar)
`,
"/file.txt": `This is some text`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestImportWithQueryParameter(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
// Each of these should have a separate identity (i.e. end up in the output file twice)
import foo from './file.txt?foo'
import bar from './file.txt?bar'
console.log(foo, bar)
`,
"/file.txt": `This is some text`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestImportAbsPathWithQueryParameter(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/entry.js": `
// Each of these should have a separate identity (i.e. end up in the output file twice)
import foo from '/Users/user/project/file.txt?foo'
import bar from '/Users/user/project/file.txt#bar'
console.log(foo, bar)
`,
"/Users/user/project/file.txt": `This is some text`,
},
entryPaths: []string{"/Users/user/project/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestImportAbsPathAsFile(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/entry.js": `
import pkg from '/Users/user/project/node_modules/pkg/index'
console.log(pkg)
`,
"/Users/user/project/node_modules/pkg/index.js": `
export default 123
`,
},
entryPaths: []string{"/Users/user/project/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestImportAbsPathAsDir(t *testing.T) {
default_suite.expectBundledUnix(t, bundled{
files: map[string]string{
"/Users/user/project/entry.js": `
import pkg from '/Users/user/project/node_modules/pkg'
console.log(pkg)
`,
"/Users/user/project/node_modules/pkg/index.js": `
export default 123
`,
},
entryPaths: []string{"/Users/user/project/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
default_suite.expectBundledWindows(t, bundled{
files: map[string]string{
"C:\\Users\\user\\project\\entry.js": `
import pkg from 'C:\\Users\\user\\project\\node_modules\\pkg'
console.log(pkg)
`,
"C:\\Users\\user\\project\\node_modules\\pkg\\index.js": `
export default 123
`,
},
entryPaths: []string{"C:\\Users\\user\\project\\entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "C:\\out",
},
})
}
func TestAutoExternal(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
// These URLs should be external automatically
import "http://example.com/code.js";
import "https://example.com/code.js";
import "//example.com/code.js";
import "data:application/javascript;base64,ZXhwb3J0IGRlZmF1bHQgMTIz";
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestAutoExternalNode(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
// These URLs should be external automatically
import fs from "node:fs/promises";
fs.readFile();
// This should be external and should be tree-shaken because it's side-effect free
import "node:path";
// This should be external too, but shouldn't be tree-shaken because it could be a run-time error
import "node:what-is-this";
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
Platform: config.PlatformNode,
},
})
}
func TestExternalWithWildcard(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
// Should match
import "/assets/images/test.jpg";
import "/dir/x/file.gif";
import "/dir//file.gif";
import "./file.png";
// Should not match
import "/sassets/images/test.jpg";
import "/dir/file.gif";
import "./file.ping";
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Patterns: []config.WildcardPattern{
{Prefix: "/assets/"},
{Suffix: ".png"},
{Prefix: "/dir/", Suffix: "/file.gif"},
}},
},
},
expectedScanLog: `entry.js: ERROR: Could not resolve "/sassets/images/test.jpg"
entry.js: ERROR: Could not resolve "/dir/file.gif"
entry.js: ERROR: Could not resolve "./file.ping"
`,
})
}
func TestExternalWildcardDoesNotMatchEntryPoint(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
// The "*" pattern should not apply to this entry point
"/entry.js": `
import "foo"
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Patterns: []config.WildcardPattern{
{},
}},
},
},
})
}
// This test case makes sure many entry points don't cause a crash
func TestManyEntryPoints(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/shared.js": `export default 123`,
"/e00.js": `import x from './shared'; console.log(x)`,
"/e01.js": `import x from './shared'; console.log(x)`,
"/e02.js": `import x from './shared'; console.log(x)`,
"/e03.js": `import x from './shared'; console.log(x)`,
"/e04.js": `import x from './shared'; console.log(x)`,
"/e05.js": `import x from './shared'; console.log(x)`,
"/e06.js": `import x from './shared'; console.log(x)`,
"/e07.js": `import x from './shared'; console.log(x)`,
"/e08.js": `import x from './shared'; console.log(x)`,
"/e09.js": `import x from './shared'; console.log(x)`,
"/e10.js": `import x from './shared'; console.log(x)`,
"/e11.js": `import x from './shared'; console.log(x)`,
"/e12.js": `import x from './shared'; console.log(x)`,
"/e13.js": `import x from './shared'; console.log(x)`,
"/e14.js": `import x from './shared'; console.log(x)`,
"/e15.js": `import x from './shared'; console.log(x)`,
"/e16.js": `import x from './shared'; console.log(x)`,
"/e17.js": `import x from './shared'; console.log(x)`,
"/e18.js": `import x from './shared'; console.log(x)`,
"/e19.js": `import x from './shared'; console.log(x)`,
"/e20.js": `import x from './shared'; console.log(x)`,
"/e21.js": `import x from './shared'; console.log(x)`,
"/e22.js": `import x from './shared'; console.log(x)`,
"/e23.js": `import x from './shared'; console.log(x)`,
"/e24.js": `import x from './shared'; console.log(x)`,
"/e25.js": `import x from './shared'; console.log(x)`,
"/e26.js": `import x from './shared'; console.log(x)`,
"/e27.js": `import x from './shared'; console.log(x)`,
"/e28.js": `import x from './shared'; console.log(x)`,
"/e29.js": `import x from './shared'; console.log(x)`,
"/e30.js": `import x from './shared'; console.log(x)`,
"/e31.js": `import x from './shared'; console.log(x)`,
"/e32.js": `import x from './shared'; console.log(x)`,
"/e33.js": `import x from './shared'; console.log(x)`,
"/e34.js": `import x from './shared'; console.log(x)`,
"/e35.js": `import x from './shared'; console.log(x)`,
"/e36.js": `import x from './shared'; console.log(x)`,
"/e37.js": `import x from './shared'; console.log(x)`,
"/e38.js": `import x from './shared'; console.log(x)`,
"/e39.js": `import x from './shared'; console.log(x)`,
},
entryPaths: []string{
"/e00.js", "/e01.js", "/e02.js", "/e03.js", "/e04.js", "/e05.js", "/e06.js", "/e07.js", "/e08.js", "/e09.js",
"/e10.js", "/e11.js", "/e12.js", "/e13.js", "/e14.js", "/e15.js", "/e16.js", "/e17.js", "/e18.js", "/e19.js",
"/e20.js", "/e21.js", "/e22.js", "/e23.js", "/e24.js", "/e25.js", "/e26.js", "/e27.js", "/e28.js", "/e29.js",
"/e30.js", "/e31.js", "/e32.js", "/e33.js", "/e34.js", "/e35.js", "/e36.js", "/e37.js", "/e38.js", "/e39.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestRenameNestedVar(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import { foo } from './foo'
var topLevel = 0
{ var nested = 1 }
function fn() { var inner = 2 }
foo(topLevel, nested, fn)
`,
"/foo.js": `
export function foo(a, b) {}
var topLevel = 0
{ var nested = 1 }
function fn() { var inner = 2 }
foo(topLevel, nested, fn)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRenamePrivateIdentifiersNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
class Foo {
#foo
foo = class {
#foo
#foo2
#bar
}
get #bar() {}
set #bar(x) {}
}
class Bar {
#foo
foo = class {
#foo2
#foo
#bar
}
get #bar() {}
set #bar(x) {}
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
func TestMinifyPrivateIdentifiersNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
class Foo {
#foo
foo = class {
#foo
#foo2
#bar
}
get #bar() {}
set #bar(x) {}
}
class Bar {
#foo
foo = class {
#foo2
#foo
#bar
}
get #bar() {}
set #bar(x) {}
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestRenameLabelsNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
foo: {
bar: {
if (x) break bar
break foo
}
}
foo2: {
bar2: {
if (x) break bar2
break foo2
}
}
foo: {
bar: {
if (x) break bar
break foo
}
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
// These labels should all share the same minified names
func TestMinifySiblingLabelsNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
foo: {
bar: {
if (x) break bar
break foo
}
}
foo2: {
bar2: {
if (x) break bar2
break foo2
}
}
foo: {
bar: {
if (x) break bar
break foo
}
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
// We shouldn't ever generate a label with the name "if"
func TestMinifyNestedLabelsNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
L001:L002:L003:L004:L005:L006:L007:L008:L009:L010:L011:L012:L013:L014:L015:L016:{nl(` + "`\n`" + `)
L017:L018:L019:L020:L021:L022:L023:L024:L025:L026:L027:L028:L029:L030:L031:L032:{nl(` + "`\n`" + `)
L033:L034:L035:L036:L037:L038:L039:L040:L041:L042:L043:L044:L045:L046:L047:L048:{nl(` + "`\n`" + `)
L049:L050:L051:L052:L053:L054:L055:L056:L057:L058:L059:L060:L061:L062:L063:L064:{nl(` + "`\n`" + `)
L065:L066:L067:L068:L069:L070:L071:L072:L073:L074:L075:L076:L077:L078:L079:L080:{nl(` + "`\n`" + `)
L081:L082:L083:L084:L085:L086:L087:L088:L089:L090:L091:L092:L093:L094:L095:L096:{nl(` + "`\n`" + `)
L097:L098:L099:L100:L101:L102:L103:L104:L105:L106:L107:L108:L109:L110:L111:L112:{nl(` + "`\n`" + `)
L113:L114:L115:L116:L117:L118:L119:L120:L121:L122:L123:L124:L125:L126:L127:L128:{nl(` + "`\n`" + `)
L129:L130:L131:L132:L133:L134:L135:L136:L137:L138:L139:L140:L141:L142:L143:L144:{nl(` + "`\n`" + `)
L145:L146:L147:L148:L149:L150:L151:L152:L153:L154:L155:L156:L157:L158:L159:L160:{nl(` + "`\n`" + `)
L161:L162:L163:L164:L165:L166:L167:L168:L169:L170:L171:L172:L173:L174:L175:L176:{nl(` + "`\n`" + `)
L177:L178:L179:L180:L181:L182:L183:L184:L185:L186:L187:L188:L189:L190:L191:L192:{nl(` + "`\n`" + `)
L193:L194:L195:L196:L197:L198:L199:L200:L201:L202:L203:L204:L205:L206:L207:L208:{nl(` + "`\n`" + `)
L209:L210:L211:L212:L213:L214:L215:L216:L217:L218:L219:L220:L221:L222:L223:L224:{nl(` + "`\n`" + `)
L225:L226:L227:L228:L229:L230:L231:L232:L233:L234:L235:L236:L237:L238:L239:L240:{nl(` + "`\n`" + `)
L241:L242:L243:L244:L245:L246:L247:L248:L249:L250:L251:L252:L253:L254:L255:L256:{nl(` + "`\n`" + `)
L257:L258:L259:L260:L261:L262:L263:L264:L265:L266:L267:L268:L269:L270:L271:L272:{nl(` + "`\n`" + `)
L273:L274:L275:L276:L277:L278:L279:L280:L281:L282:L283:L284:L285:L286:L287:L288:{nl(` + "`\n`" + `)
L289:L290:L291:L292:L293:L294:L295:L296:L297:L298:L299:L300:L301:L302:L303:L304:{nl(` + "`\n`" + `)
L305:L306:L307:L308:L309:L310:L311:L312:L313:L314:L315:L316:L317:L318:L319:L320:{nl(` + "`\n`" + `)
L321:L322:L323:L324:L325:L326:L327:L328:L329:L330:L331:L332:L333:{}}}}}}}}}}}}}}}}}}nl(` + "`\n`" + `)
}}}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifyWhitespace: true,
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
},
})
}
func TestExportsAndModuleFormatCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import * as foo from './foo/test'
import * as bar from './bar/test'
console.log(exports, module.exports, foo, bar)
`,
"/foo/test.js": `
export let foo = 123
`,
"/bar/test.js": `
export let bar = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
// The "test_exports" names must be different
})
}
func TestMinifiedExportsAndModuleFormatCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import * as foo from './foo/test'
import * as bar from './bar/test'
console.log(exports, module.exports, foo, bar)
`,
"/foo/test.js": `
export let foo = 123
`,
"/bar/test.js": `
export let bar = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
MinifyIdentifiers: true,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
// The "test_exports" names must be minified, and the "exports" and
// "module" names must not be minified
})
}
func TestEmptyExportClauseBundleAsCommonJSIssue910(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(require('./types.mjs'))
`,
"/types.mjs": `
export {}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
Platform: config.PlatformNode,
},
})
}
// The minifier should not remove "use strict" or join it with other expressions
func TestUseStrictDirectiveMinifyNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
'use strict'
'use loose'
a
b
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
MinifySyntax: true,
MinifyWhitespace: true,
AbsOutputFile: "/out.js",
},
})
}
func TestUseStrictDirectiveBundleIssue1837(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(require('./cjs'))
`,
"/cjs.js": `
'use strict'
exports.foo = process
`,
"/shims.js": `
import process from 'process'
export { process }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{"/shims.js"},
Platform: config.PlatformNode,
OutputFormat: config.FormatIIFE,
},
})
}
func TestUseStrictDirectiveBundleIIFEIssue2264(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
'use strict'
export let a = 1
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatIIFE,
},
})
}
func TestUseStrictDirectiveBundleCJSIssue2264(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
'use strict'
export let a = 1
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatCommonJS,
},
})
}
func TestUseStrictDirectiveBundleESMIssue2264(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
'use strict'
export let a = 1
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatESModule,
},
})
}
func TestNoOverwriteInputFileError(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(123)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/",
},
expectedCompileLog: `ERROR: Refusing to overwrite input file "entry.js" (use "AllowOverwrite: true" to allow this)
`,
})
}
// https://github.com/evanw/esbuild/issues/4411
func TestDuplicateChunkNameIssue4411(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry-a1.js": `
import { add } from "./shared-a/shared.js"
export const addA1 = () => add("a1")
`,
"/entry-a2.js": `
import { add } from "./shared-a/shared.js"
export const addA2 = () => add("a2")
`,
"/entry-b1.js": `
import { add } from "./shared-b/shared.js"
export const addB1 = () => add("b1")
`,
"/entry-b2.js": `
import { add } from "./shared-b/shared.js"
export const addB2 = () => add("b2")
`,
"/shared-a/shared.js": `
const cache = []
export const add = str => cache.push(str)
`,
"/shared-b/shared.js": `
const cache = []
export const add = str => cache.push(str)
`,
},
entryPaths: []string{"/entry-a1.js", "/entry-a2.js", "/entry-b1.js", "/entry-b2.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
CodeSplitting: true,
ChunkPathTemplate: []config.PathTemplate{{Placeholder: config.NamePlaceholder}},
},
expectedCompileLog: `ERROR: Two output files share the same path but have different contents: out/chunk.js
`,
})
}
func TestDuplicateEntryPoint(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(123)
`,
},
entryPaths: []string{"/entry.js", "/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
expectedCompileLog: `ERROR: Two output files share the same path but have different contents: out/entry.js
`,
})
}
func TestRelativeEntryPointError(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(123)
`,
},
entryPaths: []string{"entry"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
expectedScanLog: `ERROR: Could not resolve "entry"
NOTE: Use the relative path "./entry" to reference the file "entry.js". Without the leading "./", the path "entry" is being interpreted as a package path instead.
`,
})
}
func TestMultipleEntryPointsSameNameCollision(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a/entry.js": `import {foo} from '../common.js'; console.log(foo)`,
"/b/entry.js": `import {foo} from '../common.js'; console.log(foo)`,
"/common.js": `export let foo = 123`,
},
entryPaths: []string{"/a/entry.js", "/b/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestMultipleEntryPointsSameNameCollisionError(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a/entry.js": `import {foo} from '../common.js'; console.log(foo)`,
"/b/entry.js": `import {foo} from '../common.js'; console.log(foo)`,
"/common.js": `export let foo = 123`,
},
entryPaths: []string{"/a/entry.js", "/b/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
EntryPathTemplate: []config.PathTemplate{{Placeholder: config.NamePlaceholder}},
},
expectedCompileLog: `ERROR: Two output files share the same path but have different contents: out/entry.js
`,
})
}
func TestReExportCommonJSAsES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {bar} from './foo'
`,
"/foo.js": `
exports.bar = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestReExportDefaultInternal(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {default as foo} from './foo'
export {default as bar} from './bar'
`,
"/foo.js": `
export default 'foo'
`,
"/bar.js": `
export default 'bar'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestReExportDefaultExternalES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {default as foo} from 'foo'
export {bar} from './bar'
`,
"/bar.js": `
export {default as bar} from 'bar'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatESModule,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"foo": true,
"bar": true,
}},
},
},
})
}
func TestReExportDefaultExternalCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {default as foo} from 'foo'
export {bar} from './bar'
`,
"/bar.js": `
export {default as bar} from 'bar'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatCommonJS,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"foo": true,
"bar": true,
}},
},
},
})
}
func TestReExportDefaultNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {default as foo} from './foo'
export {default as bar} from './bar'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
func TestReExportDefaultNoBundleES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {default as foo} from './foo'
export {default as bar} from './bar'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeConvertFormat,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
},
})
}
func TestReExportDefaultNoBundleCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export {default as foo} from './foo'
export {default as bar} from './bar'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeConvertFormat,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
},
})
}
func TestImportMetaCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(import.meta.url, import.meta.path)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: WARNING: "import.meta" is not available with the "cjs" output format and will be empty
NOTE: You need to set the output format to "esm" for "import.meta" to work correctly.
entry.js: WARNING: "import.meta" is not available with the "cjs" output format and will be empty
NOTE: You need to set the output format to "esm" for "import.meta" to work correctly.
`,
})
}
func TestImportMetaES6(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(import.meta.url, import.meta.path)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
},
})
}
func TestImportMetaNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(import.meta.url, import.meta.path)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
func TestLegalCommentsNone(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/empty.js": ``,
"/entry.js": `
import './a'
import './b'
import './c'
`,
"/a.js": `console.log('in a') //! Copyright notice 1`,
"/b.js": `console.log('in b') //! Copyright notice 1`,
"/c.js": `console.log('in c') //! Copyright notice 2`,
"/empty.css": ``,
"/entry.css": `
@import "./a.css";
@import "./b.css";
@import "./c.css";
`,
"/a.css": `a { zoom: 2 } /*! Copyright notice 1 */`,
"/b.css": `b { zoom: 2 } /*! Copyright notice 1 */`,
"/c.css": `c { zoom: 2 } /*! Copyright notice 2 */`,
},
entryPaths: []string{
"/entry.js",
"/entry.css",
"/empty.js",
"/empty.css",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsNone,
},
})
}
func TestLegalCommentsInline(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/empty.js": ``,
"/entry.js": `
import './a'
import './b'
import './c'
`,
"/a.js": `console.log('in a') //! Copyright notice 1`,
"/b.js": `console.log('in b') //! Copyright notice 1`,
"/c.js": `console.log('in c') //! Copyright notice 2`,
"/empty.css": ``,
"/entry.css": `
@import "./a.css";
@import "./b.css";
@import "./c.css";
`,
"/a.css": `a { zoom: 2 } /*! Copyright notice 1 */`,
"/b.css": `b { zoom: 2 } /*! Copyright notice 1 */`,
"/c.css": `c { zoom: 2 } /*! Copyright notice 2 */`,
},
entryPaths: []string{
"/entry.js",
"/entry.css",
"/empty.js",
"/empty.css",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsInline,
},
})
}
func TestLegalCommentsEndOfFile(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/empty.js": ``,
"/entry.js": `
import './a'
import './b'
import './c'
`,
"/a.js": `console.log('in a') //! Copyright notice 1`,
"/b.js": `console.log('in b') //! Copyright notice 1`,
"/c.js": `console.log('in c') //! Copyright notice 2`,
"/empty.css": ``,
"/entry.css": `
@import "./a.css";
@import "./b.css";
@import "./c.css";
`,
"/a.css": `a { zoom: 2 } /*! Copyright notice 1 */`,
"/b.css": `b { zoom: 2 } /*! Copyright notice 1 */`,
"/c.css": `c { zoom: 2 } /*! Copyright notice 2 */`,
},
entryPaths: []string{
"/entry.js",
"/entry.css",
"/empty.js",
"/empty.css",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsEndOfFile,
},
})
}
func TestLegalCommentsLinked(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/empty.js": ``,
"/entry.js": `
import './a'
import './b'
import './c'
`,
"/a.js": `console.log('in a') //! Copyright notice 1`,
"/b.js": `console.log('in b') //! Copyright notice 1`,
"/c.js": `console.log('in c') //! Copyright notice 2`,
"/empty.css": ``,
"/entry.css": `
@import "./a.css";
@import "./b.css";
@import "./c.css";
`,
"/a.css": `a { zoom: 2 } /*! Copyright notice 1 */`,
"/b.css": `b { zoom: 2 } /*! Copyright notice 1 */`,
"/c.css": `c { zoom: 2 } /*! Copyright notice 2 */`,
},
entryPaths: []string{
"/entry.js",
"/entry.css",
"/empty.js",
"/empty.css",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsLinkedWithComment,
},
})
}
func TestLegalCommentsExternal(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/empty.js": ``,
"/entry.js": `
import './a'
import './b'
import './c'
`,
"/a.js": `console.log('in a') //! Copyright notice 1`,
"/b.js": `console.log('in b') //! Copyright notice 1`,
"/c.js": `console.log('in c') //! Copyright notice 2`,
"/empty.css": ``,
"/entry.css": `
@import "./a.css";
@import "./b.css";
@import "./c.css";
`,
"/a.css": `a { zoom: 2 } /*! Copyright notice 1 */`,
"/b.css": `b { zoom: 2 } /*! Copyright notice 1 */`,
"/c.css": `c { zoom: 2 } /*! Copyright notice 2 */`,
},
entryPaths: []string{
"/entry.js",
"/entry.css",
"/empty.js",
"/empty.css",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsExternalWithoutComment,
},
})
}
func TestLegalCommentsModifyIndent(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export default () => {
/**
* @preserve
*/
}
`,
"/entry.css": `
@media (x: y) {
/**
* @preserve
*/
z { zoom: 2 }
}
`,
},
entryPaths: []string{"/entry.js", "/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsInline,
},
})
}
func TestLegalCommentsAvoidSlashTagInline(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
//! <script>foo</script>
export let x
`,
"/entry.css": `
/*! <style>foo</style> */
x { y: z }
`,
},
entryPaths: []string{"/entry.js", "/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsInline,
},
})
}
func TestLegalCommentsAvoidSlashTagEndOfFile(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
//! <script>foo</script>
export let x
`,
"/entry.css": `
/*! <style>foo</style> */
x { y: z }
`,
},
entryPaths: []string{"/entry.js", "/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsEndOfFile,
},
})
}
func TestLegalCommentsAvoidSlashTagExternal(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
//! <script>foo</script>
export let x
`,
"/entry.css": `
/*! <style>foo</style> */
x { y: z }
`,
},
entryPaths: []string{"/entry.js", "/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LegalComments: config.LegalCommentsExternalWithoutComment,
},
})
}
func TestLegalCommentsManyEndOfFile(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `
import './a'
import './b'
import './c'
import 'some-pkg/js'
`,
"/project/a.js": `
console.log('in a') //! Copyright notice 1
//! Duplicate comment
//! Duplicate comment
`,
"/project/b.js": `
console.log('in b') //! Copyright notice 1
//! Duplicate comment
//! Duplicate comment
`,
"/project/c.js": `
function foo() {
/*
* @license
* Copyright notice 2
*/
console.log('in c')
// @preserve This is another comment
}
foo()
`,
"/project/node_modules/some-pkg/js/index.js": `
import "some-other-pkg/js" //! (c) Good Software Corp
//! Duplicate third-party comment
//! Duplicate third-party comment
`,
"/project/node_modules/some-other-pkg/js/index.js": `
function bar() {
/*
* @preserve
* (c) Evil Software Corp
*/
console.log('some-other-pkg')
}
//! Duplicate third-party comment
//! Duplicate third-party comment
bar()
`,
"/project/entry.css": `
@import "./a.css";
@import "./b.css";
@import "./c.css";
@import 'some-pkg/css';
`,
"/project/a.css": `
a { zoom: 2 } /*! Copyright notice 1 */
/*! Duplicate comment */
/*! Duplicate comment */
`,
"/project/b.css": `
b { zoom: 2 } /*! Copyright notice 1 */
/*! Duplicate comment */
/*! Duplicate comment */
`,
"/project/c.css": `
/*
* @license
* Copyright notice 2
*/
c {
zoom: 2
}
/* @preserve This is another comment */
`,
"/project/node_modules/some-pkg/css/index.css": `
@import "some-other-pkg/css"; /*! (c) Good Software Corp */
/*! Duplicate third-party comment */
/*! Duplicate third-party comment */
`,
"/project/node_modules/some-other-pkg/css/index.css": `
/*! Duplicate third-party comment */
/*! Duplicate third-party comment */
.some-other-pkg {
zoom: 2
}
/** @preserve
* (c) Evil Software Corp
*/
`,
},
entryPaths: []string{"/project/entry.js", "/project/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MinifyWhitespace: true,
LegalComments: config.LegalCommentsEndOfFile,
},
})
}
func TestLegalCommentsEscapeSlashScriptAndStyleEndOfFile(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `import "js-pkg"; a /*! </script> */`,
"/project/node_modules/js-pkg/index.js": `x /*! </script> */`,
"/project/entry.css": `@import "css-pkg"; a { b: c } /*! </style> */`,
"/project/node_modules/css-pkg/index.css": `x { y: z } /*! </style> */`,
},
entryPaths: []string{"/project/entry.js", "/project/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MinifyWhitespace: true,
LegalComments: config.LegalCommentsEndOfFile,
},
})
}
func TestLegalCommentsEscapeSlashScriptAndStyleExternal(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `import "js-pkg"; a /*! </script> */`,
"/project/node_modules/js-pkg/index.js": `x /*! </script> */`,
"/project/entry.css": `@import "css-pkg"; a { b: c } /*! </style> */`,
"/project/node_modules/css-pkg/index.css": `x { y: z } /*! </style> */`,
},
entryPaths: []string{"/project/entry.js", "/project/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MinifyWhitespace: true,
LegalComments: config.LegalCommentsExternalWithoutComment,
},
})
}
func TestLegalCommentsNoEscapeSlashScriptEndOfFile(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `import "js-pkg"; a /*! </script> */`,
"/project/node_modules/js-pkg/index.js": `x /*! </script> */`,
"/project/entry.css": `@import "css-pkg"; a { b: c } /*! </style> */`,
"/project/node_modules/css-pkg/index.css": `x { y: z } /*! </style> */`,
},
entryPaths: []string{"/project/entry.js", "/project/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MinifyWhitespace: true,
LegalComments: config.LegalCommentsEndOfFile,
UnsupportedJSFeatures: compat.InlineScript,
},
})
}
func TestLegalCommentsNoEscapeSlashStyleEndOfFile(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `import "js-pkg"; a /*! </script> */`,
"/project/node_modules/js-pkg/index.js": `x /*! </script> */`,
"/project/entry.css": `@import "css-pkg"; a { b: c } /*! </style> */`,
"/project/node_modules/css-pkg/index.css": `x { y: z } /*! </style> */`,
},
entryPaths: []string{"/project/entry.js", "/project/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MinifyWhitespace: true,
LegalComments: config.LegalCommentsEndOfFile,
UnsupportedCSSFeatures: compat.InlineStyle,
},
})
}
func TestLegalCommentsManyLinked(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `
import './a'
import './b'
import './c'
import 'some-pkg/js'
`,
"/project/a.js": `console.log('in a') //! Copyright notice 1`,
"/project/b.js": `console.log('in b') //! Copyright notice 1`,
"/project/c.js": `
function foo() {
/*
* @license
* Copyright notice 2
*/
console.log('in c')
// @preserve This is another comment
}
foo()
`,
"/project/node_modules/some-pkg/js/index.js": `import "some-other-pkg/js" //! (c) Good Software Corp`,
"/project/node_modules/some-other-pkg/js/index.js": `
function bar() {
/*
* @preserve
* (c) Evil Software Corp
*/
console.log('some-other-pkg')
}
bar()
`,
"/project/entry.css": `
@import "./a.css";
@import "./b.css";
@import "./c.css";
@import 'some-pkg/css';
`,
"/project/a.css": `a { zoom: 2 } /*! Copyright notice 1 */`,
"/project/b.css": `b { zoom: 2 } /*! Copyright notice 1 */`,
"/project/c.css": `
/*
* @license
* Copyright notice 2
*/
c {
zoom: 2
}
/* @preserve This is another comment */
`,
"/project/node_modules/some-pkg/css/index.css": `@import "some-other-pkg/css"; /*! (c) Good Software Corp */`,
"/project/node_modules/some-other-pkg/css/index.css": `
.some-other-pkg {
zoom: 2
}
/** @preserve
* (c) Evil Software Corp
*/
`,
},
entryPaths: []string{"/project/entry.js", "/project/entry.css"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MinifyWhitespace: true,
LegalComments: config.LegalCommentsLinkedWithComment,
},
})
}
// https://github.com/evanw/esbuild/issues/4139
func TestLegalCommentsMergeDuplicatesIssue4139(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `
import 'pkg/a'
import 'pkg/b'
import 'pkg/c'
import 'pkg/d'
`,
"/project/node_modules/pkg/a.js": `
/*!-----------------------------------------------------------------------------
* Copyright (c) Example Corporation. All rights reserved.
* Version: 1.2.3
* Released under the MIT license
* https://example.com/LICENSE.txt
*-----------------------------------------------------------------------------*/
`,
"/project/node_modules/pkg/b.js": `
/*!-----------------------------------------------------------------------------
* Copyright (c) Example Corporation. All rights reserved.
* Version: 1.2.3
* Released under the MIT license
* https://example.com/LICENSE.txt
*-----------------------------------------------------------------------------*/
`,
"/project/node_modules/pkg/c.js": `
//! some other comment
/*!-----------------------------------------------------------------------------
* Copyright (c) Example Corporation. All rights reserved.
* Version: 1.2.3
* Released under the MIT license
* https://example.com/LICENSE.txt
*-----------------------------------------------------------------------------*/
`,
"/project/node_modules/pkg/d.js": `
/*!-----------------------------------------------------------------------------
* Copyright (c) Example Corporation. All rights reserved.
* Version: 1.2.3
* Released under the MIT license
* https://example.com/LICENSE.txt
*-----------------------------------------------------------------------------*/
`,
},
entryPaths: []string{"/project/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
LegalComments: config.LegalCommentsEndOfFile,
},
})
}
// The IIFE should not be an arrow function when targeting ES5
func TestIIFE_ES5(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log('test');
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
UnsupportedJSFeatures: es(5),
OutputFormat: config.FormatIIFE,
AbsOutputFile: "/out.js",
},
})
}
func TestOutputExtensionRemappingFile(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log('test');
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputExtensionJS: ".notjs",
AbsOutputFile: "/out.js",
},
})
}
func TestOutputExtensionRemappingDir(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log('test');
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputExtensionJS: ".notjs",
AbsOutputDir: "/out",
},
})
}
func TestTopLevelAwaitIIFE(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
await foo;
for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatIIFE,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Top-level await is currently not supported with the "iife" output format
entry.js: ERROR: Top-level await is currently not supported with the "iife" output format
`,
})
}
func TestTopLevelAwaitIIFEDeadBranch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
if (false) await foo;
if (false) for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatIIFE,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitCJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
await foo;
for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Top-level await is currently not supported with the "cjs" output format
entry.js: ERROR: Top-level await is currently not supported with the "cjs" output format
`,
})
}
func TestTopLevelAwaitCJSDeadBranch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
if (false) await foo;
if (false) for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitESM(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
await foo;
for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitESMDeadBranch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
if (false) await foo;
if (false) for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
await foo;
for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitNoBundleDeadBranch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
if (false) await foo;
if (false) for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitNoBundleESM(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
await foo;
for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
OutputFormat: config.FormatESModule,
Mode: config.ModeConvertFormat,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitNoBundleESMDeadBranch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
if (false) await foo;
if (false) for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
OutputFormat: config.FormatESModule,
Mode: config.ModeConvertFormat,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitNoBundleCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
await foo;
for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
OutputFormat: config.FormatCommonJS,
Mode: config.ModeConvertFormat,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Top-level await is currently not supported with the "cjs" output format
entry.js: ERROR: Top-level await is currently not supported with the "cjs" output format
`,
})
}
func TestTopLevelAwaitNoBundleCommonJSDeadBranch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
if (false) await foo;
if (false) for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
OutputFormat: config.FormatCommonJS,
Mode: config.ModeConvertFormat,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitNoBundleIIFE(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
await foo;
for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
OutputFormat: config.FormatIIFE,
Mode: config.ModeConvertFormat,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Top-level await is currently not supported with the "iife" output format
entry.js: ERROR: Top-level await is currently not supported with the "iife" output format
`,
})
}
func TestTopLevelAwaitNoBundleIIFEDeadBranch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
if (false) await foo;
if (false) for await (foo of bar) ;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
OutputFormat: config.FormatIIFE,
Mode: config.ModeConvertFormat,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitForbiddenRequire(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
require('./a')
require('./b')
require('./c')
require('./entry')
await 0
`,
"/a.js": `
import './something' // Deliberately offset the import record index
import './b'
`,
"/b.js": `
import './c'
`,
"/c.js": `
await 0
`,
"/something.js": ``,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: This require call is not allowed because the transitive dependency "c.js" contains a top-level await
a.js: NOTE: The file "a.js" imports the file "b.js" here:
b.js: NOTE: The file "b.js" imports the file "c.js" here:
c.js: NOTE: The top-level await in "c.js" is here:
entry.js: ERROR: This require call is not allowed because the transitive dependency "c.js" contains a top-level await
b.js: NOTE: The file "b.js" imports the file "c.js" here:
c.js: NOTE: The top-level await in "c.js" is here:
entry.js: ERROR: This require call is not allowed because the imported file "c.js" contains a top-level await
c.js: NOTE: The top-level await in "c.js" is here:
entry.js: ERROR: This require call is not allowed because the imported file "entry.js" contains a top-level await
entry.js: NOTE: The top-level await in "entry.js" is here:
`,
})
}
func TestTopLevelAwaitForbiddenRequireDeadBranch(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
require('./a')
require('./b')
require('./c')
require('./entry')
if (false) for await (let x of y) await 0
`,
"/a.js": `
import './b'
`,
"/b.js": `
import './c'
`,
"/c.js": `
if (false) for await (let x of y) await 0
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatIIFE,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitAllowedImportWithoutSplitting(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import('./a')
import('./b')
import('./c')
import('./entry')
await 0
`,
"/a.js": `
import './b'
`,
"/b.js": `
import './c'
`,
"/c.js": `
await 0
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
},
})
}
func TestTopLevelAwaitAllowedImportWithSplitting(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import('./a')
import('./b')
import('./c')
import('./entry')
await 0
`,
"/a.js": `
import './b'
`,
"/b.js": `
import './c'
`,
"/c.js": `
await 0
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
CodeSplitting: true,
AbsOutputDir: "/out",
},
})
}
// https://github.com/evanw/esbuild/issues/4498
func TestTopLevelAwaitCyclicDependenciesIssue4498(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.mjs": `
await import("./main.mjs");
`,
"/main.mjs": `
import { a } from "./a.mjs";
console.log(a());
`,
"/a.mjs": `
import { b } from "./b.mjs";
import { tla } from "./dep.mjs";
export function a() { return b() + tla; }
`,
"/b.mjs": `
import { a } from "./a.mjs";
export function b() { return typeof a; }
`,
"/dep.mjs": `
export const tla = await Promise.resolve("x");
`,
},
entryPaths: []string{"/entry.mjs"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputDir: "/out",
},
})
}
func TestAssignToImport(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import "./bad0.js"
import "./bad1.js"
import "./bad2.js"
import "./bad3.js"
import "./bad4.js"
import "./bad5.js"
import "./bad6.js"
import "./bad7.js"
import "./bad8.js"
import "./bad9.js"
import "./bad10.js"
import "./bad11.js"
import "./bad12.js"
import "./bad13.js"
import "./bad14.js"
import "./bad15.js"
import "./good0.js"
import "./good1.js"
import "./good2.js"
import "./good3.js"
import "./good4.js"
`,
"/node_modules/foo/index.js": ``,
"/bad0.js": `import x from "foo"; x = 1`,
"/bad1.js": `import x from "foo"; x++`,
"/bad2.js": `import x from "foo"; ([x] = 1)`,
"/bad3.js": `import x from "foo"; ({x} = 1)`,
"/bad4.js": `import x from "foo"; ({y: x} = 1)`,
"/bad5.js": `import {x} from "foo"; x++`,
"/bad6.js": `import * as x from "foo"; x++`,
"/bad7.js": `import * as x from "foo"; x.y = 1`,
"/bad8.js": `import * as x from "foo"; x[y] = 1`,
"/bad9.js": `import * as x from "foo"; x['y'] = 1`,
"/bad10.js": `import * as x from "foo"; x['y z'] = 1`,
"/bad11.js": `import x from "foo"; delete x`,
"/bad12.js": `import {x} from "foo"; delete x`,
"/bad13.js": `import * as x from "foo"; delete x.y`,
"/bad14.js": `import * as x from "foo"; delete x['y']`,
"/bad15.js": `import * as x from "foo"; delete x[y]`,
"/good0.js": `import x from "foo"; ({y = x} = 1)`,
"/good1.js": `import x from "foo"; ({[x]: y} = 1)`,
"/good2.js": `import x from "foo"; x.y = 1`,
"/good3.js": `import x from "foo"; x[y] = 1`,
"/good4.js": `import x from "foo"; x['y'] = 1`,
"/good5.js": `import x from "foo"; x['y z'] = 1`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedScanLog: `bad0.js: ERROR: Cannot assign to import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad1.js: ERROR: Cannot assign to import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad10.js: ERROR: Cannot assign to import "y z"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file and then import and call that function here instead.
bad11.js: ERROR: Delete of a bare identifier cannot be used in an ECMAScript module
bad11.js: NOTE: This file is considered to be an ECMAScript module because of the "import" keyword here:
bad12.js: ERROR: Delete of a bare identifier cannot be used in an ECMAScript module
bad12.js: NOTE: This file is considered to be an ECMAScript module because of the "import" keyword here:
bad13.js: ERROR: Cannot assign to import "y"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setY") and then import and call that function here instead.
bad14.js: ERROR: Cannot assign to import "y"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setY") and then import and call that function here instead.
bad15.js: ERROR: Cannot assign to property on import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file and then import and call that function here instead.
bad2.js: ERROR: Cannot assign to import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad3.js: ERROR: Cannot assign to import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad4.js: ERROR: Cannot assign to import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad5.js: ERROR: Cannot assign to import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad6.js: ERROR: Cannot assign to import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad7.js: ERROR: Cannot assign to import "y"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setY") and then import and call that function here instead.
bad8.js: ERROR: Cannot assign to property on import "x"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file and then import and call that function here instead.
bad9.js: ERROR: Cannot assign to import "y"
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setY") and then import and call that function here instead.
`,
})
}
func TestAssignToImportNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
// The cases labeled "uncaught" below are not caught when bundling is
// disabled. This is because bundling enables extra transforms and
// analysis that isn't done otherwise that then allows these cases
// to be caught. Despite these gaps, we still enable the warning
// because it's still useful for the cases it does catch.
"/bad0.js": `import x from "foo"; x = 1`,
"/bad1.js": `import x from "foo"; x++`,
"/bad2.js": `import x from "foo"; ([x] = 1)`,
"/bad3.js": `import x from "foo"; ({x} = 1)`,
"/bad4.js": `import x from "foo"; ({y: x} = 1)`,
"/bad5.js": `import {x} from "foo"; x++`,
"/bad6.js": `import * as x from "foo"; x++`,
"/uncaught7.js": `import * as x from "foo"; x.y = 1`,
"/uncaught8.js": `import * as x from "foo"; x[y] = 1`,
"/uncaught9.js": `import * as x from "foo"; x['y'] = 1`,
"/uncaught10.js": `import * as x from "foo"; x['y z'] = 1`,
"/bad11.js": `import x from "foo"; delete x`,
"/bad12.js": `import {x} from "foo"; delete x`,
"/uncaught13.js": `import * as x from "foo"; delete x.y`,
"/uncaught14.js": `import * as x from "foo"; delete x['y']`,
"/uncaught15.js": `import * as x from "foo"; delete x[y]`,
"/good0.js": `import x from "foo"; ({y = x} = 1)`,
"/good1.js": `import x from "foo"; ({[x]: y} = 1)`,
"/good2.js": `import x from "foo"; x.y = 1`,
"/good3.js": `import x from "foo"; x[y] = 1`,
"/good4.js": `import x from "foo"; x['y'] = 1`,
"/good5.js": `import x from "foo"; x['y z'] = 1`,
},
entryPaths: []string{
"/bad0.js",
"/bad1.js",
"/bad2.js",
"/bad3.js",
"/bad4.js",
"/bad5.js",
"/bad6.js",
"/uncaught7.js",
"/uncaught8.js",
"/uncaught9.js",
"/uncaught10.js",
"/bad11.js",
"/bad12.js",
"/uncaught13.js",
"/uncaught14.js",
"/uncaught15.js",
"/good0.js",
"/good1.js",
"/good2.js",
"/good3.js",
"/good4.js",
"/good5.js",
},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
},
expectedScanLog: `bad0.js: WARNING: This assignment will throw because "x" is an import
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad1.js: WARNING: This assignment will throw because "x" is an import
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad11.js: ERROR: Delete of a bare identifier cannot be used in an ECMAScript module
bad11.js: NOTE: This file is considered to be an ECMAScript module because of the "import" keyword here:
bad12.js: ERROR: Delete of a bare identifier cannot be used in an ECMAScript module
bad12.js: NOTE: This file is considered to be an ECMAScript module because of the "import" keyword here:
bad2.js: WARNING: This assignment will throw because "x" is an import
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad3.js: WARNING: This assignment will throw because "x" is an import
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad4.js: WARNING: This assignment will throw because "x" is an import
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad5.js: WARNING: This assignment will throw because "x" is an import
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
bad6.js: WARNING: This assignment will throw because "x" is an import
NOTE: Imports are immutable in JavaScript. To modify the value of this import, you must export a setter function in the imported file (e.g. "setX") and then import and call that function here instead.
`,
})
}
func TestMinifyArguments(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
function a(x = arguments) {
let arguments
}
function b(x = arguments) {
let arguments
}
function c(x = arguments) {
let arguments
}
a()
b()
c()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
MinifyIdentifiers: true,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatIIFE,
},
})
}
func TestWarningsInsideNodeModules(t *testing.T) {
default_suite.expectBundledUnix(t, bundled{
files: map[string]string{
"/entry.js": `
import "./dup-case.js"; import "./node_modules/dup-case.js"; import "@plugin/dup-case.js"
import "./not-in.js"; import "./node_modules/not-in.js"; import "@plugin/not-in.js"
import "./not-instanceof.js"; import "./node_modules/not-instanceof.js"; import "@plugin/not-instanceof.js"
import "./return-asi.js"; import "./node_modules/return-asi.js"; import "@plugin/return-asi.js"
import "./bad-typeof.js"; import "./node_modules/bad-typeof.js"; import "@plugin/bad-typeof.js"
import "./equals-neg-zero.js"; import "./node_modules/equals-neg-zero.js"; import "@plugin/equals-neg-zero.js"
import "./equals-nan.js"; import "./node_modules/equals-nan.js"; import "@plugin/equals-nan.js"
import "./equals-object.js"; import "./node_modules/equals-object.js"; import "@plugin/equals-object.js"
import "./write-getter.js"; import "./node_modules/write-getter.js"; import "@plugin/write-getter.js"
import "./read-setter.js"; import "./node_modules/read-setter.js"; import "@plugin/read-setter.js"
import "./delete-super.js"; import "./node_modules/delete-super.js"; import "@plugin/delete-super.js"
`,
"/dup-case.js": "switch (x) { case 0: case 0: }",
"/node_modules/dup-case.js": "switch (x) { case 0: case 0: }",
"/plugin-dir/node_modules/dup-case.js": "switch (x) { case 0: case 0: }",
"/not-in.js": "!a in b",
"/node_modules/not-in.js": "!a in b",
"/plugin-dir/node_modules/not-in.js": "!a in b",
"/not-instanceof.js": "!a instanceof b",
"/node_modules/not-instanceof.js": "!a instanceof b",
"/plugin-dir/node_modules/not-instanceof.js": "!a instanceof b",
"/return-asi.js": "return\n123",
"/node_modules/return-asi.js": "return\n123",
"/plugin-dir/node_modules/return-asi.js": "return\n123",
"/bad-typeof.js": "typeof x == 'null'",
"/node_modules/bad-typeof.js": "typeof x == 'null'",
"/plugin-dir/node_modules/bad-typeof.js": "typeof x == 'null'",
"/equals-neg-zero.js": "x === -0",
"/node_modules/equals-neg-zero.js": "x === -0",
"/plugin-dir/node_modules/equals-neg-zero.js": "x === -0",
"/equals-nan.js": "x === NaN",
"/node_modules/equals-nan.js": "x === NaN",
"/plugin-dir/node_modules/equals-nan.js": "x === NaN",
"/equals-object.js": "x === []",
"/node_modules/equals-object.js": "x === []",
"/plugin-dir/node_modules/equals-object.js": "x === []",
"/write-getter.js": "class Foo { get #foo() {} foo() { this.#foo = 123 } }",
"/node_modules/write-getter.js": "class Foo { get #foo() {} foo() { this.#foo = 123 } }",
"/plugin-dir/node_modules/write-getter.js": "class Foo { get #foo() {} foo() { this.#foo = 123 } }",
"/read-setter.js": "class Foo { set #foo(x) {} foo() { return this.#foo } }",
"/node_modules/read-setter.js": "class Foo { set #foo(x) {} foo() { return this.#foo } }",
"/plugin-dir/node_modules/read-setter.js": "class Foo { set #foo(x) {} foo() { return this.#foo } }",
"/delete-super.js": "class Foo extends Bar { foo() { delete super.foo } }",
"/node_modules/delete-super.js": "class Foo extends Bar { foo() { delete super.foo } }",
"/plugin-dir/node_modules/delete-super.js": "class Foo extends Bar { foo() { delete super.foo } }",
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Plugins: []config.Plugin{{
OnResolve: []config.OnResolve{
{
Filter: regexp.MustCompile("^@plugin/"),
Callback: func(args config.OnResolveArgs) config.OnResolveResult {
return config.OnResolveResult{
Path: logger.Path{
Text: strings.Replace(args.Path, "@plugin/", "/plugin-dir/node_modules/", 1),
Namespace: "file",
},
}
},
},
},
}},
},
expectedScanLog: `bad-typeof.js: WARNING: The "typeof" operator will never evaluate to "null"
NOTE: The expression "typeof x" actually evaluates to "object" in JavaScript, not "null". You need to use "x === null" to test for null.
delete-super.js: WARNING: Attempting to delete a property of "super" will throw a ReferenceError
dup-case.js: WARNING: This case clause will never be evaluated because it duplicates an earlier case clause
dup-case.js: NOTE: The earlier case clause is here:
equals-nan.js: WARNING: Comparison with NaN using the "===" operator here is always false
NOTE: Floating-point equality is defined such that NaN is never equal to anything, so "x === NaN" always returns false. You need to use "Number.isNaN(x)" instead to test for NaN.
equals-neg-zero.js: WARNING: Comparison with -0 using the "===" operator will also match 0
NOTE: Floating-point equality is defined such that 0 and -0 are equal, so "x === -0" returns true for both 0 and -0. You need to use "Object.is(x, -0)" instead to test for -0.
equals-object.js: WARNING: Comparison using the "===" operator here is always false
NOTE: Equality with a new object is always false in JavaScript because the equality operator tests object identity. You need to write code to compare the contents of the object instead. For example, use "Array.isArray(x) && x.length === 0" instead of "x === []" to test for an empty array.
not-in.js: WARNING: Suspicious use of the "!" operator inside the "in" operator
NOTE: The code "!x in y" is parsed as "(!x) in y". You need to insert parentheses to get "!(x in y)" instead.
not-instanceof.js: WARNING: Suspicious use of the "!" operator inside the "instanceof" operator
NOTE: The code "!x instanceof y" is parsed as "(!x) instanceof y". You need to insert parentheses to get "!(x instanceof y)" instead.
read-setter.js: WARNING: Reading from setter-only property "#foo" will throw
return-asi.js: WARNING: The following expression is not returned because of an automatically-inserted semicolon
write-getter.js: WARNING: Writing to getter-only property "#foo" will throw
`,
})
}
func TestRequireResolve(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(require.resolve)
console.log(require.resolve())
console.log(require.resolve(foo))
console.log(require.resolve('a', 'b'))
console.log(require.resolve('./present-file'))
console.log(require.resolve('./missing-file'))
console.log(require.resolve('./external-file'))
console.log(require.resolve('missing-pkg'))
console.log(require.resolve('external-pkg'))
console.log(require.resolve('@scope/missing-pkg'))
console.log(require.resolve('@scope/external-pkg'))
try {
console.log(require.resolve('inside-try'))
} catch (e) {
}
if (false) {
console.log(require.resolve('dead-code'))
}
console.log(false ? require.resolve('dead-if') : 0)
console.log(true ? 0 : require.resolve('dead-if'))
console.log(false && require.resolve('dead-and'))
console.log(true || require.resolve('dead-or'))
console.log(true ?? require.resolve('dead-nullish'))
`,
"/present-file.js": ``,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
Platform: config.PlatformNode,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
ExternalSettings: config.ExternalSettings{
PostResolve: config.ExternalMatchers{Exact: map[string]bool{
"/external-file": true,
}},
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"external-pkg": true,
"@scope/external-pkg": true,
}},
},
},
expectedScanLog: `entry.js: WARNING: "./present-file" should be marked as external for use with "require.resolve"
entry.js: WARNING: "./missing-file" should be marked as external for use with "require.resolve"
entry.js: WARNING: "missing-pkg" should be marked as external for use with "require.resolve"
entry.js: WARNING: "@scope/missing-pkg" should be marked as external for use with "require.resolve"
`,
})
}
func TestInjectMissing(t *testing.T) {
default_suite.expectBundledUnix(t, bundled{
files: map[string]string{
"/entry.js": ``,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{
"/inject.js",
},
},
expectedScanLog: "ERROR: Could not resolve \"/inject.js\"\n",
})
default_suite.expectBundledWindows(t, bundled{
files: map[string]string{
"C:\\entry.js": ``,
},
entryPaths: []string{"C:\\entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "C:\\out.js",
InjectPaths: []string{
"C:\\inject.js",
},
},
expectedScanLog: "ERROR: Could not resolve \"C:\\\\inject.js\"\n",
})
}
// Duplicates are allowed, and should only be injected once
func TestInjectDuplicate(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": ``,
"/inject.js": `console.log('injected')`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{
"/inject.js",
"/inject.js",
},
},
})
}
func TestInject(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"chain", "prop"},
DefineExpr: &config.DefineExpr{
Parts: []string{"replace"},
},
},
{
KeyParts: []string{"obj", "defined"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.EString{Value: helpers.StringToUTF16("defined")},
},
},
{
KeyParts: []string{"injectedAndDefined"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.EString{Value: helpers.StringToUTF16("should be used")},
},
},
{
KeyParts: []string{"injected", "and", "defined"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.EString{Value: helpers.StringToUTF16("should be used")},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
let sideEffects = console.log('this should be renamed')
let collide = 123
console.log(obj.prop)
console.log(obj.defined)
console.log(injectedAndDefined)
console.log(injected.and.defined)
console.log(chain.prop.test)
console.log(chain2.prop2.test)
console.log(collide)
console.log(re_export)
console.log(re.export)
`,
"/inject.js": `
export let obj = {}
export let sideEffects = console.log('side effects')
export let noSideEffects = /* @__PURE__ */ console.log('side effects')
export let injectedAndDefined = 'should not be used'
let injected_and_defined = 'should not be used'
export { injected_and_defined as 'injected.and.defined' }
`,
"/node_modules/unused/index.js": `
console.log('This is unused but still has side effects')
`,
"/node_modules/sideEffects-false/index.js": `
console.log('This is unused and has no side effects')
`,
"/node_modules/sideEffects-false/package.json": `{
"sideEffects": false
}`,
"/replacement.js": `
export let replace = {
test() {}
}
let replace2 = {
test() {}
}
export { replace2 as 'chain2.prop2' }
`,
"/collision.js": `
export let collide = 123
`,
"/re-export.js": `
export {re_export} from 'external-pkg'
export {'re.export'} from 'external-pkg2'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Defines: &defines,
OutputFormat: config.FormatCommonJS,
InjectPaths: []string{
"/inject.js",
"/node_modules/unused/index.js",
"/node_modules/sideEffects-false/index.js",
"/replacement.js",
"/collision.js",
"/re-export.js",
},
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"external-pkg": true,
"external-pkg2": true,
}},
},
},
})
}
func TestInjectNoBundle(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"chain", "prop"},
DefineExpr: &config.DefineExpr{
Parts: []string{"replace"},
},
},
{
KeyParts: []string{"obj", "defined"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.EString{Value: helpers.StringToUTF16("defined")},
},
},
{
KeyParts: []string{"injectedAndDefined"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.EString{Value: helpers.StringToUTF16("should be used")},
},
},
{
KeyParts: []string{"injected", "and", "defined"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.EString{Value: helpers.StringToUTF16("should be used")},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
let sideEffects = console.log('side effects')
let collide = 123
console.log(obj.prop)
console.log(obj.defined)
console.log(injectedAndDefined)
console.log(injected.and.defined)
console.log(chain.prop.test)
console.log(chain2.prop2.test)
console.log(collide)
console.log(re_export)
console.log(reexpo.rt)
`,
"/inject.js": `
export let obj = {}
export let sideEffects = console.log('this should be renamed')
export let noSideEffects = /* @__PURE__ */ console.log('side effects')
export let injectedAndDefined = 'should not be used'
let injected_and_defined = 'should not be used'
export { injected_and_defined as 'injected.and.defined' }
`,
"/node_modules/unused/index.js": `
console.log('This is unused but still has side effects')
`,
"/node_modules/sideEffects-false/index.js": `
console.log('This is unused and has no side effects')
`,
"/node_modules/sideEffects-false/package.json": `{
"sideEffects": false
}`,
"/replacement.js": `
export let replace = {
test() {}
}
let replaceDot = {
test() {}
}
export { replaceDot as 'chain2.prop2' }
`,
"/collision.js": `
export let collide = 123
`,
"/re-export.js": `
export {re_export} from 'external-pkg'
export {'reexpo.rt'} from 'external-pkg2'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
TreeShaking: true,
AbsOutputFile: "/out.js",
Defines: &defines,
InjectPaths: []string{
"/inject.js",
"/node_modules/unused/index.js",
"/node_modules/sideEffects-false/index.js",
"/replacement.js",
"/collision.js",
"/re-export.js",
},
},
})
}
func TestInjectJSX(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"React", "createElement"},
DefineExpr: &config.DefineExpr{
Parts: []string{"el"},
},
},
{
KeyParts: []string{"React", "Fragment"},
DefineExpr: &config.DefineExpr{
Parts: []string{"frag"},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
console.log(<><div/></>)
`,
"/inject.js": `
export function el() {}
export function frag() {}
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Defines: &defines,
InjectPaths: []string{
"/inject.js",
},
},
})
}
func TestInjectJSXDotNames(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
console.log(<><div/></>)
`,
"/inject.js": `
function el() {}
function frag() {}
export {
el as 'React.createElement',
frag as 'React.Fragment',
}
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{
"/inject.js",
},
},
})
}
func TestInjectImportTS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.ts": `
console.log('here')
`,
"/inject.js": `
// Unused imports are automatically removed in TypeScript files (this
// is a mis-feature of the TypeScript language). However, injected
// imports are an esbuild feature so we get to decide what the
// semantics are. We do not want injected imports to disappear unless
// they have been explicitly marked as having no side effects.
console.log('must be present')
`,
},
entryPaths: []string{"/entry.ts"},
options: config.Options{
Mode: config.ModeConvertFormat,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
InjectPaths: []string{
"/inject.js",
},
},
})
}
func TestInjectImportOrder(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.ts": `
import 'third'
console.log('third')
`,
"/inject-1.js": `
import 'first'
console.log('first')
`,
"/inject-2.js": `
import 'second'
console.log('second')
`,
},
entryPaths: []string{"/entry.ts"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{
"/inject-1.js",
"/inject-2.js",
},
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"first": true,
"second": true,
"third": true,
}},
},
},
})
}
func TestInjectAssign(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{{
KeyParts: []string{"defined"},
DefineExpr: &config.DefineExpr{Parts: []string{"some", "define"}},
}})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
test = true
foo.bar = true
defined = true
`,
"/inject.js": `
export let test = 0
let fooBar = 1
let someDefine = 2
export { fooBar as 'foo.bar' }
export { someDefine as 'some.define' }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{
"/inject.js",
},
Defines: &defines,
},
expectedScanLog: `entry.js: ERROR: Cannot assign to "test" because it's an import from an injected file
inject.js: NOTE: The symbol "test" was exported from "inject.js" here:
entry.js: ERROR: Cannot assign to "foo.bar" because it's an import from an injected file
inject.js: NOTE: The symbol "foo.bar" was exported from "inject.js" here:
entry.js: ERROR: Cannot assign to "some.define" because it's an import from an injected file
inject.js: NOTE: The symbol "some.define" was exported from "inject.js" here:
`,
})
}
func TestInjectWithDefine(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(
// define wins over inject
both === 'define',
bo.th === 'defi.ne',
// define forwards to inject
first === 'success (identifier)',
fir.st === 'success (dot name)',
)
`,
"/inject.js": `
export let both = 'inject'
export let first = 'TEST FAILED!'
export let second = 'success (identifier)'
let both2 = 'inject'
let first2 = 'TEST FAILED!'
let second2 = 'success (dot name)'
export {
both2 as 'bo.th',
first2 as 'fir.st',
second2 as 'seco.nd',
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{
"/inject.js",
},
Defines: &config.ProcessedDefines{
IdentifierDefines: map[string]config.DefineData{
"both": {DefineExpr: &config.DefineExpr{Constant: &js_ast.EString{Value: helpers.StringToUTF16("define")}}},
"first": {DefineExpr: &config.DefineExpr{Parts: []string{"second"}}},
},
DotDefines: map[string][]config.DefineData{
"th": {{KeyParts: []string{"bo", "th"}, DefineExpr: &config.DefineExpr{Constant: &js_ast.EString{Value: helpers.StringToUTF16("defi.ne")}}}},
"st": {{KeyParts: []string{"fir", "st"}, DefineExpr: &config.DefineExpr{Parts: []string{"seco", "nd"}}}},
},
},
},
})
}
func TestOutbase(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a/b/c.js": `
console.log('c')
`,
"/a/b/d.js": `
console.log('d')
`,
},
entryPaths: []string{"/a/b/c.js", "/a/b/d.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
AbsOutputBase: "/",
},
})
}
func TestAvoidTDZ(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
class Foo {
static foo = new Foo
}
let foo = Foo.foo
console.log(foo)
export class Bar {}
export let bar = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestAvoidTDZNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
class Foo {
static foo = new Foo
}
let foo = Foo.foo
console.log(foo)
export class Bar {}
export let bar = 123
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
},
})
}
func TestDefineImportMeta(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"import", "meta"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 1},
},
},
{
KeyParts: []string{"import", "meta", "foo"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 2},
},
},
{
KeyParts: []string{"import", "meta", "foo", "bar"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 3},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(
// These should be fully substituted
import.meta,
import.meta.foo,
import.meta.foo.bar,
// Should just substitute "import.meta.foo"
import.meta.foo.baz,
// This should not be substituted
import.meta.bar,
)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Defines: &defines,
},
})
}
func TestDefineImportMetaES5(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"import", "meta", "x"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 1},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/replaced.js": `
console.log(import.meta.x)
`,
"/kept.js": `
console.log(import.meta.y)
`,
"/dead-code.js": `
var x = () => console.log(import.meta.z)
`,
},
entryPaths: []string{
"/replaced.js",
"/kept.js",
"/dead-code.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
Defines: &defines,
UnsupportedJSFeatures: compat.ImportMeta,
},
expectedScanLog: `dead-code.js: WARNING: "import.meta" is not available in the configured target environment and will be empty
kept.js: WARNING: "import.meta" is not available in the configured target environment and will be empty
`,
})
}
func TestInjectImportMeta(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(
// These should be fully substituted
import.meta,
import.meta.foo,
import.meta.foo.bar,
// Should just substitute "import.meta.foo"
import.meta.foo.baz,
// This should not be substituted
import.meta.bar,
)
`,
"/inject.js": `
let foo = 1
let bar = 2
let baz = 3
export {
foo as 'import.meta',
bar as 'import.meta.foo',
baz as 'import.meta.foo.bar',
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{"/inject.js"},
},
})
}
func TestDefineThis(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"this"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 1},
},
},
{
KeyParts: []string{"this", "foo"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 2},
},
},
{
KeyParts: []string{"this", "foo", "bar"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 3},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
ok(
// These should be fully substituted
this,
this.foo,
this.foo.bar,
// Should just substitute "this.foo"
this.foo.baz,
// This should not be substituted
this.bar,
);
// This code should be the same as above
(() => {
ok(
this,
this.foo,
this.foo.bar,
this.foo.baz,
this.bar,
);
})();
// Nothing should be substituted in this code
(function() {
doNotSubstitute(
this,
this.foo,
this.foo.bar,
this.foo.baz,
this.bar,
);
})();
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Defines: &defines,
},
})
}
func TestDefineOptionalChain(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{{
KeyParts: []string{"a", "b", "c"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 1},
},
}})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log([
a.b.c,
a?.b.c,
a.b?.c,
], [
a['b']['c'],
a?.['b']['c'],
a['b']?.['c'],
], [
a[b][c],
a?.[b][c],
a[b]?.[c],
])
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Defines: &defines,
},
})
}
func TestDefineOptionalChainLowered(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{{
KeyParts: []string{"a", "b", "c"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 1},
},
}})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log([
a.b.c,
a?.b.c,
a.b?.c,
], [
a['b']['c'],
a?.['b']['c'],
a['b']?.['c'],
], [
a[b][c],
a?.[b][c],
a[b]?.[c],
])
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Defines: &defines,
UnsupportedJSFeatures: compat.OptionalChain,
},
})
}
// See: https://github.com/evanw/esbuild/issues/3551
func TestDefineOptionalChainPanicIssue3551(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"x"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 1},
},
},
{
KeyParts: []string{"a", "b"},
DefineExpr: &config.DefineExpr{
Constant: &js_ast.ENumber{Value: 1},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/id-define.js": `
x?.y.z;
(x?.y).z;
x?.y["z"];
(x?.y)["z"];
x?.y();
(x?.y)();
x?.y.z();
(x?.y).z();
x?.y["z"]();
(x?.y)["z"]();
delete x?.y.z;
delete (x?.y).z;
delete x?.y["z"];
delete (x?.y)["z"];
`,
"/dot-define.js": `
a?.b.c;
(a?.b).c;
a?.b["c"];
(a?.b)["c"];
a?.b();
(a?.b)();
a?.b.c();
(a?.b).c();
a?.b["c"]();
(a?.b)["c"]();
delete a?.b.c;
delete (a?.b).c;
delete a?.b["c"];
delete (a?.b)["c"];
`,
},
entryPaths: []string{"/id-define.js", "/dot-define.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
Defines: &defines,
},
})
}
// See: https://github.com/evanw/esbuild/issues/2407
func TestDefineInfiniteLoopIssue2407(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"a", "b"},
DefineExpr: &config.DefineExpr{
Parts: []string{"b", "c"},
},
},
{
KeyParts: []string{"b", "c"},
DefineExpr: &config.DefineExpr{
Parts: []string{"c", "a"},
},
},
{
KeyParts: []string{"c", "a"},
DefineExpr: &config.DefineExpr{
Parts: []string{"a", "b"},
},
},
{
KeyParts: []string{"x", "y"},
DefineExpr: &config.DefineExpr{
Parts: []string{"y"},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
a.b()
x.y()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
Defines: &defines,
},
})
}
func TestDefineAssignWarning(t *testing.T) {
defines := config.ProcessDefines([]config.DefineData{
{
KeyParts: []string{"a"},
DefineExpr: &config.DefineExpr{
Constant: js_ast.ENullShared,
},
},
{
KeyParts: []string{"b", "c"},
DefineExpr: &config.DefineExpr{
Constant: js_ast.ENullShared,
},
},
{
KeyParts: []string{"d"},
DefineExpr: &config.DefineExpr{
Parts: []string{"ident"},
},
},
{
KeyParts: []string{"e", "f"},
DefineExpr: &config.DefineExpr{
Parts: []string{"ident"},
},
},
{
KeyParts: []string{"g"},
DefineExpr: &config.DefineExpr{
Parts: []string{"dot", "chain"},
},
},
{
KeyParts: []string{"h", "i"},
DefineExpr: &config.DefineExpr{
Parts: []string{"dot", "chain"},
},
},
})
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/read.js": `
console.log(
[a, b.c, b['c']],
[d, e.f, e['f']],
[g, h.i, h['i']],
)
`,
"/write.js": `
console.log(
[a = 0, b.c = 0, b['c'] = 0],
[d = 0, e.f = 0, e['f'] = 0],
[g = 0, h.i = 0, h['i'] = 0],
)
`,
},
entryPaths: []string{
"/read.js",
"/write.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
Defines: &defines,
},
expectedScanLog: `write.js: WARNING: Suspicious assignment to defined constant "a"
NOTE: The expression "a" has been configured to be replaced with a constant using the "define" feature. If this expression is supposed to be a compile-time constant, then it doesn't make sense to assign to it here. Or if this expression is supposed to change at run-time, this "define" substitution should be removed.
write.js: WARNING: Suspicious assignment to defined constant "b.c"
NOTE: The expression "b.c" has been configured to be replaced with a constant using the "define" feature. If this expression is supposed to be a compile-time constant, then it doesn't make sense to assign to it here. Or if this expression is supposed to change at run-time, this "define" substitution should be removed.
write.js: WARNING: Suspicious assignment to defined constant "b['c']"
NOTE: The expression "b['c']" has been configured to be replaced with a constant using the "define" feature. If this expression is supposed to be a compile-time constant, then it doesn't make sense to assign to it here. Or if this expression is supposed to change at run-time, this "define" substitution should be removed.
`,
})
}
func TestKeepNamesAllForms(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/keep.js": `
// Initializers
function fn() {}
function foo(fn = function() {}) {}
var fn = function() {};
var obj = { "f n": function() {} };
class Foo0 { "f n" = function() {} }
class Foo1 { static "f n" = function() {} }
class Foo2 { accessor "f n" = function() {} }
class Foo3 { static accessor "f n" = function() {} }
class Foo4 { #fn = function() {} }
class Foo5 { static #fn = function() {} }
class Foo6 { accessor #fn = function() {} }
class Foo7 { static accessor #fn = function() {} }
// Assignments
fn = function() {};
fn ||= function() {};
fn &&= function() {};
fn ??= function() {};
// Destructuring
var [fn = function() {}] = [];
var { fn = function() {} } = {};
for (var [fn = function() {}] = []; ; ) ;
for (var { fn = function() {} } = {}; ; ) ;
for (var [fn = function() {}] in obj) ;
for (var { fn = function() {} } in obj) ;
for (var [fn = function() {}] of obj) ;
for (var { fn = function() {} } of obj) ;
function foo([fn = function() {}]) {}
function foo({ fn = function() {} }) {}
[fn = function() {}] = [];
({ fn = function() {} } = {});
`,
"/do-not-keep.js": `
// Class methods
class Foo0 { fn() {} }
class Foo1 { *fn() {} }
class Foo2 { get fn() {} }
class Foo3 { set fn(_) {} }
class Foo4 { async fn() {} }
class Foo5 { static fn() {} }
class Foo6 { static *fn() {} }
class Foo7 { static get fn() {} }
class Foo8 { static set fn(_) {} }
class Foo9 { static async fn() {} }
// Class private methods
class Bar0 { #fn() {} }
class Bar1 { *#fn() {} }
class Bar2 { get #fn() {} }
class Bar3 { set #fn(_) {} }
class Bar4 { async #fn() {} }
class Bar5 { static #fn() {} }
class Bar6 { static *#fn() {} }
class Bar7 { static get #fn() {} }
class Bar8 { static set #fn(_) {} }
class Bar9 { static async #fn(_) {} }
// Object methods
const Baz0 = { fn() {} }
const Baz1 = { *fn() {} }
const Baz2 = { get fn() {} }
const Baz3 = { set fn(_) {} }
const Baz4 = { async fn() {} }
`,
},
entryPaths: []string{
"/keep.js",
"/do-not-keep.js",
},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
KeepNames: true,
},
})
}
func TestKeepNamesTreeShaking(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
function fnStmtRemove() {}
function fnStmtKeep() {}
x = fnStmtKeep
let fnExprRemove = function remove() {}
let fnExprKeep = function keep() {}
x = fnExprKeep
class clsStmtRemove {}
class clsStmtKeep {}
new clsStmtKeep()
let clsExprRemove = class remove {}
let clsExprKeep = class keep {}
new clsExprKeep()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
KeepNames: true,
MinifySyntax: true,
},
})
}
func TestKeepNamesClassStaticName(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
class A { static foo }
class B { static name }
class C { static name() {} }
class D { static get name() {} }
class E { static set name(x) {} }
class F { static ['name'] = 0 }
let a = class a { static foo }
let b = class b { static name }
let c = class c { static name() {} }
let d = class d { static get name() {} }
let e = class e { static set name(x) {} }
let f = class f { static ['name'] = 0 }
let a2 = class { static foo }
let b2 = class { static name }
let c2 = class { static name() {} }
let d2 = class { static get name() {} }
let e2 = class { static set name(x) {} }
let f2 = class { static ['name'] = 0 }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
KeepNames: true,
},
})
}
func TestCharFreqIgnoreComments(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
export default function(one, two, three, four) {
return 'the argument names must be the same'
}
`,
"/b.js": `
export default function(one, two, three, four) {
return 'the argument names must be the same'
}
// Some comment text to change the character frequency histogram:
// ________________________________________________________________________________
// FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
// AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
// IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
// LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL
`,
},
entryPaths: []string{"/a.js", "/b.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MinifyIdentifiers: true,
},
})
}
func TestImportRelativeAsPackage(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/Users/user/project/src/entry.js": `
import 'some/other/file'
`,
"/Users/user/project/src/some/other/file.js": `
`,
},
entryPaths: []string{"/Users/user/project/src/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/Users/user/project/out.js",
},
expectedScanLog: `Users/user/project/src/entry.js: ERROR: Could not resolve "some/other/file"
NOTE: Use the relative path "./some/other/file" to reference the file "Users/user/project/src/some/other/file.js". Without the leading "./", the path "some/other/file" is being interpreted as a package path instead.
`,
})
}
// Assigning to a top-level "const" that will be transformed into a "var" must
// be an error at compile-time because it won't be an error at run-time. Note
// that the minifier is allowed to transform nested "const" into "let" (to
// reduce code size further) when bundling is active, so nested "const" also
// needs to be an error in this case.
func TestForbidConstAssignWhenBundling(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const x = 1
x = 2
function foo() {
const y = 1
y = 2
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Cannot assign to "x" because it is a constant
entry.js: NOTE: The symbol "x" was declared a constant here:
entry.js: ERROR: Cannot assign to "y" because it is a constant
entry.js: NOTE: The symbol "y" was declared a constant here:
`,
})
}
// Assigning to a top-level "const" that will be transformed into a "var" must
// be an error at compile-time because it won't be an error at run-time
func TestForbidConstAssignWhenLoweringUsing(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const x = 1
using x2 = 2
x = 3
function foo() {
const y = 1
using y2 = 2
y = 3
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
AbsOutputFile: "/out.js",
UnsupportedJSFeatures: compat.Using,
},
expectedScanLog: `entry.js: ERROR: Cannot assign to "x" because it is a constant
entry.js: NOTE: The symbol "x" was declared a constant here:
entry.js: WARNING: This assignment will throw because "y" is a constant
entry.js: NOTE: The symbol "y" was declared a constant here:
`,
})
}
func TestConstWithLet(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const a = 1; console.log(a)
if (true) { const b = 2; console.log(b) }
if (true) { const b = 3; unknownFn(b) }
for (const c = x;;) console.log(c)
for (const d in x) console.log(d)
for (const e of x) console.log(e)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
MinifySyntax: true,
},
})
}
func TestConstWithLetNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const a = 1; console.log(a)
if (true) { const b = 2; console.log(b) }
if (true) { const b = 3; unknownFn(b) }
for (const c = x;;) console.log(c)
for (const d in x) console.log(d)
for (const e of x) console.log(e)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MinifySyntax: true,
},
})
}
func TestConstWithLetNoMangle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
const a = 1; console.log(a)
if (true) { const b = 2; console.log(b) }
for (const c = x;;) console.log(c)
for (const d in x) console.log(d)
for (const e of x) console.log(e)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}
func TestRequireMainCacheCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log('is main:', require.main === module)
console.log(require('./is-main'))
console.log('cache:', require.cache);
`,
"/is-main.js": `
module.exports = require.main === module
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
Platform: config.PlatformNode,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatCommonJS,
},
})
}
func TestExternalES6ConvertedToCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
require('./a')
require('./b')
require('./c')
require('./d')
require('./e')
`,
"/a.js": `
import * as ns from 'x'
export {ns}
`,
"/b.js": `
import * as ns from 'x' // "ns" must be renamed to avoid collisions with "a.js"
export {ns}
`,
"/c.js": `
export * as ns from 'x'
`,
"/d.js": `
export {ns} from 'x'
`,
"/e.js": `
export * from 'x'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatESModule,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"x": true,
}},
},
},
})
}
func TestCallImportNamespaceWarning(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/js.js": `
import * as a from "a"
import {b} from "b"
import c from "c"
a()
b()
c()
new a()
new b()
new c()
`,
"/ts.ts": `
import * as a from "a"
import {b} from "b"
import c from "c"
a()
b()
c()
new a()
new b()
new c()
`,
"/jsx-components.jsx": `
import * as A from "a"
import {B} from "b"
import C from "c"
<A/>;
<B/>;
<C/>;
`,
"/jsx-a.jsx": `
// @jsx a
import * as a from "a"
<div/>
`,
"/jsx-b.jsx": `
// @jsx b
import {b} from "b"
<div/>
`,
"/jsx-c.jsx": `
// @jsx c
import c from "c"
<div/>
`,
},
entryPaths: []string{
"/js.js",
"/ts.ts",
"/jsx-components.jsx",
"/jsx-a.jsx",
"/jsx-b.jsx",
"/jsx-c.jsx",
},
options: config.Options{
Mode: config.ModeConvertFormat,
AbsOutputDir: "/out",
OutputFormat: config.FormatESModule,
},
expectedScanLog: `js.js: WARNING: Calling "a" will crash at run-time because it's an import namespace object, not a function
js.js: NOTE: Consider changing "a" to a default import instead:
js.js: WARNING: Constructing "a" will crash at run-time because it's an import namespace object, not a constructor
js.js: NOTE: Consider changing "a" to a default import instead:
jsx-a.jsx: WARNING: Calling "a" will crash at run-time because it's an import namespace object, not a function
jsx-a.jsx: NOTE: Consider changing "a" to a default import instead:
jsx-components.jsx: WARNING: Using "A" in a JSX expression will crash at run-time because it's an import namespace object, not a component
jsx-components.jsx: NOTE: Consider changing "A" to a default import instead:
ts.ts: WARNING: Calling "a" will crash at run-time because it's an import namespace object, not a function
ts.ts: NOTE: Consider changing "a" to a default import instead:
NOTE: Make sure to enable TypeScript's "esModuleInterop" setting so that TypeScript's type checker generates an error when you try to do this. You can read more about this setting here: https://www.typescriptlang.org/tsconfig#esModuleInterop
ts.ts: WARNING: Constructing "a" will crash at run-time because it's an import namespace object, not a constructor
ts.ts: NOTE: Consider changing "a" to a default import instead:
NOTE: Make sure to enable TypeScript's "esModuleInterop" setting so that TypeScript's type checker generates an error when you try to do this. You can read more about this setting here: https://www.typescriptlang.org/tsconfig#esModuleInterop
`,
})
}
func TestJSXThisValueCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/factory.jsx": `
console.log([
<x />,
/* @__PURE__ */ this('x', null),
])
f = function() {
console.log([
<y />,
/* @__PURE__ */ this('y', null),
])
}
`,
"/fragment.jsx": `
console.log([
<>x</>,
/* @__PURE__ */ this(this, null, 'x'),
]),
f = function() {
console.log([
<>y</>,
/* @__PURE__ */ this(this, null, 'y'),
])
}
`,
},
entryPaths: []string{"/factory.jsx", "/fragment.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"this"}},
Fragment: config.DefineExpr{Parts: []string{"this"}},
},
AbsOutputDir: "/out",
},
})
}
func TestJSXThisValueESM(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/factory.jsx": `
console.log([
<x />,
/* @__PURE__ */ this('x', null),
])
f = function() {
console.log([
<y />,
/* @__PURE__ */ this('y', null),
])
}
export {}
`,
"/fragment.jsx": `
console.log([
<>x</>,
/* @__PURE__ */ this(this, null, 'x'),
]),
f = function() {
console.log([
<>y</>,
/* @__PURE__ */ this(this, null, 'y'),
])
}
export {}
`,
},
entryPaths: []string{"/factory.jsx", "/fragment.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"this"}},
Fragment: config.DefineExpr{Parts: []string{"this"}},
},
AbsOutputDir: "/out",
},
debugLogs: true,
expectedScanLog: `factory.jsx: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
factory.jsx: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
fragment.jsx: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
fragment.jsx: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
`,
})
}
func TestJSXThisPropertyCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/factory.jsx": `
console.log([
<x />,
/* @__PURE__ */ this.factory('x', null),
])
f = function() {
console.log([
<y />,
/* @__PURE__ */ this.factory('y', null),
])
}
`,
"/fragment.jsx": `
console.log([
<>x</>,
/* @__PURE__ */ this.factory(this.fragment, null, 'x'),
]),
f = function() {
console.log([
<>y</>,
/* @__PURE__ */ this.factory(this.fragment, null, 'y'),
])
}
`,
},
entryPaths: []string{"/factory.jsx", "/fragment.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"this", "factory"}},
Fragment: config.DefineExpr{Parts: []string{"this", "fragment"}},
},
AbsOutputDir: "/out",
},
})
}
func TestJSXThisPropertyESM(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/factory.jsx": `
console.log([
<x />,
/* @__PURE__ */ this.factory('x', null),
])
f = function() {
console.log([
<y />,
/* @__PURE__ */ this.factory('y', null),
])
}
export {}
`,
"/fragment.jsx": `
console.log([
<>x</>,
/* @__PURE__ */ this.factory(this.fragment, null, 'x'),
]),
f = function() {
console.log([
<>y</>,
/* @__PURE__ */ this.factory(this.fragment, null, 'y'),
])
}
export {}
`,
},
entryPaths: []string{"/factory.jsx", "/fragment.jsx"},
options: config.Options{
Mode: config.ModeBundle,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"this", "factory"}},
Fragment: config.DefineExpr{Parts: []string{"this", "fragment"}},
},
AbsOutputDir: "/out",
},
debugLogs: true,
expectedScanLog: `factory.jsx: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
factory.jsx: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
fragment.jsx: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
fragment.jsx: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
`,
})
}
func TestJSXImportMetaValue(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/factory.jsx": `
console.log([
<x />,
/* @__PURE__ */ import.meta('x', null),
])
f = function() {
console.log([
<y />,
/* @__PURE__ */ import.meta('y', null),
])
}
export {}
`,
"/fragment.jsx": `
console.log([
<>x</>,
/* @__PURE__ */ import.meta(import.meta, null, 'x'),
]),
f = function() {
console.log([
<>y</>,
/* @__PURE__ */ import.meta(import.meta, null, 'y'),
])
}
export {}
`,
},
entryPaths: []string{"/factory.jsx", "/fragment.jsx"},
options: config.Options{
Mode: config.ModeBundle,
UnsupportedJSFeatures: compat.ImportMeta,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"import", "meta"}},
Fragment: config.DefineExpr{Parts: []string{"import", "meta"}},
},
AbsOutputDir: "/out",
},
expectedScanLog: `factory.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
factory.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
fragment.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
fragment.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
fragment.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
fragment.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
`,
})
}
func TestJSXImportMetaProperty(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/factory.jsx": `
console.log([
<x />,
/* @__PURE__ */ import.meta.factory('x', null),
])
f = function() {
console.log([
<y />,
/* @__PURE__ */ import.meta.factory('y', null),
])
}
export {}
`,
"/fragment.jsx": `
console.log([
<>x</>,
/* @__PURE__ */ import.meta.factory(import.meta.fragment, null, 'x'),
]),
f = function() {
console.log([
<>y</>,
/* @__PURE__ */ import.meta.factory(import.meta.fragment, null, 'y'),
])
}
export {}
`,
},
entryPaths: []string{"/factory.jsx", "/fragment.jsx"},
options: config.Options{
Mode: config.ModeBundle,
UnsupportedJSFeatures: compat.ImportMeta,
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"import", "meta", "factory"}},
Fragment: config.DefineExpr{Parts: []string{"import", "meta", "fragment"}},
},
AbsOutputDir: "/out",
},
expectedScanLog: `factory.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
factory.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
fragment.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
fragment.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
fragment.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
fragment.jsx: WARNING: "import.meta" is not available in the configured target environment and will be empty
`,
})
}
func TestBundlingFilesOutsideOfOutbase(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/src/entry.js": `
console.log('test')
`,
},
entryPaths: []string{"/src/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
CodeSplitting: true,
OutputFormat: config.FormatESModule,
AbsOutputBase: "/some/nested/directory",
AbsOutputDir: "/out",
},
})
}
var relocateFiles = map[string]string{
"/top-level.js": `
var a;
for (var b; 0;);
for (var { c, x: [d] } = {}; 0;);
for (var e of []);
for (var { f, x: [g] } of []);
for (var h in {});
for (var i = 1 in {});
for (var { j, x: [k] } in {});
function l() {}
`,
"/nested.js": `
if (true) {
var a;
for (var b; 0;);
for (var { c, x: [d] } = {}; 0;);
for (var e of []);
for (var { f, x: [g] } of []);
for (var h in {});
for (var i = 1 in {});
for (var { j, x: [k] } in {});
function l() {}
}
`,
"/let.js": `
if (true) {
let a;
for (let b; 0;);
for (let { c, x: [d] } = {}; 0;);
for (let e of []);
for (let { f, x: [g] } of []);
for (let h in {});
// for (let i = 1 in {});
for (let { j, x: [k] } in {});
}
`,
"/function.js": `
function x() {
var a;
for (var b; 0;);
for (var { c, x: [d] } = {}; 0;);
for (var e of []);
for (var { f, x: [g] } of []);
for (var h in {});
for (var i = 1 in {});
for (var { j, x: [k] } in {});
function l() {}
}
x()
`,
"/function-nested.js": `
function x() {
if (true) {
var a;
for (var b; 0;);
for (var { c, x: [d] } = {}; 0;);
for (var e of []);
for (var { f, x: [g] } of []);
for (var h in {});
for (var i = 1 in {});
for (var { j, x: [k] } in {});
function l() {}
}
}
x()
`,
}
var relocateEntries = []string{
"/top-level.js",
"/nested.js",
"/let.js",
"/function.js",
"/function-nested.js",
}
func TestVarRelocatingBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: relocateFiles,
entryPaths: relocateEntries,
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputDir: "/out",
},
})
}
func TestVarRelocatingNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: relocateFiles,
entryPaths: relocateEntries,
options: config.Options{
Mode: config.ModeConvertFormat,
OutputFormat: config.FormatESModule,
AbsOutputDir: "/out",
},
})
}
func TestImportNamespaceThisValue(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/a.js": `
import def, * as ns from 'external'
console.log(ns[foo](), new ns[foo]())
`,
"/b.js": `
import def, * as ns from 'external'
console.log(ns.foo(), new ns.foo())
`,
"/c.js": `
import def, {foo} from 'external'
console.log(def(), foo())
console.log(new def(), new foo())
`,
},
entryPaths: []string{"/a.js", "/b.js", "/c.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputDir: "/out",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"external": true,
}},
},
},
})
}
func TestThisUndefinedWarningESM(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import x from './file1.js'
import y from 'pkg/file2.js'
console.log(x, y)
`,
"/file1.js": `
export default [this, this]
`,
"/node_modules/pkg/file2.js": `
export default [this, this]
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
debugLogs: true,
expectedScanLog: `file1.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
file1.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
node_modules/pkg/file2.js: DEBUG: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
node_modules/pkg/file2.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
`,
})
}
func TestQuotedProperty(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import * as ns from 'ext'
console.log(ns.mustBeUnquoted, ns['mustBeQuoted'])
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputDir: "/out",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"ext": true,
}},
},
},
})
}
func TestQuotedPropertyMangle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import * as ns from 'ext'
console.log(ns.mustBeUnquoted, ns['mustBeUnquoted2'])
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputDir: "/out",
MinifySyntax: true,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"ext": true,
}},
},
},
})
}
func TestDuplicatePropertyWarning(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import './outside-node-modules'
import 'inside-node-modules'
`,
"/outside-node-modules/index.jsx": `
console.log({ a: 1, a: 2 }, <div a2 a2={3}/>)
`,
"/outside-node-modules/package.json": `
{ "b": 1, "b": 2 }
`,
"/node_modules/inside-node-modules/index.jsx": `
console.log({ c: 1, c: 2 }, <div c2 c2={3}/>)
`,
"/node_modules/inside-node-modules/package.json": `
{ "d": 1, "d": 2 }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
expectedScanLog: `outside-node-modules/index.jsx: WARNING: Duplicate key "a" in object literal
outside-node-modules/index.jsx: NOTE: The original key "a" is here:
outside-node-modules/index.jsx: WARNING: Duplicate "a2" attribute in JSX element
outside-node-modules/index.jsx: NOTE: The original "a2" attribute is here:
outside-node-modules/package.json: WARNING: Duplicate key "b" in object literal
outside-node-modules/package.json: NOTE: The original key "b" is here:
`,
})
}
func TestRequireShimSubstitution(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log([
require,
typeof require,
require('./example.json'),
require('./example.json', { type: 'json' }),
require(window.SOME_PATH),
module.require('./example.json'),
module.require('./example.json', { type: 'json' }),
module.require(window.SOME_PATH),
require.resolve('some-path'),
require.resolve(window.SOME_PATH),
import('some-path'),
import(window.SOME_PATH),
])
`,
"/example.json": `{ "works": true }`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"some-path": true,
}},
},
UnsupportedJSFeatures: compat.DynamicImport,
},
})
}
// This guards against a bad interaction between the strict mode nested function
// declarations, name keeping, and initialized variable inlining. See this issue
// for full context: https://github.com/evanw/esbuild/issues/1552.
func TestStrictModeNestedFnDeclKeepNamesVariableInliningIssue1552(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export function outer() {
{
function inner() {
return Math.random();
}
const x = inner();
console.log(x);
}
}
outer();
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
KeepNames: true,
MinifySyntax: true,
},
})
}
func TestBuiltInNodeModulePrecedence(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log([
// These are node core modules
require('fs'),
require('fs/promises'),
require('node:foo'),
// These are not node core modules
require('fs/abc'),
require('fs/'),
])
`,
"/node_modules/fs/abc.js": `
console.log('include this')
`,
"/node_modules/fs/index.js": `
console.log('include this too')
`,
"/node_modules/fs/promises.js": `
throw 'DO NOT INCLUDE THIS'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
Platform: config.PlatformNode,
OutputFormat: config.FormatCommonJS,
AbsOutputDir: "/out",
},
})
}
func TestEntryNamesNoSlashAfterDir(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/src/app1/main.ts": `console.log(1)`,
"/src/app2/main.ts": `console.log(2)`,
"/src/app3/main.ts": `console.log(3)`,
},
entryPathsAdvanced: []bundler.EntryPoint{
{InputPath: "/src/app1/main.ts"},
{InputPath: "/src/app2/main.ts"},
{InputPath: "/src/app3/main.ts", OutputPath: "customPath"},
},
options: config.Options{
Mode: config.ModePassThrough,
EntryPathTemplate: []config.PathTemplate{
// "[dir]-[name]"
{Data: "./", Placeholder: config.DirPlaceholder},
{Data: "-", Placeholder: config.NamePlaceholder},
},
AbsOutputDir: "/out",
},
})
}
func TestEntryNamesNonPortableCharacter(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry1-:.ts": `console.log(1)`,
"/entry2-:.ts": `console.log(2)`,
},
entryPathsAdvanced: []bundler.EntryPoint{
// The ":" should turn into "_" for cross-platform Windows portability
{InputPath: "/entry1-:.ts"},
// The ":" should be preserved since the user _really_ wants it
{InputPath: "/entry2-:.ts", OutputPath: "entry2-*"},
},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
},
})
}
func TestEntryNamesChunkNamesExtPlaceholder(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/src/entries/entry1.js": `import "../lib/shared.js"; import "./entry1.css"; console.log('entry1')`,
"/src/entries/entry2.js": `import "../lib/shared.js"; import "./entry2.css"; console.log('entry2')`,
"/src/entries/entry1.css": `a:after { content: "entry1" }`,
"/src/entries/entry2.css": `a:after { content: "entry2" }`,
"/src/lib/shared.js": `console.log('shared')`,
},
entryPaths: []string{
"/src/entries/entry1.js",
"/src/entries/entry2.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputBase: "/src",
AbsOutputDir: "/out",
CodeSplitting: true,
EntryPathTemplate: []config.PathTemplate{
{Data: "main/", Placeholder: config.ExtPlaceholder},
{Data: "/", Placeholder: config.NamePlaceholder},
{Data: "-", Placeholder: config.HashPlaceholder},
},
ChunkPathTemplate: []config.PathTemplate{
{Data: "common/", Placeholder: config.ExtPlaceholder},
{Data: "/", Placeholder: config.NamePlaceholder},
{Data: "-", Placeholder: config.HashPlaceholder},
},
},
})
}
func TestMinifyIdentifiersImportPathFrequencyAnalysis(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/import.js": `
import foo from "./WWWWWWWWWWXXXXXXXXXXYYYYYYYYYYZZZZZZZZZZ"
console.log(foo, 'no identifier in this file should be named W, X, Y, or Z')
`,
"/WWWWWWWWWWXXXXXXXXXXYYYYYYYYYYZZZZZZZZZZ.js": `export default 123`,
"/require.js": `
const foo = require("./AAAAAAAAAABBBBBBBBBBCCCCCCCCCCDDDDDDDDDD")
console.log(foo, 'no identifier in this file should be named A, B, C, or D')
`,
"/AAAAAAAAAABBBBBBBBBBCCCCCCCCCCDDDDDDDDDD.js": `module.exports = 123`,
},
entryPaths: []string{
"/import.js",
"/require.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MinifyWhitespace: true,
MinifyIdentifiers: true,
},
})
}
func TestToESMWrapperOmission(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import 'a_nowrap'
import { b } from 'b_nowrap'
b()
export * from 'c_nowrap'
import * as d from 'd_WRAP'
x = d.x
import e from 'e_WRAP'
e()
import { default as f } from 'f_WRAP'
f()
import { __esModule as g } from 'g_WRAP'
g()
import * as h from 'h_WRAP'
x = h
import * as i from 'i_WRAP'
i.x()
import * as j from 'j_WRAP'
j.x` + "``" + `
x = import("k_WRAP")
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeConvertFormat,
OutputFormat: config.FormatCommonJS,
AbsOutputDir: "/out",
UnsupportedJSFeatures: compat.DynamicImport,
},
})
}
// This is coverage for a past bug in esbuild. We used to generate this, which is wrong:
//
// let x = function(foo) {
// var foo2;
// return foo2;
// };
func TestNamedFunctionExpressionArgumentCollision(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
let x = function foo(foo) {
var foo;
return foo;
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MinifySyntax: true,
},
})
}
func TestNoWarnCommonJSExportsInESMPassThrough(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/cjs-in-esm.js": `
export let foo = 1
exports.foo = 2
module.exports = 3
`,
"/import-in-cjs.js": `
import { foo } from 'bar'
exports.foo = foo
module.exports = foo
`,
"/no-warnings-here.js": `
console.log(module, exports)
`,
},
entryPaths: []string{
"/cjs-in-esm.js",
"/import-in-cjs.js",
"/no-warnings-here.js",
},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
},
})
}
func TestWarnCommonJSExportsInESMConvert(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/cjs-in-esm.js": `
export let foo = 1
exports.foo = 2
module.exports = 3
`,
"/cjs-in-esm2.js": `
export let foo = 1
module.exports.bar = 3
`,
"/import-in-cjs.js": `
import { foo } from 'bar'
exports.foo = foo
module.exports = foo
module.exports.bar = foo
`,
"/no-warnings-here.js": `
console.log(module, exports)
`,
},
entryPaths: []string{
"/cjs-in-esm.js",
"/cjs-in-esm2.js",
"/import-in-cjs.js",
"/no-warnings-here.js",
},
options: config.Options{
Mode: config.ModeConvertFormat,
AbsOutputDir: "/out",
OutputFormat: config.FormatCommonJS,
},
expectedScanLog: `cjs-in-esm.js: WARNING: The CommonJS "exports" variable is treated as a global variable in an ECMAScript module and may not work as expected
cjs-in-esm.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
cjs-in-esm.js: WARNING: The CommonJS "module" variable is treated as a global variable in an ECMAScript module and may not work as expected
cjs-in-esm.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
cjs-in-esm2.js: WARNING: The CommonJS "module" variable is treated as a global variable in an ECMAScript module and may not work as expected
cjs-in-esm2.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
`,
})
}
func TestWarnCommonJSExportsInESMBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/cjs-in-esm.js": `
export let foo = 1
exports.foo = 2
module.exports = 3
`,
"/import-in-cjs.js": `
import { foo } from 'bar'
exports.foo = foo
module.exports = foo
`,
"/no-warnings-here.js": `
console.log(module, exports)
`,
},
entryPaths: []string{
"/cjs-in-esm.js",
"/import-in-cjs.js",
"/no-warnings-here.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
OutputFormat: config.FormatCommonJS,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"bar": true,
}},
},
},
expectedScanLog: `cjs-in-esm.js: WARNING: The CommonJS "exports" variable is treated as a global variable in an ECMAScript module and may not work as expected
cjs-in-esm.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
cjs-in-esm.js: WARNING: The CommonJS "module" variable is treated as a global variable in an ECMAScript module and may not work as expected
cjs-in-esm.js: NOTE: This file is considered to be an ECMAScript module because of the "export" keyword here:
`,
})
}
func TestMangleProps(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry1.js": `
export function shouldMangle() {
let foo = {
bar_: 0,
baz_() {},
};
let { bar_ } = foo;
({ bar_ } = foo);
class foo_ {
bar_ = 0
baz_() {}
static bar_ = 0
static baz_() {}
}
return { bar_, foo_ }
}
export function shouldNotMangle() {
let foo = {
'bar_': 0,
'baz_'() {},
};
let { 'bar_': bar_ } = foo;
({ 'bar_': bar_ } = foo);
class foo_ {
'bar_' = 0
'baz_'() {}
static 'bar_' = 0
static 'baz_'() {}
}
return { 'bar_': bar_, 'foo_': foo_ }
}
`,
"/entry2.js": `
export default {
bar_: 0,
'baz_': 1,
}
`,
},
entryPaths: []string{
"/entry1.js",
"/entry2.js",
},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_$"),
},
})
}
func TestManglePropsMinify(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
// These repeating characters test for frequency analysis
"/entry1.js": `
export function shouldMangle_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX() {
let foo = {
bar_: 0,
baz_() {},
};
let { bar_ } = foo;
({ bar_ } = foo);
class foo_ {
bar_ = 0
baz_() {}
static bar_ = 0
static baz_() {}
}
return { bar_, foo_ }
}
export function shouldNotMangle_YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY() {
let foo = {
'bar_': 0,
'baz_'() {},
};
let { 'bar_': bar_ } = foo;
({ 'bar_': bar_ } = foo);
class foo_ {
'bar_' = 0
'baz_'() {}
static 'bar_' = 0
static 'baz_'() {}
}
return { 'bar_': bar_, 'foo_': foo_ }
}
`,
"/entry2.js": `
export default {
bar_: 0,
'baz_': 1,
}
`,
},
entryPaths: []string{
"/entry1.js",
"/entry2.js",
},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_$"),
MinifyIdentifiers: true,
MinifySyntax: true,
},
})
}
func TestManglePropsKeywordPropertyMinify(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
class Foo {
static bar = { get baz() { return 123 } }
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("."),
MinifyIdentifiers: true,
MinifySyntax: true,
MinifyWhitespace: true,
},
})
}
func TestManglePropsOptionalChain(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export default function(x) {
x.foo_;
x.foo_?.();
x?.foo_;
x?.foo_();
x?.foo_.bar_;
x?.foo_.bar_();
x?.['foo_'].bar_;
x?.foo_['bar_'];
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("_$"),
},
})
}
func TestManglePropsLoweredOptionalChain(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export default function(x) {
x.foo_;
x.foo_?.();
x?.foo_;
x?.foo_();
x?.foo_.bar_;
x?.foo_.bar_();
x?.['foo_'].bar_;
x?.foo_['bar_'];
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("_$"),
UnsupportedJSFeatures: compat.OptionalChain,
},
})
}
func TestReserveProps(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export default {
foo_: 0,
_bar_: 1,
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("_$"),
ReserveProps: regexp.MustCompile("^_.*_$"),
},
})
}
func TestManglePropsImportExport(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
// These don't count as property names, and aren't mangled
"/esm.js": `
export let foo_ = 123
import { bar_ } from 'xyz'
`,
// These do count as property names, and are mangled
"/cjs.js": `
exports.foo_ = 123
let bar_ = require('xyz').bar_
`,
},
entryPaths: []string{
"/esm.js",
"/cjs.js",
},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_$"),
},
})
}
func TestManglePropsImportExportBundled(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
// Note: import and export syntax does not count as a property name. That
// means the following code is broken. This test just serves to document
// this behavior and to detect if something about this behavior changes.
"/entry-esm.js": `
import { esm_foo_ } from './esm'
import { cjs_foo_ } from './cjs'
import * as esm from './esm'
import * as cjs from './cjs'
export let bar_ = [
esm_foo_,
cjs_foo_,
esm.esm_foo_,
cjs.cjs_foo_,
]
`,
"/entry-cjs.js": `
let { esm_foo_ } = require('./esm')
let { cjs_foo_ } = require('./cjs')
exports.bar_ = [
esm_foo_,
cjs_foo_,
]
`,
"/esm.js": `
export let esm_foo_ = 'foo'
`,
"/cjs.js": `
exports.cjs_foo_ = 'foo'
`,
},
entryPaths: []string{
"/entry-esm.js",
"/entry-cjs.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_$"),
},
})
}
func TestManglePropsJSXTransform(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
let Foo = {
Bar_(props) {
return <>{props.text_}</>
},
hello_: 'hello, world',
createElement_(...args) {
console.log('createElement', ...args)
},
Fragment_(...args) {
console.log('Fragment', ...args)
},
}
export default <Foo.Bar_ text_={Foo.hello_}></Foo.Bar_>
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("_$"),
JSX: config.JSXOptions{
Factory: config.DefineExpr{Parts: []string{"Foo", "createElement_"}},
Fragment: config.DefineExpr{Parts: []string{"Foo", "Fragment_"}},
},
},
})
}
func TestManglePropsJSXPreserve(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
let Foo = {
Bar_(props) {
return <>{props.text_}</>
},
hello_: 'hello, world',
}
export default <Foo.Bar_ text_={Foo.hello_}></Foo.Bar_>
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.jsx",
MangleProps: regexp.MustCompile("_$"),
JSX: config.JSXOptions{
Preserve: true,
},
},
})
}
func TestManglePropsJSXTransformNamespace(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
export default [
<KEEP_THIS_ />,
<KEEP:THIS_ />,
<foo KEEP:THIS_ />,
]
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("_$"),
},
})
}
func TestManglePropsAvoidCollisions(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export default {
foo_: 0, // Must not be named "a"
bar_: 1, // Must not be named "b"
a: 2,
b: 3,
__proto__: {}, // Always avoid mangling this
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("_$"),
},
})
}
func TestManglePropsTypeScriptFeatures(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/parameter-properties.ts": `
class Foo {
constructor(
public KEEP_FIELD: number,
public MANGLE_FIELD_: number,
) {
}
}
let foo = new Foo
console.log(foo.KEEP_FIELD, foo.MANGLE_FIELD_)
`,
"/namespace-exports.ts": `
namespace ns {
export var MANGLE_VAR_ = 1
export let MANGLE_LET_ = 2
export const MANGLE_CONST_ = 3
export let { NESTED_: { DESTRUCTURING_ } } = 4
export function MANGLE_FUNCTION_() {}
export class MANGLE_CLASS_ {}
export namespace MANGLE_NAMESPACE_ { ; }
export enum MANGLE_ENUM_ {}
console.log({
VAR: MANGLE_VAR_,
LET: MANGLE_LET_,
CONST: MANGLE_CONST_,
DESTRUCTURING: DESTRUCTURING_,
FUNCTION: MANGLE_FUNCTION_,
CLASS: MANGLE_CLASS_,
NAMESPACE: MANGLE_NAMESPACE_,
ENUM: MANGLE_ENUM_,
})
}
console.log({
VAR: ns.MANGLE_VAR_,
LET: ns.MANGLE_LET_,
CONST: ns.MANGLE_CONST_,
DESTRUCTURING: ns.DESTRUCTURING_,
FUNCTION: ns.MANGLE_FUNCTION_,
CLASS: ns.MANGLE_CLASS_,
NAMESPACE: ns.MANGLE_NAMESPACE_,
ENUM: ns.MANGLE_ENUM_,
})
namespace ns {
console.log({
VAR: MANGLE_VAR_,
LET: MANGLE_LET_,
CONST: MANGLE_CONST_,
DESTRUCTURING: DESTRUCTURING_,
FUNCTION: MANGLE_FUNCTION_,
CLASS: MANGLE_CLASS_,
NAMESPACE: MANGLE_NAMESPACE_,
ENUM: MANGLE_ENUM_,
})
}
`,
// Mangle props deliberately doesn't work with TypeScript enums. The
// rationale is that the TypeScript compiler outputs quoted strings
// for enum values, so our JavaScript implementation of mangle props
// wouldn't pick them up. Therefore for consistency our TypeScript
// implementation of mangle props shouldn't either.
//
// This should be ok because esbuild supports inlining of enums instead,
// which is superior to using mangle props with enums because it results
// in even smaller and faster code. So people should just use enum inlining
// instead of mangle props with TypeScript enums.
//
// This test just serves to document that this behavior deliberately
// doesn't work.
"/enum-values.ts": `
enum TopLevelNumber { foo_ = 0 }
enum TopLevelString { bar_ = '' }
console.log({
foo: TopLevelNumber.foo_,
bar: TopLevelString.bar_,
})
function fn() {
enum NestedNumber { foo_ = 0 }
enum NestedString { bar_ = '' }
console.log({
foo: TopLevelNumber.foo_,
bar: TopLevelString.bar_,
})
}
`,
},
entryPaths: []string{
"/parameter-properties.ts",
"/namespace-exports.ts",
"/enum-values.ts",
},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_$"),
},
})
}
func TestManglePropsShorthand(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
// This should print as "({ y }) => ({ y })" not "({ y: y }) => ({ y: y })"
export let yyyyy = ({ xxxxx }) => ({ xxxxx })
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("x"),
MinifyIdentifiers: true,
},
})
}
func TestManglePropsNoShorthand(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
// This should print as "({ y }) => ({ y: y })" not "({ y: y }) => ({ y: y })"
export let yyyyy = ({ xxxxx }) => ({ xxxxx })
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("x"),
MinifyIdentifiers: true,
UnsupportedJSFeatures: compat.ObjectExtensions,
},
})
}
func TestManglePropsLoweredClassFields(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
class Foo {
foo_ = 123
static bar_ = 234
}
Foo.bar_ = new Foo().foo_
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("_$"),
UnsupportedJSFeatures: compat.ClassField | compat.ClassStaticField,
},
})
}
// This tests for a case where "constructor" was being mangled, which made the
// method become a non-constructor, and then "super()" caused a parse error.
// The fix was to prevent the property "constructor" from being mangled.
// See: https://github.com/evanw/esbuild/issues/1976
func TestManglePropsSuperCall(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
class Foo {}
class Bar extends Foo {
constructor() {
super();
}
}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
MangleProps: regexp.MustCompile("."),
},
})
}
func TestMangleNoQuotedProps(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
x['_doNotMangleThis'];
x?.['_doNotMangleThis'];
x[y ? '_doNotMangleThis' : z];
x?.[y ? '_doNotMangleThis' : z];
x[y ? z : '_doNotMangleThis'];
x?.[y ? z : '_doNotMangleThis'];
({ '_doNotMangleThis': x });
(class { '_doNotMangleThis' = x });
var { '_doNotMangleThis': x } = y;
'_doNotMangleThis' in x;
(y ? '_doNotMangleThis' : z) in x;
(y ? z : '_doNotMangleThis') in x;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_"),
MangleQuoted: false,
},
})
}
func TestMangleNoQuotedPropsMinifySyntax(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
x['_doNotMangleThis'];
x?.['_doNotMangleThis'];
x[y ? '_doNotMangleThis' : z];
x?.[y ? '_doNotMangleThis' : z];
x[y ? z : '_doNotMangleThis'];
x?.[y ? z : '_doNotMangleThis'];
({ '_doNotMangleThis': x });
(class { '_doNotMangleThis' = x });
var { '_doNotMangleThis': x } = y;
'_doNotMangleThis' in x;
(y ? '_doNotMangleThis' : z) in x;
(y ? z : '_doNotMangleThis') in x;
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_"),
MangleQuoted: false,
MinifySyntax: true,
},
})
}
func TestMangleQuotedProps(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/keep.js": `
foo("_keepThisProperty");
foo((x, "_keepThisProperty"));
foo(x ? "_keepThisProperty" : "_keepThisPropertyToo");
x[foo("_keepThisProperty")];
x?.[foo("_keepThisProperty")];
({ [foo("_keepThisProperty")]: x });
(class { [foo("_keepThisProperty")] = x });
var { [foo("_keepThisProperty")]: x } = y;
foo("_keepThisProperty") in x;
`,
"/mangle.js": `
x['_mangleThis'];
x?.['_mangleThis'];
x[y ? '_mangleThis' : z];
x?.[y ? '_mangleThis' : z];
x[y ? z : '_mangleThis'];
x?.[y ? z : '_mangleThis'];
x[y, '_mangleThis'];
x?.[y, '_mangleThis'];
({ '_mangleThis': x });
({ ['_mangleThis']: x });
({ [(y, '_mangleThis')]: x });
(class { '_mangleThis' = x });
(class { ['_mangleThis'] = x });
(class { [(y, '_mangleThis')] = x });
var { '_mangleThis': x } = y;
var { ['_mangleThis']: x } = y;
var { [(z, '_mangleThis')]: x } = y;
'_mangleThis' in x;
(y ? '_mangleThis' : z) in x;
(y ? z : '_mangleThis') in x;
(y, '_mangleThis') in x;
`,
},
entryPaths: []string{"/keep.js", "/mangle.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_"),
MangleQuoted: true,
},
})
}
func TestMangleQuotedPropsMinifySyntax(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/keep.js": `
foo("_keepThisProperty");
foo((x, "_keepThisProperty"));
foo(x ? "_keepThisProperty" : "_keepThisPropertyToo");
x[foo("_keepThisProperty")];
x?.[foo("_keepThisProperty")];
({ [foo("_keepThisProperty")]: x });
(class { [foo("_keepThisProperty")] = x });
var { [foo("_keepThisProperty")]: x } = y;
foo("_keepThisProperty") in x;
`,
"/mangle.js": `
x['_mangleThis'];
x?.['_mangleThis'];
x[y ? '_mangleThis' : z];
x?.[y ? '_mangleThis' : z];
x[y ? z : '_mangleThis'];
x?.[y ? z : '_mangleThis'];
x[y, '_mangleThis'];
x?.[y, '_mangleThis'];
({ '_mangleThis': x });
({ ['_mangleThis']: x });
({ [(y, '_mangleThis')]: x });
(class { '_mangleThis' = x });
(class { ['_mangleThis'] = x });
(class { [(y, '_mangleThis')] = x });
var { '_mangleThis': x } = y;
var { ['_mangleThis']: x } = y;
var { [(z, '_mangleThis')]: x } = y;
'_mangleThis' in x;
(y ? '_mangleThis' : z) in x;
(y ? z : '_mangleThis') in x;
(y, '_mangleThis') in x;
`,
},
entryPaths: []string{"/keep.js", "/mangle.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_"),
MangleQuoted: true,
MinifySyntax: true,
},
})
}
func TestPreserveKeyComment(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
x(/* __KEY__ */ 'notKey', /* __KEY__ */ ` + "`" + `notKey` + "`" + `)
x(/* @__KEY__ */ 'key', /* @__KEY__ */ ` + "`" + `key` + "`" + `)
x(/* #__KEY__ */ 'alsoKey', /* #__KEY__ */ ` + "`" + `alsoKey` + "`" + `)
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
},
})
}
func TestManglePropsKeyComment(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
x(/* __KEY__ */ '_doNotMangleThis', /* __KEY__ */ ` + "`" + `_doNotMangleThis` + "`" + `)
x._mangleThis(/* @__KEY__ */ '_mangleThis', /* @__KEY__ */ ` + "`" + `_mangleThis` + "`" + `)
x._mangleThisToo(/* #__KEY__ */ '_mangleThisToo', /* #__KEY__ */ ` + "`" + `_mangleThisToo` + "`" + `)
x._someKey = /* #__KEY__ */ '_someKey' in y
x([
` + "`" + `foo.${/* @__KEY__ */ '_mangleThis'} = bar.${/* @__KEY__ */ '_mangleThisToo'}` + "`" + `,
` + "`" + `foo.${/* @__KEY__ */ 'notMangled'} = bar.${/* @__KEY__ */ 'notMangledEither'}` + "`" + `,
])
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_"),
},
})
}
func TestManglePropsKeyCommentMinify(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
x = class {
_mangleThis = 1;
[/* @__KEY__ */ '_mangleThisToo'] = 2;
'_doNotMangleThis' = 3;
}
x = {
_mangleThis: 1,
[/* @__KEY__ */ '_mangleThisToo']: 2,
'_doNotMangleThis': 3,
}
x._mangleThis = 1
x[/* @__KEY__ */ '_mangleThisToo'] = 2
x['_doNotMangleThis'] = 3
x([
` + "`" + `${foo}.${/* @__KEY__ */ '_mangleThis'} = bar.${/* @__KEY__ */ '_mangleThisToo'}` + "`" + `,
` + "`" + `${foo}.${/* @__KEY__ */ 'notMangled'} = bar.${/* @__KEY__ */ 'notMangledEither'}` + "`" + `,
])
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
MangleProps: regexp.MustCompile("_"),
MinifySyntax: true,
},
})
}
func TestIndirectRequireMessage(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/array.js": `let x = [require]`,
"/assign.js": `require = x`,
"/ident.js": `let x = require`,
// These shouldn't log anything: https://github.com/evanw/esbuild/issues/812
"/dot.js": `let x = require.cache`,
"/index.js": `let x = require[cache]`,
},
entryPaths: []string{
"/array.js",
"/assign.js",
"/dot.js",
"/ident.js",
"/index.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
debugLogs: true,
expectedScanLog: `array.js: DEBUG: Indirect calls to "require" will not be bundled
assign.js: DEBUG: Indirect calls to "require" will not be bundled
ident.js: DEBUG: Indirect calls to "require" will not be bundled
`,
})
}
func TestAmbiguousReexportMsg(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
export * from './a'
export * from './b'
export * from './c'
`,
"/a.js": `export let a = 1, x = 2`,
"/b.js": `export let b = 3; export { b as x }`,
"/c.js": `export let c = 4, x = 5`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
debugLogs: true,
expectedCompileLog: `DEBUG: Re-export of "x" in "entry.js" is ambiguous and has been removed
a.js: NOTE: One definition of "x" comes from "a.js" here:
b.js: NOTE: Another definition of "x" comes from "b.js" here:
`,
})
}
// See: https://github.com/evanw/esbuild/issues/2537
func TestNonDeterminismIssue2537(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.ts": `
export function aap(noot: boolean, wim: number) {
let mies = "teun"
if (noot) {
function vuur(v: number) {
return v * 2
}
function schaap(s: number) {
return s / 2
}
mies = vuur(wim) + schaap(wim)
}
return mies
}
`,
"/tsconfig.json": `
{
"compilerOptions": {
"alwaysStrict": true
}
}
`,
},
entryPaths: []string{"/entry.ts"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
MinifyIdentifiers: true,
},
})
}
// See: https://github.com/evanw/esbuild/issues/2697
func TestMinifiedJSXPreserveWithObjectSpread(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
const obj = {
before,
...{ [key]: value },
...{ key: value },
after,
};
<Foo
before
{...{ [key]: value }}
{...{ key: value }}
after
/>;
<Bar
{...{
a,
[b]: c,
...d,
e,
}}
/>;
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
MinifySyntax: true,
JSX: config.JSXOptions{
Preserve: true,
},
},
})
}
func TestPackageAlias(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import "pkg1"
import "pkg2/foo"
import "./nested3"
import "@scope/pkg4"
import "@scope/pkg5/foo"
import "@abs-path/pkg6"
import "@abs-path/pkg7/foo"
import "@scope-only/pkg8"
import "slash/"
import "prefix-foo"
import "@scope/prefix-foo"
`,
"/nested3/index.js": `import "pkg3"`,
"/nested3/node_modules/alias3/index.js": `test failure`,
"/node_modules/alias1/index.js": `console.log(1)`,
"/node_modules/alias2/foo.js": `console.log(2)`,
"/node_modules/alias3/index.js": `console.log(3)`,
"/node_modules/alias4/index.js": `console.log(4)`,
"/node_modules/alias5/foo.js": `console.log(5)`,
"/alias6/dir/index.js": `console.log(6)`,
"/alias7/dir/foo/index.js": `console.log(7)`,
"/alias8/dir/pkg8/index.js": `console.log(8)`,
"/alias9/some/file.js": `console.log(9)`,
"/node_modules/prefix-foo/index.js": `console.log(10)`,
"/node_modules/@scope/prefix-foo/index.js": `console.log(11)`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
PackageAliases: map[string]string{
"pkg1": "alias1",
"pkg2": "alias2",
"pkg3": "alias3",
"@scope/pkg4": "alias4",
"@scope/pkg5": "alias5",
"@abs-path/pkg6": `/alias6/dir`,
"@abs-path/pkg7": `/alias7/dir`,
"@scope-only": "/alias8/dir",
"slash": "/alias9/some/file.js",
"prefix": "alias10",
"@scope/prefix": "alias11",
},
},
})
}
func TestPackageAliasMatchLongest(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import "pkg"
import "pkg/foo"
import "pkg/foo/bar"
import "pkg/foo/bar/baz"
import "pkg/bar/baz"
import "pkg/baz"
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
PackageAliases: map[string]string{
"pkg": "alias/pkg",
"pkg/foo": "alias/pkg_foo",
"pkg/foo/bar": "alias/pkg_foo_bar",
},
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{
Patterns: []config.WildcardPattern{{Prefix: "alias/"}},
},
},
},
})
}
func TestErrorsForAssertTypeJSON(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/js-entry.js": `
import all from './foo.json' assert { type: 'json' }
import { default as def } from './foo.json' assert { type: 'json' }
import { unused } from './foo.json' assert { type: 'json' }
import { used } from './foo.json' assert { type: 'json' }
import * as ns from './foo.json' assert { type: 'json' }
use(used, ns.prop)
export { exported } from './foo.json' assert { type: 'json' }
export { default as def2 } from './foo.json' assert { type: 'json' }
export { def3 as default } from './foo.json' assert { type: 'json' }
import text from './foo.text' assert { type: 'json' }
import file from './foo.file' assert { type: 'json' }
import copy from './foo.copy' assert { type: 'json' }
`,
"/ts-entry.ts": `
import all from './foo.json' assert { type: 'json' }
import { default as def } from './foo.json' assert { type: 'json' }
import { unused } from './foo.json' assert { type: 'json' }
import { used } from './foo.json' assert { type: 'json' }
import * as ns from './foo.json' assert { type: 'json' }
use(used, ns.prop)
export { exported } from './foo.json' assert { type: 'json' }
export { default as def2 } from './foo.json' assert { type: 'json' }
export { def3 as default } from './foo.json' assert { type: 'json' }
import text from './foo.text' assert { type: 'json' }
import file from './foo.file' assert { type: 'json' }
import copy from './foo.copy' assert { type: 'json' }
`,
"/foo.json": `{}`,
"/foo.text": `{}`,
"/foo.file": `{}`,
"/foo.copy": `{}`,
},
entryPaths: []string{
"/js-entry.js",
"/ts-entry.ts",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
ExtensionToLoader: map[string]config.Loader{
".js": config.LoaderJS,
".ts": config.LoaderTS,
".json": config.LoaderJSON,
".text": config.LoaderText,
".file": config.LoaderFile,
".copy": config.LoaderCopy,
},
},
expectedScanLog: `js-entry.js: ERROR: Cannot use non-default import "unused" with a JSON import assertion
js-entry.js: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "unused" import.
js-entry.js: ERROR: Cannot use non-default import "used" with a JSON import assertion
js-entry.js: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "used" import.
js-entry.js: WARNING: Non-default import "prop" is undefined with a JSON import assertion
js-entry.js: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "prop" import.
js-entry.js: ERROR: Cannot use non-default import "exported" with a JSON import assertion
js-entry.js: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "exported" import.
js-entry.js: ERROR: Cannot use non-default import "def3" with a JSON import assertion
js-entry.js: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "def3" import.
js-entry.js: ERROR: The file "foo.text" was loaded with the "text" loader
js-entry.js: NOTE: This import assertion requires the loader to be "json" instead:
NOTE: You need to either reconfigure esbuild to ensure that the loader for this file is "json" or you need to remove this import assertion.
js-entry.js: ERROR: The file "foo.file" was loaded with the "file" loader
js-entry.js: NOTE: This import assertion requires the loader to be "json" instead:
NOTE: You need to either reconfigure esbuild to ensure that the loader for this file is "json" or you need to remove this import assertion.
ts-entry.ts: ERROR: Cannot use non-default import "used" with a JSON import assertion
ts-entry.ts: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "used" import.
ts-entry.ts: WARNING: Non-default import "prop" is undefined with a JSON import assertion
ts-entry.ts: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "prop" import.
ts-entry.ts: ERROR: Cannot use non-default import "exported" with a JSON import assertion
ts-entry.ts: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "exported" import.
ts-entry.ts: ERROR: Cannot use non-default import "def3" with a JSON import assertion
ts-entry.ts: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "def3" import.
`,
})
}
func TestOutputForAssertTypeJSON(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/js-entry.js": `
import all from './foo.json' assert { type: 'json' }
import copy from './foo.copy' assert { type: 'json' }
import { default as def } from './foo.json' assert { type: 'json' }
import * as ns from './foo.json' assert { type: 'json' }
use(all, copy, def, ns.prop)
export { default } from './foo.json' assert { type: 'json' }
`,
"/ts-entry.ts": `
import all from './foo.json' assert { type: 'json' }
import copy from './foo.copy' assert { type: 'json' }
import { default as def } from './foo.json' assert { type: 'json' }
import { unused } from './foo.json' assert { type: 'json' }
import * as ns from './foo.json' assert { type: 'json' }
use(all, copy, def, ns.prop)
export { default } from './foo.json' assert { type: 'json' }
`,
"/foo.json": `{}`,
"/foo.copy": `{}`,
},
entryPaths: []string{
"/js-entry.js",
"/ts-entry.ts",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
ExtensionToLoader: map[string]config.Loader{
".js": config.LoaderJS,
".ts": config.LoaderTS,
".json": config.LoaderJSON,
".copy": config.LoaderCopy,
},
},
expectedScanLog: `js-entry.js: WARNING: Non-default import "prop" is undefined with a JSON import assertion
js-entry.js: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "prop" import.
ts-entry.ts: WARNING: Non-default import "prop" is undefined with a JSON import assertion
ts-entry.ts: NOTE: The JSON import assertion is here:
NOTE: You can either keep the import assertion and only use the "default" import, or you can remove the import assertion and use the "prop" import.
`,
})
}
func TestExternalPackages(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `
import 'pkg1'
import './file'
import './node_modules/pkg2/index.js'
import '#pkg3'
`,
"/project/package.json": `{
"imports": {
"#pkg3": "./libs/pkg3.js"
}
}`,
"/project/file.js": `
console.log('file')
`,
"/project/node_modules/pkg2/index.js": `
console.log('pkg2')
`,
"/project/libs/pkg3.js": `
console.log('pkg3')
`,
},
entryPaths: []string{"/project/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
ExternalPackages: true,
},
})
}
func TestMetafileVariousCases(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `
import a from 'extern-esm'
import b from './esm'
import c from 'data:application/json,2'
import d from './file.file'
import e from './copy.copy'
console.log(
a,
b,
c,
d,
e,
require('extern-cjs'),
require('./cjs'),
import('./dynamic'),
)
export let exported
`,
"/project/entry.css": `
@import "extern.css";
a { background: url(inline.svg) }
b { background: url(file.file) }
c { background: url(copy.copy) }
d { background: url(extern.png) }
`,
"/project/esm.js": `export default 1`,
"/project/cjs.js": `module.exports = 4`,
"/project/dynamic.js": `export default 5`,
"/project/file.file": `file`,
"/project/copy.copy": `copy`,
"/project/inline.svg": `<svg/>`,
},
entryPaths: []string{
"/project/entry.js",
"/project/entry.css",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
ExtensionToLoader: map[string]config.Loader{
".js": config.LoaderJS,
".css": config.LoaderCSS,
".file": config.LoaderFile,
".copy": config.LoaderCopy,
".svg": config.LoaderDataURL,
},
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{
Exact: map[string]bool{
"extern-esm": true,
"extern-cjs": true,
"extern.css": true,
"extern.png": true,
},
},
},
NeedsMetafile: true,
CodeSplitting: true,
},
})
}
func TestMetafileNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `
import a from 'pkg'
import b from './file'
console.log(
a,
b,
require('pkg2'),
require('./file2'),
import('./dynamic'),
)
export let exported
`,
"/project/entry.css": `
@import "pkg";
@import "./file";
a { background: url(pkg2) }
a { background: url(./file2) }
`,
},
entryPaths: []string{
"/project/entry.js",
"/project/entry.css",
},
options: config.Options{
Mode: config.ModeConvertFormat,
AbsOutputDir: "/out",
NeedsMetafile: true,
},
})
}
func TestMetafileVeryLongExternalPaths(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/bytesInOutput should be at least 99 (1).js": `
import a from './` + strings.Repeat("1", 99) + `.file'
console.log(a)
`,
"/project/bytesInOutput should be at least 99 (2).js": `
import a from './` + strings.Repeat("2", 99) + `.copy'
console.log(a)
`,
"/project/bytesInOutput should be at least 99 (3).js": `
import('./` + strings.Repeat("3", 99) + `.js').then(console.log)
`,
"/project/bytesInOutput should be at least 99.css": `
a { background: url(` + strings.Repeat("4", 99) + `.file) }
`,
"/project/" + strings.Repeat("1", 99) + ".file": ``,
"/project/" + strings.Repeat("2", 99) + ".copy": ``,
"/project/" + strings.Repeat("3", 99) + ".js": ``,
"/project/" + strings.Repeat("4", 99) + ".file": ``,
},
entryPaths: []string{
"/project/bytesInOutput should be at least 99 (1).js",
"/project/bytesInOutput should be at least 99 (2).js",
"/project/bytesInOutput should be at least 99 (3).js",
"/project/bytesInOutput should be at least 99.css",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
NeedsMetafile: true,
ExtensionToLoader: map[string]config.Loader{
".js": config.LoaderJS,
".css": config.LoaderCSS,
".file": config.LoaderFile,
".copy": config.LoaderCopy,
},
CodeSplitting: true,
},
})
}
func TestMetafileImportWithTypeJSON(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/entry.js": `
import a from './data.json'
import b from './data.json' assert { type: 'json' }
import c from './data.json' with { type: 'json' }
x = [a, b, c]
`,
"/project/data.json": `{"some": "data"}`,
},
entryPaths: []string{"/project/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
NeedsMetafile: true,
},
})
}
func TestCommentPreservation(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(
import(/* before */ foo),
import(/* before */ 'foo'),
import(foo /* after */),
import('foo' /* after */),
)
console.log(
import('foo', /* before */ { assert: { type: 'json' } }),
import('foo', { /* before */ assert: { type: 'json' } }),
import('foo', { assert: /* before */ { type: 'json' } }),
import('foo', { assert: { /* before */ type: 'json' } }),
import('foo', { assert: { type: /* before */ 'json' } }),
import('foo', { assert: { type: 'json' /* before */ } }),
import('foo', { assert: { type: 'json' } /* before */ }),
import('foo', { assert: { type: 'json' } } /* before */),
)
console.log(
require(/* before */ foo),
require(/* before */ 'foo'),
require(foo /* after */),
require('foo' /* after */),
)
console.log(
require.resolve(/* before */ foo),
require.resolve(/* before */ 'foo'),
require.resolve(foo /* after */),
require.resolve('foo' /* after */),
)
let [/* foo */] = [/* bar */];
let [
// foo
] = [
// bar
];
let [/*before*/ ...s] = [/*before*/ ...s]
let [... /*before*/ s2] = [... /*before*/ s2]
let { /* foo */ } = { /* bar */ };
let {
// foo
} = {
// bar
};
let { /*before*/ ...s3 } = { /*before*/ ...s3 }
let { ... /*before*/ s4 } = { ... /*before*/ s4 }
let [/* before */ x] = [/* before */ x];
let [/* before */ x2 /* after */] = [/* before */ x2 /* after */];
let [
// before
x3
// after
] = [
// before
x3
// after
];
let { /* before */ y } = { /* before */ y };
let { /* before */ y2 /* after */ } = { /* before */ y2 /* after */ };
let {
// before
y3
// after
} = {
// before
y3
// after
};
let { /* before */ [y4]: y4 } = { /* before */ [y4]: y4 };
let { [/* before */ y5]: y5 } = { [/* before */ y5]: y5 };
let { [y6 /* after */]: y6 } = { [y6 /* after */]: y6 };
foo[/* before */ x] = foo[/* before */ x]
foo[x /* after */] = foo[x /* after */]
console.log(
// before
foo,
/* comment before */
bar,
// comment after
)
console.log([
// before
foo,
/* comment before */
bar,
// comment after
])
console.log({
// before
foo,
/* comment before */
bar,
// comment after
})
console.log(class {
// before
foo
/* comment before */
bar
// comment after
})
console.log(
() => { return /* foo */ null },
() => { throw /* foo */ null },
() => { return (/* foo */ null) + 1 },
() => { throw (/* foo */ null) + 1 },
() => {
return (// foo
null) + 1
},
() => {
throw (// foo
null) + 1
},
)
console.log(
/*a*/ a ? /*b*/ b : /*c*/ c,
a /*a*/ ? b /*b*/ : c /*c*/,
)
for (/*foo*/a;;);
for (;/*foo*/a;);
for (;;/*foo*/a);
for (/*foo*/a in b);
for (a in /*foo*/b);
for (/*foo*/a of b);
for (a of /*foo*/b);
if (/*foo*/a);
with (/*foo*/a);
while (/*foo*/a);
do {} while (/*foo*/a);
switch (/*foo*/a) {}
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputDir: "/out",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{
Exact: map[string]bool{"foo": true},
},
},
},
})
}
func TestCommentPreservationImportAssertions(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
import 'foo' /* before */ assert { type: 'json' }
import 'foo' assert /* before */ { type: 'json' }
import 'foo' assert { /* before */ type: 'json' }
import 'foo' assert { type: /* before */ 'json' }
import 'foo' assert { type: 'json' /* before */ }
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{
Exact: map[string]bool{"foo": true},
},
},
},
})
}
func TestCommentPreservationTransformJSX(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
console.log(
<div x={/*before*/x} />,
<div x={/*before*/'y'} />,
<div x={/*before*/true} />,
<div {/*before*/...x} />,
<div>{/*before*/x}</div>,
<>{/*before*/x}</>,
// Comments on absent AST nodes
<div>before{}after</div>,
<div>before{/* comment 1 *//* comment 2 */}after</div>,
<div>before{
// comment 1
// comment 2
}after</div>,
<>before{}after</>,
<>before{/* comment 1 *//* comment 2 */}after</>,
<>before{
// comment 1
// comment 2
}after</>,
)
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
},
})
}
func TestCommentPreservationPreserveJSX(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.jsx": `
console.log(
<div x={/*before*/x} />,
<div x={/*before*/'y'} />,
<div x={/*before*/true} />,
<div {/*before*/...x} />,
<div>{/*before*/x}</div>,
<>{/*before*/x}</>,
// Comments on absent AST nodes
<div>before{}after</div>,
<div>before{/* comment 1 *//* comment 2 */}after</div>,
<div>before{
// comment 1
// comment 2
}after</div>,
<>before{}after</>,
<>before{/* comment 1 *//* comment 2 */}after</>,
<>before{
// comment 1
// comment 2
}after</>,
)
`,
},
entryPaths: []string{"/entry.jsx"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
JSX: config.JSXOptions{
Preserve: true,
},
},
})
}
func TestErrorMessageCrashStdinIssue2913(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/project/node_modules/fflate/package.json": `{ "main": "main.js" }`,
"/project/node_modules/fflate/main.js": ``,
},
options: config.Options{
Stdin: &config.StdinInfo{
Contents: `import "node_modules/fflate"`,
AbsResolveDir: "/project",
},
Mode: config.ModeBundle,
Platform: config.PlatformNeutral,
AbsOutputDir: "/out",
},
expectedScanLog: `<stdin>: ERROR: Could not resolve "node_modules/fflate"
NOTE: You can mark the path "node_modules/fflate" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.
`,
})
}
func TestLineLimitNotMinified(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/script.jsx": `
import fileURL from './x.file'
import copyURL from './x.copy'
import dataURL from './x.data'
export const SignUpForm = (props) => {
return <p class="signup">
<label>Username: <input class="username" type="text"/></label>
<label>Password: <input class="password" type="password"/></label>
<div class="primary disabled">
{props.buttonText}
</div>
<small>By signing up, you are agreeing to our <a href="/tos/">terms of service</a>.</small>
<img src={fileURL} />
<img src={copyURL} />
<img src={dataURL} />
</p>
}
`,
"/style.css": `
body.light-mode.new-user-segment:not(.logged-in) .signup,
body.light-mode.new-user-segment:not(.logged-in) .login {
font: 10px/12px 'Font 1', 'Font 2', 'Font 3', 'Font 4', sans-serif;
user-select: none;
color: var(--fg, rgba(11, 22, 33, 0.5));
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sb` +
`nM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwM` +
`CIgZmlsbD0iI0ZGQ0YwMCIvPgogIDxwYXRoIGQ9Ik00Ny41IDUyLjVMOTUgMTAwbC00Ny41IDQ3LjVtNjAtOTVMM` +
`TU1IDEwMGwtNDcuNSA0Ny41IiBmaWxsPSJub25lIiBzdHJva2U9IiMxOTE5MTkiIHN0cm9rZS13aWR0aD0iMjQiL` +
`z4KPC9zdmc+Cg==);
cursor: url(x.file);
cursor: url(x.copy);
cursor: url(x.data);
}
`,
"/x.file": `...file...`,
"/x.copy": `...copy...`,
"/x.data": `...lots of long data...lots of long data...`,
},
entryPaths: []string{
"/script.jsx",
"/style.css",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
LineLimit: 32,
ExtensionToLoader: map[string]config.Loader{
".jsx": config.LoaderJSX,
".css": config.LoaderCSS,
".file": config.LoaderFile,
".copy": config.LoaderCopy,
".data": config.LoaderDataURL,
},
},
})
}
func TestLineLimitMinified(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/script.jsx": `
export const SignUpForm = (props) => {
return <p class="signup">
<label>Username: <input class="username" type="text"/></label>
<label>Password: <input class="password" type="password"/></label>
<div class="primary disabled">
{props.buttonText}
</div>
<small>By signing up, you are agreeing to our <a href="/tos/">terms of service</a>.</small>
</p>
}
`,
"/style.css": `
body.light-mode.new-user-segment:not(.logged-in) .signup,
body.light-mode.new-user-segment:not(.logged-in) .login {
font: 10px/12px 'Font 1', 'Font 2', 'Font 3', 'Font 4', sans-serif;
user-select: none;
color: var(--fg, rgba(11, 22, 33, 0.5));
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sb` +
`nM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwM` +
`CIgZmlsbD0iI0ZGQ0YwMCIvPgogIDxwYXRoIGQ9Ik00Ny41IDUyLjVMOTUgMTAwbC00Ny41IDQ3LjVtNjAtOTVMM` +
`TU1IDEwMGwtNDcuNSA0Ny41IiBmaWxsPSJub25lIiBzdHJva2U9IiMxOTE5MTkiIHN0cm9rZS13aWR0aD0iMjQiL` +
`z4KPC9zdmc+Cg==);
}
`,
},
entryPaths: []string{
"/script.jsx",
"/style.css",
},
options: config.Options{
AbsOutputDir: "/out",
LineLimit: 32,
MinifyWhitespace: true,
},
})
}
func TestBadImportErrorMessageWithHandlesImportErrorsFlag(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import('foo')
import('foo')
import('foo').catch()
import('foo').catch()
import('bar').catch()
import('bar').catch()
import('bar') // We should get an error report here even though the earlier imports have the "HandlesImportErrors" flag
import('bar')
import('baz').catch()
import('baz').catch()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
expectedScanLog: `entry.js: ERROR: Could not resolve "foo"
NOTE: You can mark the path "foo" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle. You can also add ".catch()" here to handle this failure at run-time instead of bundle-time.
entry.js: ERROR: Could not resolve "bar"
NOTE: You can mark the path "bar" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle. You can also add ".catch()" here to handle this failure at run-time instead of bundle-time.
`,
})
}
func TestDecoratorPrintingESM(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import { constant } from './constants'
import { imported } from 'somewhere'
import { undef } from './empty'
_ = class Outer {
#bar;
classes = [
class { @imported @imported() imported },
class { @unbound @unbound() unbound },
class { @constant @constant() constant },
class { @undef @undef() undef },
class { @(element[access]) indexed },
class { @foo.#bar private },
class { @foo.\u30FF unicode },
class { @(() => {}) arrow },
]
}
`,
"/constants.js": `
export const constant = 123
`,
"/empty.js": ``,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatESModule,
AbsOutputFile: "/out.js",
ExternalPackages: true,
MinifySyntax: true,
},
expectedCompileLog: `entry.js: WARNING: Import "undef" will always be undefined because the file "empty.js" has no exports
`,
})
}
func TestDecoratorPrintingCJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import { constant } from './constants'
import { imported } from 'somewhere'
import { undef } from './empty'
_ = class Outer {
#bar;
classes = [
class { @imported @imported() imported },
class { @unbound @unbound() unbound },
class { @constant @constant() constant },
class { @undef @undef() undef },
class { @(element[access]) indexed },
class { @foo.#bar private },
class { @foo.\u30FF unicode },
class { @(() => {}) arrow },
]
}
`,
"/constants.js": `
export const constant = 123
`,
"/empty.js": ``,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
OutputFormat: config.FormatCommonJS,
AbsOutputFile: "/out.js",
ExternalPackages: true,
MinifySyntax: true,
},
expectedCompileLog: `entry.js: WARNING: Import "undef" will always be undefined because the file "empty.js" has no exports
`,
})
}
// React's development-mode transform has a special "__self" value that's sort
// of supposed to be set to "this". Except there's no specification for it
// AFAIK and the value of "this" isn't always allowed to be accessed. For
// example, accessing it before "super()" in a constructor call will crash.
//
// From what I understand the React team wanted to have it in case they need it
// for some run-time warnings, but having it be accurate in all cases doesn't
// really matter. For example, I'm not sure if it needs to even be any value in
// particular for top-level JSX elements (top-level "this" can technically be
// the module's exports object, which could materialize a lot of code to
// generate one when bundling, so Facebook probably doesn't want that to
// happen?).
//
// Anyway, this test case documents what esbuild does in case a specification
// is produced in the future and it turns out esbuild should be doing something
// else.
func TestJSXDevSelfEdgeCases(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/function-this.jsx": `export function Foo() { return <div/> }`,
"/class-this.jsx": `export class Foo { foo() { return <div/> } }`,
"/normal-constructor.jsx": `export class Foo { constructor() { this.foo = <div/> } }`,
"/derived-constructor.jsx": `export class Foo extends Object { constructor() { super(<div/>); this.foo = <div/> } }`,
"/normal-constructor-arg.jsx": `export class Foo { constructor(foo = <div/>) {} }`,
"/derived-constructor-arg.jsx": `export class Foo extends Object { constructor(foo = <div/>) { super() } }`,
"/normal-constructor-field.tsx": `export class Foo { foo = <div/> }`,
"/derived-constructor-field.tsx": `export class Foo extends Object { foo = <div/> }`,
"/static-field.jsx": `export class Foo { static foo = <div/> }`,
"/top-level-this-esm.jsx": `export let foo = <div/>; if (Foo) { foo = <Foo>nested top-level this</Foo> }`,
"/top-level-this-cjs.jsx": `exports.foo = <div/>`,
"/typescript-namespace.tsx": `export namespace Foo { export let foo = <div/> }`,
"/typescript-enum.tsx": `export enum Foo { foo = <div/> }`,
"/tsconfig.json": `{ "compilerOptions": { "useDefineForClassFields": false } }`,
},
entryPaths: []string{"*"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/out",
JSX: config.JSXOptions{
AutomaticRuntime: true,
Development: true,
},
UnsupportedJSFeatures: compat.ClassStaticField,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{
Exact: map[string]bool{
"react/jsx-dev-runtime": true,
},
},
},
},
})
}
func TestObjectLiteralProtoSetterEdgeCases(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/local-shorthand.js": `
function foo(__proto__, bar) {
{
let __proto__, bar // These locals will be renamed
console.log(
'this must not become "{ __proto__: ... }":',
{
__proto__,
bar,
},
)
}
}
`,
"/local-normal.js": `
function foo(__proto__, bar) {
console.log(
'this must not become "{ __proto__ }":',
{
__proto__: __proto__,
bar: bar,
},
)
}
`,
"/import-shorthand.js": `
import { __proto__, bar } from 'foo'
function foo() {
console.log(
'this must not become "{ __proto__: ... }":',
{
__proto__,
bar,
},
)
}
`,
"/import-normal.js": `
import { __proto__, bar } from 'foo'
function foo() {
console.log(
'this must not become "{ __proto__ }":',
{
__proto__: __proto__,
bar: bar,
},
)
}
`,
},
entryPaths: []string{"*"},
options: config.Options{
AbsOutputDir: "/out",
},
})
}
func TestObjectLiteralProtoSetterEdgeCasesMinifySyntax(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/local-computed.js": `
function foo(__proto__, bar) {
{
let __proto__, bar // These locals will be renamed
console.log(
'this must not become "{ __proto__: ... }":',
{
['__proto__']: __proto__,
['bar']: bar,
},
)
}
}
`,
"/local-normal.js": `
function foo(__proto__, bar) {
console.log(
'this must not become "{ __proto__ }":',
{
__proto__: __proto__,
bar: bar,
},
)
}
`,
"/import-computed.js": `
import { __proto__, bar } from 'foo'
function foo() {
console.log(
'this must not become "{ __proto__: ... }":',
{
['__proto__']: __proto__,
['bar']: bar,
},
)
}
`,
"/import-normal.js": `
import { __proto__, bar } from 'foo'
function foo() {
console.log(
'this must not become "{ __proto__ }":',
{
__proto__: __proto__,
bar: bar,
},
)
}
`,
},
entryPaths: []string{"*"},
options: config.Options{
AbsOutputDir: "/out",
MinifySyntax: true,
},
})
}
func TestForbidStringImportNamesNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import { "an import" as anImport } from "./foo"
export { "another import" as "an export" } from "./foo"
anImport()
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
},
expectedCompileLog: `entry.js: ERROR: Using the string "an import" as an import name is not supported in the configured target environment
entry.js: ERROR: Using the string "another import" as an import name is not supported in the configured target environment
entry.js: ERROR: Using the string "an export" as an export name is not supported in the configured target environment
`,
})
}
func TestForbidStringExportNamesNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
let ok = true
export { ok as "ok", ok as "not ok" }
export { "same name" } from "./foo"
export { "name 1" as "name 2" } from "./foo"
export * as "name space" from "./foo"
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
},
expectedCompileLog: `entry.js: ERROR: Using the string "not ok" as an export name is not supported in the configured target environment
entry.js: ERROR: Using the string "same name" as an import name is not supported in the configured target environment
entry.js: ERROR: Using the string "name 1" as an import name is not supported in the configured target environment
entry.js: ERROR: Using the string "name 2" as an export name is not supported in the configured target environment
entry.js: ERROR: Using the string "name space" as an export name is not supported in the configured target environment
`,
})
}
func TestForbidStringImportNamesBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import { "nest ed" as nested } from "./nested.js"
export { nested }
`,
"/nested.js": `
import { "some import" as nested } from "external"
export { nested as "nest ed" }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
ExternalSettings: config.ExternalSettings{
PreResolve: config.ExternalMatchers{Exact: map[string]bool{
"external": true,
}},
},
},
expectedCompileLog: `nested.js: ERROR: Using the string "some import" as an import name is not supported in the configured target environment
`,
})
}
func TestForbidStringExportNamesBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import { "o.k." as ok } from "./internal.js"
export { ok as "ok", ok as "not ok" }
export * from "./nested.js"
export * as "name space" from "./nested.js"
`,
"/internal.js": `
let ok = true
export { ok as "o.k." }
`,
"/nested.js": `
export * from "./very-nested.js"
let nested = 1
export { nested as "nested name" }
`,
"/very-nested.js": `
let nested = 2
export { nested as "very nested name" }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
},
expectedCompileLog: `entry.js: ERROR: Using the string "not ok" as an export name is not supported in the configured target environment
entry.js: ERROR: Using the string "name space" as an export name is not supported in the configured target environment
nested.js: ERROR: Using the string "nested name" as an export name is not supported in the configured target environment
very-nested.js: ERROR: Using the string "very nested name" as an export name is not supported in the configured target environment
`,
})
}
func TestInjectWithStringExportNameNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(test)
`,
"/inject.js": `
const old = console.log
const fn = (...args) => old.apply(console, ['log:'].concat(args))
export { fn as "console.log" }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
InjectPaths: []string{"/inject.js"},
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
},
})
}
func TestInjectWithStringExportNameBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(test)
console.info(test)
console.warn(test)
`,
"/inject.js": `
const old = console.log
const fn = (...args) => old.apply(console, ['log:'].concat(args))
export { fn as "console.log" }
export { "console.log" as "console.info" } from "./inject.js"
import { "console.info" as info } from "./inject.js"
export { info as "console.warn" }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
InjectPaths: []string{"/inject.js"},
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
},
})
}
func TestInjectWithStringReExportNameNoBundle(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
console.log(test)
`,
"/inject.js": `
export { fn as "console.log" } from 'pkg'
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModePassThrough,
AbsOutputFile: "/out.js",
InjectPaths: []string{"/inject.js"},
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
},
})
}
func TestStringExportNamesCommonJS(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import { "some import" as someImport } from "./foo"
export { someImport as "some export" }
export * as "all the stuff" from "./foo"
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeConvertFormat,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatCommonJS,
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
},
})
}
func TestStringExportNamesIIFE(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import { "some import" as someImport } from "./foo"
export { someImport as "some export" }
export * as "all the stuff" from "./foo"
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeConvertFormat,
AbsOutputFile: "/out.js",
OutputFormat: config.FormatIIFE,
UnsupportedJSFeatures: compat.ArbitraryModuleNamespaceNames,
GlobalName: []string{"global", "name"},
},
})
}
func TestSourceIdentifierNameIndexSingleEntry(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
// Generate identifier names for top-level and nested files
"/Users/user/project/index.js": `
require('.')
require('pkg')
require('./nested')
`,
"/Users/user/project/nested/index.js": `exports.nested = true`,
"/Users/user/project/node_modules/pkg/index.js": `exports.pkg = true`,
},
entryPaths: []string{"/Users/user/project/index.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/Users/user/project/out",
},
})
}
func TestSourceIdentifierNameIndexMultipleEntry(t *testing.T) {
default_suite.expectBundled(t, bundled{
files: map[string]string{
// Generate identifier names for top-level and nested files
"/Users/user/project/home/index.js": `
require('.')
require('pkg')
require('../common')
`,
"/Users/user/project/about/index.js": `
require('.')
require('pkg')
require('../common')
`,
"/Users/user/project/common/index.js": `exports.common = true`,
"/Users/user/project/node_modules/pkg/index.js": `exports.pkg = true`,
},
entryPaths: []string{
"/Users/user/project/home/index.js",
"/Users/user/project/about/index.js",
},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputDir: "/Users/user/project/out",
},
})
}
func TestResolveExtensionsOrderIssue4053(t *testing.T) {
css_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
import test from "./Test"
import image from "expo-image"
console.log(test === 'Test.web.tsx')
console.log(image === 'Image.web.tsx')
`,
"/Test.web.tsx": `export default 'Test.web.tsx'`,
"/Test.tsx": `export default 'Test.tsx'`,
"/node_modules/expo-image/index.js": `
export { default } from "./Image"
`,
"/node_modules/expo-image/Image.web.tsx": `export default 'Image.web.tsx'`,
"/node_modules/expo-image/Image.tsx": `export default 'Image.tsx'`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
ExtensionOrder: []string{
".web.mjs",
".mjs",
".web.js",
".js",
".web.mts",
".mts",
".web.ts",
".ts",
".web.jsx",
".jsx",
".web.tsx",
".tsx",
".json",
},
},
})
}
func TestBundleESMWithNestedVarIssue4348(t *testing.T) {
css_suite.expectBundled(t, bundled{
files: map[string]string{
"/entry.js": `
require('./foo')
`,
"/foo.js": `
var a = 'a'
for (var b = 'b'; 0; ) ;
if (true) { var c = 'c' }
if (true) var d = 'd'
if (false) {} else var e = 'e'
var x = 1
while (x--) var f = 'f'
do var g = 'g'; while (0);
for (; x++; ) var h = 'h'
for (var y in 'y') var i = 'i'
for (var y of 'y') var j = 'j'
export { a, b, c, d, e, f, g, h, i, j }
`,
},
entryPaths: []string{"/entry.js"},
options: config.Options{
Mode: config.ModeBundle,
AbsOutputFile: "/out.js",
},
})
}