mirror of
https://github.com/hanzoai/playwright.git
synced 2026-09-24 17:01:53 +00:00
1305 lines
38 KiB
TypeScript
1305 lines
38 KiB
TypeScript
/**
|
|
* Copyright (c) Microsoft Corporation.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import fs from 'fs';
|
|
import path from 'path';
|
|
|
|
import { test, expect } from './playwright-test-fixtures';
|
|
|
|
test('should print tsconfig parsing error', async ({ runInlineTest }) => {
|
|
const files = {
|
|
'a.spec.ts': `
|
|
import { test } from '@playwright/test';
|
|
test('pass', async () => {});
|
|
`,
|
|
'tsconfig.json': `
|
|
"foo": "bar"
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.exitCode).toBe(1);
|
|
expect(result.output).toContain(`Failed to load tsconfig file at`);
|
|
expect(result.output).toContain(`tsconfig.json`);
|
|
expect(result.output).toContain(`JSON5: invalid character ':' at 2:12`);
|
|
});
|
|
|
|
test('should respect path resolver', async ({ runInlineTest }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/11656' });
|
|
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `
|
|
export default {
|
|
projects: [{name: 'foo'}],
|
|
};
|
|
`,
|
|
'tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"target": "ES2019",
|
|
"module": "commonjs",
|
|
"lib": ["esnext", "dom", "DOM.Iterable"],
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"util/*": ["./foo/bar/util/*"],
|
|
"util2/*": ["./foo/bar/util/*"],
|
|
"util3": ["./does-not-exist", "./foo/bar/util/b"],
|
|
},
|
|
},
|
|
}`,
|
|
'a.test.ts': `
|
|
import { foo } from 'util/b';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'b.test.ts': `
|
|
import { foo } from 'util2/b';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'c.test.ts': `
|
|
import { foo } from 'util3';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'foo/bar/util/b.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
'helper.ts': `
|
|
export { foo } from 'util3';
|
|
`,
|
|
'dir/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"target": "ES2019",
|
|
"module": "commonjs",
|
|
"lib": ["esnext", "dom", "DOM.Iterable"],
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"parent-util/*": ["../foo/bar/util/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'dir/inner.spec.ts': `
|
|
// This import should pick up <root>/dir/tsconfig
|
|
import { foo } from 'parent-util/b';
|
|
// This import should pick up <root>/tsconfig through the helper
|
|
import { foo as foo2 } from '../helper';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
expect(testInfo.project.name).toBe(foo2);
|
|
});
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(4);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
});
|
|
|
|
test('should respect baseurl', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `
|
|
export default {
|
|
projects: [{name: 'foo'}],
|
|
};
|
|
`,
|
|
'tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"target": "ES2019",
|
|
"module": "commonjs",
|
|
"lib": ["esnext", "dom", "DOM.Iterable"],
|
|
"baseUrl": "./foo",
|
|
"paths": {
|
|
"util/*": ["./bar/util/*"],
|
|
"util2": ["./bar/util/b"],
|
|
},
|
|
},
|
|
}`,
|
|
'a.test.ts': `
|
|
import { foo } from 'util/b';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'b.test.ts': `
|
|
import { foo } from 'util2';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'foo/bar/util/b.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(2);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should respect baseurl w/o paths', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'foo/bar/util/b.ts': `
|
|
export const foo = 42;
|
|
`,
|
|
'dir2/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"target": "ES2019",
|
|
"module": "commonjs",
|
|
"lib": ["esnext", "dom", "DOM.Iterable"],
|
|
"baseUrl": "..",
|
|
},
|
|
}`,
|
|
'dir2/inner.spec.ts': `
|
|
// This import should pick up ../foo/bar/util/b due to baseUrl.
|
|
import { foo } from 'foo/bar/util/b';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(foo).toBe(42);
|
|
});
|
|
`,
|
|
});
|
|
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
});
|
|
|
|
test('should fallback to *:* when baseurl and paths are specified', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'foo/bar/util/b.ts': `
|
|
export const foo = 42;
|
|
`,
|
|
'shared/x.ts': `
|
|
export const x = 43;
|
|
`,
|
|
'dir2/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"target": "ES2019",
|
|
"module": "commonjs",
|
|
"lib": ["esnext", "dom", "DOM.Iterable"],
|
|
"baseUrl": "..",
|
|
"paths": {
|
|
"shared/*": ["./shared/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'dir2/inner.spec.ts': `
|
|
// This import should pick up ../foo/bar/util/b due to baseUrl and *:* fallback.
|
|
import { foo } from 'foo/bar/util/b';
|
|
// This import should pick up ../shared/x due to baseUrl+paths.
|
|
import { x } from 'shared/x';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(foo).toBe(42);
|
|
expect(x).toBe(43);
|
|
});
|
|
`,
|
|
});
|
|
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
});
|
|
|
|
test('should use the location of the tsconfig as the paths root when no baseUrl is specified', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'foo/bar/util/b.ts': `
|
|
export const foo = 42;
|
|
`,
|
|
'dir2/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"target": "ES2019",
|
|
"module": "commonjs",
|
|
"lib": ["esnext", "dom", "DOM.Iterable"],
|
|
"paths": {"foo/*": ["../foo/*"]},
|
|
},
|
|
}`,
|
|
'dir2/inner.spec.ts': `
|
|
// This import should pick up ../foo/bar/util/b due to paths.
|
|
import { foo } from 'foo/bar/util/b';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(foo).toBe(42);
|
|
});
|
|
`,
|
|
});
|
|
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
});
|
|
|
|
test('should respect complex path resolver', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `
|
|
export default {
|
|
projects: [{name: 'foo'}],
|
|
};
|
|
`,
|
|
'tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"target": "ES2019",
|
|
"module": "commonjs",
|
|
"lib": ["esnext", "dom", "DOM.Iterable"],
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"prefix-*": ["./prefix-*/bar"],
|
|
"prefix-*-suffix": ["./prefix-*-suffix/bar"],
|
|
"*-suffix": ["./*-suffix/bar"],
|
|
"no-star": ["./no-star-foo"],
|
|
"longest-*": ["./this-is-not-the-longest-prefix"],
|
|
"longest-pre*": ["./this-is-the-longest-prefix"],
|
|
"*bar": ["./*bar"],
|
|
"*[bar]": ["*foo"],
|
|
},
|
|
},
|
|
}`,
|
|
'a.spec.ts': `
|
|
import { foo } from 'prefix-matchedstar';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'prefix-matchedstar/bar/index.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
'b.spec.ts': `
|
|
import { foo } from 'prefix-matchedstar-suffix';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'prefix-matchedstar-suffix/bar.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
'c.spec.ts': `
|
|
import { foo } from 'matchedstar-suffix';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'matchedstar-suffix/bar.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
'd.spec.ts': `
|
|
import { foo } from 'no-star';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'./no-star-foo.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
'e.spec.ts': `
|
|
import { foo } from 'longest-prefix';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'./this-is-the-longest-prefix.ts': `
|
|
// this module should be resolved as it matches by a longer prefix
|
|
export const foo: string = 'foo';
|
|
`,
|
|
'./this-is-not-the-longest-prefix.ts': `
|
|
// This module should't be resolved as it matches by a shorter prefix
|
|
export const bar: string = 'bar';
|
|
`,
|
|
'f.spec.ts': `
|
|
import { foo } from 'barfoobar';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'barfoobar.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
'g.spec.ts': `
|
|
import { foo } from 'foo/[bar]';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'foo/foo.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(7);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
});
|
|
|
|
test('should not use baseurl for relative imports', async ({ runInlineTest }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/15891' });
|
|
const result = await runInlineTest({
|
|
'frontend/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": "src",
|
|
},
|
|
}`,
|
|
'frontend/playwright/utils.ts': `
|
|
export const foo = 42;
|
|
`,
|
|
'frontend/playwright/tests/forms_cms_standard.spec.ts': `
|
|
// This relative import should not use baseUrl
|
|
import { foo } from '../utils';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(foo).toBe(42);
|
|
});
|
|
`,
|
|
});
|
|
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
});
|
|
|
|
test('should not use baseurl for relative imports when dir with same name exists', async ({ runInlineTest }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/15891' });
|
|
|
|
const result = await runInlineTest({
|
|
'frontend/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": "src",
|
|
},
|
|
}`,
|
|
'frontend/src/utils/foo.js': `
|
|
export const foo = -1;
|
|
`,
|
|
'frontend/src/index.js': `
|
|
export const index = -1;
|
|
`,
|
|
'frontend/src/.bar.js': `
|
|
export const bar = 42;
|
|
`,
|
|
'frontend/playwright/tests/utils.ts': `
|
|
export const foo = 42;
|
|
`,
|
|
'frontend/playwright/tests/index.js': `
|
|
export const index = 42;
|
|
`,
|
|
'frontend/playwright/tests/forms_cms_standard.spec.ts': `
|
|
// These relative imports should not use baseUrl
|
|
import { foo } from './utils';
|
|
import { index } from '.';
|
|
|
|
// This absolute import should use baseUrl
|
|
import { bar } from '.bar';
|
|
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(foo).toBe(42);
|
|
expect(index).toBe(42);
|
|
expect(bar).toBe(42);
|
|
});
|
|
`,
|
|
});
|
|
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
expect(result.output).not.toContain(`Cannot`);
|
|
});
|
|
|
|
test('should respect path resolver for JS files when allowJs', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `export default { projects: [{name: 'foo'}], };`,
|
|
'tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"allowJs": true,
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"util/*": ["./foo/bar/util/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'a.test.js': `
|
|
const { foo } = require('util/b');
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'foo/bar/util/b.ts': `
|
|
module.exports = { foo: 'foo' };
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should not respect path resolver for JS files w/o allowJS', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `export default { projects: [{name: 'foo'}], };`,
|
|
'tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"util/*": ["./foo/bar/util/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'a.test.js': `
|
|
const { foo } = require('util/b');
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'foo/bar/util/b.ts': `
|
|
module.exports = { foo: 'foo' };
|
|
`,
|
|
});
|
|
|
|
expect(result.output).toContain('Cannot find module \'util/b\'');
|
|
expect(result.exitCode).toBe(1);
|
|
});
|
|
|
|
test('should respect path resolver for JS and TS files from jsconfig.json', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `export default { projects: [{name: 'foo'}], };`,
|
|
'jsconfig.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"util/*": ["./foo/bar/util/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'a.test.js': `
|
|
const { foo } = require('util/b');
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'b.test.ts': `
|
|
import { foo } from 'util/b';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(testInfo.project.name).toBe(foo);
|
|
});
|
|
`,
|
|
'foo/bar/util/b.ts': `
|
|
module.exports = { foo: 'foo' };
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(2);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should support extends in tsconfig.json', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'tsconfig.json': `{
|
|
"extends": ["./tsconfig.base1.json", "./tsconfig.base2.json"],
|
|
}`,
|
|
'tsconfig.base1.json': `{
|
|
"extends": "./tsconfig.base.json",
|
|
"compilerOptions": {
|
|
"allowJs": true,
|
|
},
|
|
}`,
|
|
'tsconfig.base2.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": "dir",
|
|
},
|
|
}`,
|
|
'tsconfig.base.json': `{
|
|
"compilerOptions": {
|
|
"paths": {
|
|
"util/*": ["./foo/bar/util/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'a.test.js': `
|
|
// This js file is affected by tsconfig because allowJs is inherited.
|
|
// Next line resolve to the final baseUrl ("dir") + relative path mapping ("./foo/bar/util/*").
|
|
const { foo } = require('util/file');
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(foo).toBe('foo');
|
|
});
|
|
`,
|
|
'dir/foo/bar/util/file.ts': `
|
|
module.exports = { foo: 'foo' };
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should resolve paths relative to the originating config when extending and no baseUrl', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'tsconfig.json': `{
|
|
"extends": ["./dir/tsconfig.base.json"],
|
|
}`,
|
|
'dir/tsconfig.base.json': `{
|
|
"compilerOptions": {
|
|
"paths": {
|
|
"~/*": ["../mapped/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'a.test.ts': `
|
|
// This resolves relative to the base tsconfig that defined path mapping,
|
|
// because there is no baseUrl in the final tsconfig.
|
|
const { foo } = require('~/file');
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(foo).toBe('foo');
|
|
});
|
|
`,
|
|
'mapped/file.ts': `
|
|
module.exports = { foo: 'foo' };
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should resolve extends from an explicit node_modules subpath', async ({ runInlineTest }) => {
|
|
// The @tsconfig/* base packages are commonly referenced by an explicit subpath,
|
|
// e.g. "extends": "@tsconfig/node18/tsconfig.json". Playwright resolves such a
|
|
// value through the config's node_modules when it is not found relative to the
|
|
// config directory. Removing that fallback would break these configs.
|
|
const result = await runInlineTest({
|
|
'node_modules/@my/tsconfig-base/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"paths": {
|
|
"util/*": ["./mapped/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'tsconfig.json': `{
|
|
"extends": "@my/tsconfig-base/tsconfig.json",
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
},
|
|
}`,
|
|
'a.test.ts': `
|
|
import { foo } from 'util/file';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', () => {
|
|
expect(foo).toBe('foo');
|
|
});
|
|
`,
|
|
'mapped/file.ts': `
|
|
export const foo = 'foo';
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should ignore extends bare specifier resolvable only via node_modules walk-up', async ({ runInlineTest }, testInfo) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/41989' });
|
|
|
|
const baseDir = testInfo.outputPath();
|
|
const symlinkType = process.platform === 'win32' ? 'junction' : 'dir';
|
|
// npm symlinks "file:" dependencies into node_modules. The realpath escapes node_modules,
|
|
// so the dependency goes through per-file tsconfig discovery.
|
|
await fs.promises.mkdir(path.join(baseDir, 'node_modules'), { recursive: true });
|
|
await fs.promises.symlink(path.join(baseDir, 'dep-src'), path.join(baseDir, 'node_modules', 'dep'), symlinkType);
|
|
|
|
const result = await runInlineTest({
|
|
'package.json': JSON.stringify({ name: 'repro', private: true, dependencies: { 'dep': 'file:./dep-src', 'foo': '1.0.0' } }),
|
|
// "foo" is hoisted to the root node_modules and is absent from dep's own node_modules.
|
|
// tsc resolves the "extends" below by walking up node_modules from dep-src.
|
|
'node_modules/foo/package.json': JSON.stringify({ name: 'foo', version: '1.0.0', main: 'index.js' }),
|
|
'node_modules/foo/index.js': `module.exports = 'foo';`,
|
|
'node_modules/foo/tsconfig.json': `{ "compilerOptions": {} }`,
|
|
'dep-src/package.json': JSON.stringify({ name: 'dep', version: '1.0.0', main: 'index.js' }),
|
|
'dep-src/tsconfig.json': `{ "extends": "foo/tsconfig.json" }`,
|
|
'dep-src/index.js': `
|
|
require('foo');
|
|
module.exports = 'dep';
|
|
`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
const dep = require('dep');
|
|
test('test', () => {
|
|
expect(dep).toBe('dep');
|
|
});
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should ignore extends subpath resolvable only via package.json exports', async ({ runInlineTest }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/41989' });
|
|
|
|
const result = await runInlineTest({
|
|
'package.json': JSON.stringify({ name: 'test-project' }),
|
|
// The "./next" subpath only exists in the exports map, there is no "next.json" file.
|
|
'node_modules/@repo/tsconfig/package.json': JSON.stringify({ name: '@repo/tsconfig', version: '1.0.0', exports: { './next': './tsconfig.next.json' } }),
|
|
'node_modules/@repo/tsconfig/tsconfig.next.json': `{ "compilerOptions": {} }`,
|
|
'tsconfig.json': `{ "extends": "@repo/tsconfig/next" }`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', () => {});
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should ignore extends bare package name resolvable only via package.json exports', async ({ runInlineTest }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/41989' });
|
|
|
|
const result = await runInlineTest({
|
|
'package.json': JSON.stringify({ name: 'test-project' }),
|
|
'node_modules/typescript-config-silverwind/package.json': JSON.stringify({ name: 'typescript-config-silverwind', version: '1.0.0', exports: './tsconfig.json' }),
|
|
'node_modules/typescript-config-silverwind/tsconfig.json': `{ "compilerOptions": {} }`,
|
|
'tsconfig.json': `{ "extends": "typescript-config-silverwind" }`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', () => {});
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should ignore tsconfig references pointing to a directory', async ({ runInlineTest }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/41998' });
|
|
|
|
const result = await runInlineTest({
|
|
// tsc resolves a directory-form reference to "./sub/tsconfig.json",
|
|
// as written by "tsc --build" and "nx sync".
|
|
'tsconfig.json': `{
|
|
"compilerOptions": { "composite": true },
|
|
"references": [{ "path": "./sub" }],
|
|
}`,
|
|
'sub/tsconfig.json': `{
|
|
"compilerOptions": { "composite": true },
|
|
}`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', () => {});
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should respect tsconfig project references', async ({ runInlineTest }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/29256' });
|
|
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `export default { projects: [{name: 'foo'}], };`,
|
|
'tsconfig.json': `{
|
|
"files": [],
|
|
"references": [
|
|
{ "path": "./tsconfig.app.json" },
|
|
{ "path": "./tsconfig.test.json" }
|
|
]
|
|
}`,
|
|
'tsconfig.test.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"util/*": ["./foo/bar/util/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'foo/bar/util/b.ts': `
|
|
export const foo: string = 'foo';
|
|
`,
|
|
'a.test.ts': `
|
|
import { foo } from 'util/b';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}, testInfo) => {
|
|
expect(foo).toBe('foo');
|
|
});
|
|
`,
|
|
});
|
|
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
});
|
|
|
|
test('should respect --tsconfig option', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `
|
|
import { foo } from '~/foo';
|
|
export default {
|
|
testDir: './tests' + foo,
|
|
};
|
|
`,
|
|
'tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"~/*": ["./does-not-exist/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'tsconfig.special.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"~/*": ["./mapped-from-root/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'mapped-from-root/foo.ts': `
|
|
export const foo = 42;
|
|
`,
|
|
'tests42/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"~/*": ["../should-be-ignored/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'tests42/a.test.ts': `
|
|
import { foo } from '~/foo';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}) => {
|
|
expect(foo).toBe(42);
|
|
});
|
|
`,
|
|
'should-be-ignored/foo.ts': `
|
|
export const foo = 43;
|
|
`,
|
|
}, { tsconfig: 'tsconfig.special.json' });
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
});
|
|
|
|
test('should respect config.tsconfig option', async ({ runInlineTest }) => {
|
|
const result = await runInlineTest({
|
|
'playwright.config.ts': `
|
|
export { configFoo } from '~/foo';
|
|
export default {
|
|
testDir: './tests',
|
|
tsconfig: './tsconfig.tests.json',
|
|
};
|
|
`,
|
|
'tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"~/*": ["./mapped-from-config/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'mapped-from-config/foo.ts': `
|
|
export const configFoo = 17;
|
|
`,
|
|
'tsconfig.tests.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"~/*": ["./mapped-from-tests/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'mapped-from-tests/foo.ts': `
|
|
export const testFoo = 42;
|
|
`,
|
|
'tests/tsconfig.json': `{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"~/*": ["../should-be-ignored/*"],
|
|
},
|
|
},
|
|
}`,
|
|
'tests/a.test.ts': `
|
|
import { testFoo } from '~/foo';
|
|
import { configFoo } from '../playwright.config';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}) => {
|
|
expect(testFoo).toBe(42);
|
|
expect(configFoo).toBe(17);
|
|
});
|
|
`,
|
|
'should-be-ignored/foo.ts': `
|
|
export const testFoo = 43;
|
|
export const configFoo = 18;
|
|
`,
|
|
});
|
|
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.output).not.toContain(`Could not`);
|
|
});
|
|
|
|
test.describe('directory imports', () => {
|
|
test('should resolve index.js without path mapping in CJS', async ({ runInlineTest, runTSC }) => {
|
|
const files = {
|
|
'foo-pkg/index.js': `
|
|
exports.foo = 'bar';
|
|
`,
|
|
'foo-pkg/index.d.ts': `
|
|
export const foo: 'bar';
|
|
`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
import { foo } from './foo-pkg';
|
|
test('pass', async () => {
|
|
const bar: 'bar' = foo;
|
|
expect(bar).toBe('bar');
|
|
});
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should resolve index.js without path mapping in ESM', async ({ runInlineTest, runTSC }) => {
|
|
const files = {
|
|
'foo-pkg/index.js': `
|
|
export const foo = 'bar';
|
|
`,
|
|
'foo-pkg/index.d.ts': `
|
|
export const foo: 'bar';
|
|
`,
|
|
'package.json': `
|
|
{ "type": "module" }
|
|
`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
import { foo } from './foo-pkg';
|
|
test('pass', async () => {
|
|
const bar: 'bar' = foo;
|
|
expect(bar).toBe('bar');
|
|
});
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should resolve index.js after path mapping in CJS', async ({ runInlineTest, runTSC }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/31811' });
|
|
|
|
const files = {
|
|
'@acme/lib/index.js': `
|
|
exports.greet = () => 2;
|
|
`,
|
|
'@acme/lib/index.d.ts': `
|
|
export const greet: () => number;
|
|
`,
|
|
'tests/hello.test.ts': `
|
|
import { greet } from '@acme/lib';
|
|
import { test, expect } from '@playwright/test';
|
|
test('hello', async ({}) => {
|
|
const foo: number = greet();
|
|
expect(foo).toBe(2);
|
|
});
|
|
`,
|
|
'tsconfig.json': `
|
|
{
|
|
"compilerOptions": {
|
|
"paths": {
|
|
"@acme/*": ["./@acme/*"]
|
|
},
|
|
"moduleResolution": "bundler",
|
|
"module": "preserve",
|
|
"noEmit": true,
|
|
"noImplicitAny": true,
|
|
"types": ["node"]
|
|
}
|
|
}
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should resolve index.js after path mapping in ESM', async ({ runInlineTest, runTSC }) => {
|
|
test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/31811' });
|
|
|
|
const files = {
|
|
'@acme/lib/index.js': `
|
|
export const greet = () => 2;
|
|
`,
|
|
'@acme/lib/index.d.ts': `
|
|
export const greet: () => number;
|
|
`,
|
|
'package.json': `
|
|
{ "type": "module" }
|
|
`,
|
|
'tests/hello.test.ts': `
|
|
import { greet } from '@acme/lib';
|
|
import { test, expect } from '@playwright/test';
|
|
test('hello', async ({}) => {
|
|
const foo: number = greet();
|
|
expect(foo).toBe(2);
|
|
});
|
|
`,
|
|
'tsconfig.json': `
|
|
{
|
|
"compilerOptions": {
|
|
"paths": {
|
|
"@acme/*": ["./@acme/*"]
|
|
},
|
|
"moduleResolution": "bundler",
|
|
"module": "preserve",
|
|
"noEmit": true,
|
|
"noImplicitAny": true,
|
|
"types": ["node"]
|
|
}
|
|
}
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should respect package.json#main after path mapping in CJS', async ({ runInlineTest, runTSC }) => {
|
|
const files = {
|
|
'app/pkg/main.ts': `
|
|
export const foo = 42;
|
|
`,
|
|
'app/pkg/package.json': `
|
|
{ "main": "main.ts" }
|
|
`,
|
|
'package.json': `
|
|
{ "name": "example-project" }
|
|
`,
|
|
'playwright.config.ts': `
|
|
export default {};
|
|
`,
|
|
'tsconfig.json': `
|
|
{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"app/*": ["app/*"]
|
|
},
|
|
"moduleResolution": "bundler",
|
|
"module": "preserve",
|
|
"noEmit": true,
|
|
"noImplicitAny": true,
|
|
"types": ["node"],
|
|
"ignoreDeprecations": "6.0"
|
|
}
|
|
}
|
|
`,
|
|
'example.spec.ts': `
|
|
import { foo } from 'app/pkg';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}) => {
|
|
const bar: number = foo;
|
|
expect(bar).toBe(42);
|
|
});
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.output).not.toContain(`find module`);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should respect package.json#main after path mapping in ESM', async ({ runInlineTest, runTSC }) => {
|
|
const files = {
|
|
'app/pkg/main.ts': `
|
|
export const foo = 42;
|
|
`,
|
|
'app/pkg/package.json': `
|
|
{ "main": "main.ts", "type": "module" }
|
|
`,
|
|
'package.json': `
|
|
{ "name": "example-project", "type": "module" }
|
|
`,
|
|
'playwright.config.ts': `
|
|
export default {};
|
|
`,
|
|
'tsconfig.json': `
|
|
{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"app/*": ["app/*"]
|
|
},
|
|
"moduleResolution": "bundler",
|
|
"module": "preserve",
|
|
"noEmit": true,
|
|
"noImplicitAny": true,
|
|
"types": ["node"],
|
|
"ignoreDeprecations": "6.0"
|
|
},
|
|
}
|
|
`,
|
|
'example.spec.ts': `
|
|
import { foo } from 'app/pkg';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}) => {
|
|
const bar: number = foo;
|
|
expect(bar).toBe(42);
|
|
});
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should respect package.json#exports without path mapping in CJS', async ({ runInlineTest, runTSC }) => {
|
|
const files = {
|
|
'node_modules/foo-pkg/package.json': `
|
|
{ "name": "foo-pkg", "exports": { ".": "./foo.js" } }
|
|
`,
|
|
'node_modules/foo-pkg/foo.js': `
|
|
exports.foo = 'bar';
|
|
`,
|
|
'node_modules/foo-pkg/foo.d.ts': `
|
|
export const foo: 'bar';
|
|
`,
|
|
'package.json': `
|
|
{ "name": "test-project" }
|
|
`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
import { foo } from 'foo-pkg';
|
|
test('pass', async () => {
|
|
const bar: 'bar' = foo;
|
|
expect(bar).toBe('bar');
|
|
});
|
|
`,
|
|
'tsconfig.json': `
|
|
{
|
|
"compilerOptions": {
|
|
"moduleResolution": "bundler",
|
|
"module": "preserve",
|
|
"noEmit": true,
|
|
"noImplicitAny": true,
|
|
"types": ["node"]
|
|
},
|
|
}
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should respect package.json#exports without path mapping in ESM', async ({ runInlineTest, runTSC }) => {
|
|
const files = {
|
|
'node_modules/foo-pkg/package.json': `
|
|
{ "name": "foo-pkg", "type": "module", "exports": { "default": "./foo.js" } }
|
|
`,
|
|
'node_modules/foo-pkg/foo.js': `
|
|
export const foo = 'bar';
|
|
`,
|
|
'node_modules/foo-pkg/foo.d.ts': `
|
|
export const foo: 'bar';
|
|
`,
|
|
'package.json': `
|
|
{ "name": "test-project", "type": "module" }
|
|
`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
import { foo } from 'foo-pkg';
|
|
test('pass', async () => {
|
|
const bar: 'bar' = foo;
|
|
expect(bar).toBe('bar');
|
|
});
|
|
`,
|
|
'tsconfig.json': `
|
|
{
|
|
"compilerOptions": {
|
|
"moduleResolution": "bundler",
|
|
"module": "preserve",
|
|
"noEmit": true,
|
|
"noImplicitAny": true,
|
|
"types": ["node"]
|
|
},
|
|
}
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.passed).toBe(1);
|
|
expect(result.exitCode).toBe(0);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should not respect package.json#exports after type mapping in CJS', async ({ runInlineTest, runTSC }) => {
|
|
const files = {
|
|
'app/pkg/main.ts': `
|
|
export const filename: 'main.ts' = 'main.ts';
|
|
`,
|
|
'app/pkg/index.js': `
|
|
export const filename = 'index.js';
|
|
`,
|
|
'app/pkg/index.d.ts': `
|
|
export const filename: 'index.js';
|
|
`,
|
|
'app/pkg/package.json': `
|
|
{ "exports": { ".": "./main.ts" } }
|
|
`,
|
|
'package.json': `
|
|
{ "name": "example-project" }
|
|
`,
|
|
'playwright.config.ts': `
|
|
export default {};
|
|
`,
|
|
'tsconfig.json': `
|
|
{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"app/*": ["app/*"]
|
|
},
|
|
"moduleResolution": "bundler",
|
|
"module": "preserve",
|
|
"noEmit": true,
|
|
"noImplicitAny": true,
|
|
"types": ["node"],
|
|
"ignoreDeprecations": "6.0"
|
|
}
|
|
}
|
|
`,
|
|
'example.spec.ts': `
|
|
import { filename } from 'app/pkg';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}) => {
|
|
const foo: 'index.js' = filename;
|
|
expect(foo).toBe('index.js');
|
|
});
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
|
|
test('should not respect package.json#exports after type mapping in ESM', async ({ runInlineTest, runTSC }) => {
|
|
const files = {
|
|
'app/pkg/main.ts': `
|
|
export const filename: 'main.ts' = 'main.ts';
|
|
`,
|
|
'app/pkg/index.js': `
|
|
export const filename = 'index.js';
|
|
`,
|
|
'app/pkg/index.d.ts': `
|
|
export const filename: 'index.js';
|
|
`,
|
|
'app/pkg/package.json': `
|
|
{ "exports": { ".": "./main.ts" }, "type": "module" }
|
|
`,
|
|
'package.json': `
|
|
{ "name": "example-project", "type": "module" }
|
|
`,
|
|
'playwright.config.ts': `
|
|
export default {};
|
|
`,
|
|
'tsconfig.json': `
|
|
{
|
|
"compilerOptions": {
|
|
"baseUrl": ".",
|
|
"paths": {
|
|
"app/*": ["app/*"]
|
|
},
|
|
"moduleResolution": "bundler",
|
|
"module": "preserve",
|
|
"noEmit": true,
|
|
"noImplicitAny": true,
|
|
"types": ["node"],
|
|
"ignoreDeprecations": "6.0"
|
|
}
|
|
}
|
|
`,
|
|
'example.spec.ts': `
|
|
import { filename } from 'app/pkg';
|
|
import { test, expect } from '@playwright/test';
|
|
test('test', ({}) => {
|
|
const foo: 'index.js' = filename;
|
|
expect(foo).toBe('index.js');
|
|
});
|
|
`,
|
|
};
|
|
|
|
const result = await runInlineTest(files);
|
|
expect(result.exitCode).toBe(0);
|
|
expect(result.passed).toBe(1);
|
|
|
|
const tscResult = await runTSC(files);
|
|
expect(tscResult.exitCode).toBe(0);
|
|
});
|
|
});
|