From 0c8a5e8da774f3ef8144536ac9dae6ea89301aa5 Mon Sep 17 00:00:00 2001 From: Janka Uryga Date: Fri, 20 Dec 2024 01:56:39 +0100 Subject: [PATCH] test: add tests --- .../app/import-cjs/page.tsx | 11 +++++++ .../app/import-esm/page.tsx | 11 +++++++ .../app/layout.tsx | 8 +++++ .../app/require-cjs/page.tsx | 11 +++++++ .../app/require-esm/page.tsx | 11 +++++++ .../index.test.ts | 31 +++++++++++++++++++ .../next.config.js | 6 ++++ .../node_modules/lib-cjs/index.js | 3 ++ .../node_modules/lib-cjs/index.mjs | 3 ++ .../node_modules/lib-cjs/package.json | 10 ++++++ .../node_modules/lib-esm/index.cjs | 3 ++ .../node_modules/lib-esm/index.js | 3 ++ .../node_modules/lib-esm/package.json | 10 ++++++ 13 files changed, 121 insertions(+) create mode 100644 test/e2e/app-dir/client-module-with-package-type/app/import-cjs/page.tsx create mode 100644 test/e2e/app-dir/client-module-with-package-type/app/import-esm/page.tsx create mode 100644 test/e2e/app-dir/client-module-with-package-type/app/layout.tsx create mode 100644 test/e2e/app-dir/client-module-with-package-type/app/require-cjs/page.tsx create mode 100644 test/e2e/app-dir/client-module-with-package-type/app/require-esm/page.tsx create mode 100644 test/e2e/app-dir/client-module-with-package-type/index.test.ts create mode 100644 test/e2e/app-dir/client-module-with-package-type/next.config.js create mode 100644 test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/index.js create mode 100644 test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/index.mjs create mode 100644 test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/package.json create mode 100644 test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/index.cjs create mode 100644 test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/index.js create mode 100644 test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/package.json diff --git a/test/e2e/app-dir/client-module-with-package-type/app/import-cjs/page.tsx b/test/e2e/app-dir/client-module-with-package-type/app/import-cjs/page.tsx new file mode 100644 index 00000000000000..60befa195889bd --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/app/import-cjs/page.tsx @@ -0,0 +1,11 @@ +import * as React from 'react' + +import EsmFromCjs from 'lib-cjs' + +export default function Page() { + return ( +

+ lib-cjs: +

+ ) +} diff --git a/test/e2e/app-dir/client-module-with-package-type/app/import-esm/page.tsx b/test/e2e/app-dir/client-module-with-package-type/app/import-esm/page.tsx new file mode 100644 index 00000000000000..4469d96d5dc26e --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/app/import-esm/page.tsx @@ -0,0 +1,11 @@ +import * as React from 'react' + +import EsmFromEsm from 'lib-esm' + +export default function Page() { + return ( +

+ lib-esm: +

+ ) +} diff --git a/test/e2e/app-dir/client-module-with-package-type/app/layout.tsx b/test/e2e/app-dir/client-module-with-package-type/app/layout.tsx new file mode 100644 index 00000000000000..888614deda3ba5 --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/app/layout.tsx @@ -0,0 +1,8 @@ +import { ReactNode } from 'react' +export default function Root({ children }: { children: ReactNode }) { + return ( + + {children} + + ) +} diff --git a/test/e2e/app-dir/client-module-with-package-type/app/require-cjs/page.tsx b/test/e2e/app-dir/client-module-with-package-type/app/require-cjs/page.tsx new file mode 100644 index 00000000000000..1dc7a4bf667867 --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/app/require-cjs/page.tsx @@ -0,0 +1,11 @@ +import * as React from 'react' + +const CjsFromCjs = require('lib-cjs') + +export default function Page() { + return ( +

+ lib-cjs: +

+ ) +} diff --git a/test/e2e/app-dir/client-module-with-package-type/app/require-esm/page.tsx b/test/e2e/app-dir/client-module-with-package-type/app/require-esm/page.tsx new file mode 100644 index 00000000000000..fb20339de17b05 --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/app/require-esm/page.tsx @@ -0,0 +1,11 @@ +import * as React from 'react' + +const CjsFromEsm = require('lib-esm') + +export default function Page() { + return ( +

+ lib-esm: +

+ ) +} diff --git a/test/e2e/app-dir/client-module-with-package-type/index.test.ts b/test/e2e/app-dir/client-module-with-package-type/index.test.ts new file mode 100644 index 00000000000000..7b70d442bab65b --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/index.test.ts @@ -0,0 +1,31 @@ +import { nextTestSetup } from 'e2e-utils' + +describe('esm-client-module-without-exports', () => { + const { next } = nextTestSetup({ + files: __dirname, + }) + + describe('"type": "commonjs" in package.json', () => { + it('should render without errors: import cjs', async () => { + const $ = await next.render$('/import-cjs') + expect($('p').text()).toContain('lib-cjs: esm') + }) + + it('should render without errors: require cjs', async () => { + const $ = await next.render$('/require-cjs') + expect($('p').text()).toContain('lib-cjs: cjs') + }) + }) + + describe('"type": "module" in package.json', () => { + it('should render without errors: import esm', async () => { + const $ = await next.render$('/import-esm') + expect($('p').text()).toContain('lib-esm: esm') + }) + + it('should render without errors: require esm', async () => { + const $ = await next.render$('/require-esm') + expect($('p').text()).toContain('lib-esm: cjs') + }) + }) +}) diff --git a/test/e2e/app-dir/client-module-with-package-type/next.config.js b/test/e2e/app-dir/client-module-with-package-type/next.config.js new file mode 100644 index 00000000000000..807126e4cf0bf5 --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/next.config.js @@ -0,0 +1,6 @@ +/** + * @type {import('next').NextConfig} + */ +const nextConfig = {} + +module.exports = nextConfig diff --git a/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/index.js b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/index.js new file mode 100644 index 00000000000000..271c41e8ce8333 --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/index.js @@ -0,0 +1,3 @@ +'use client' +console.log('lib-cjs :: cjs') +module.exports = () => 'cjs' diff --git a/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/index.mjs b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/index.mjs new file mode 100644 index 00000000000000..8a112198a72efa --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/index.mjs @@ -0,0 +1,3 @@ +'use client' +console.log('lib-cjs :: esm') +export default () => 'esm' diff --git a/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/package.json b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/package.json new file mode 100644 index 00000000000000..a8d5b97fc0b92c --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-cjs/package.json @@ -0,0 +1,10 @@ +{ + "name": "lib-cjs", + "type": "commonjs", + "exports": { + ".": { + "import": "./index.mjs", + "default": "./index.js" + } + } +} diff --git a/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/index.cjs b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/index.cjs new file mode 100644 index 00000000000000..9973246dc0833d --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/index.cjs @@ -0,0 +1,3 @@ +'use client' +console.log('lib-esm :: cjs') +module.exports = () => 'cjs' \ No newline at end of file diff --git a/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/index.js b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/index.js new file mode 100644 index 00000000000000..2fc1856c0840ae --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/index.js @@ -0,0 +1,3 @@ +'use client' +console.log('lib-esm :: esm') +export default () => 'esm' diff --git a/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/package.json b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/package.json new file mode 100644 index 00000000000000..e432daa17225d0 --- /dev/null +++ b/test/e2e/app-dir/client-module-with-package-type/node_modules/lib-esm/package.json @@ -0,0 +1,10 @@ +{ + "name": "lib-esm", + "type": "module", + "exports": { + ".": { + "require": "./index.cjs", + "default": "./index.js" + } + } +}