| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  | /** | 
					
						
							|  |  |  |  |  * 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. | 
					
						
							|  |  |  |  |  */ | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-02-05 16:47:39 -08:00
										 |  |  |  | import { test, expect, playwrightCtConfigText } from './playwright-test-fixtures'; | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should load nested as esm when package.json has type module', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'playwright.config.js': `
 | 
					
						
							|  |  |  |  |       import * as fs from 'fs'; | 
					
						
							|  |  |  |  |       export default { projects: [{name: 'foo'}] }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'package.json': JSON.stringify({ type: 'module' }), | 
					
						
							|  |  |  |  |     'nested/folder/a.esm.test.js': `
 | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(testInfo.project.name).toBe('foo'); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-04-23 10:13:01 -07:00
										 |  |  |  | test('should support import attributes', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'playwright.config.ts': `
 | 
					
						
							|  |  |  |  |       import packageJSON from './package.json' with { type: 'json' }; | 
					
						
							| 
									
										
										
										
											2024-05-14 18:59:41 +02:00
										 |  |  |  |       console.log('imported value (config): ' + packageJSON.foo); | 
					
						
							| 
									
										
										
										
											2024-04-23 10:13:01 -07:00
										 |  |  |  |       export default { }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							| 
									
										
										
										
											2024-05-14 18:59:41 +02:00
										 |  |  |  |     'package.json': JSON.stringify({ type: 'module', foo: 'bar' }), | 
					
						
							| 
									
										
										
										
											2024-04-23 10:13:01 -07:00
										 |  |  |  |     'a.test.ts': `
 | 
					
						
							| 
									
										
										
										
											2024-05-14 18:59:41 +02:00
										 |  |  |  |       import config from './package.json' with { type: 'json' }; | 
					
						
							|  |  |  |  |       console.log('imported value (test): ' + config.foo); | 
					
						
							| 
									
										
										
										
											2024-04-23 10:13:01 -07:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       test('pass', async () => {}); | 
					
						
							|  |  |  |  |     `
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							| 
									
										
										
										
											2024-05-14 18:59:41 +02:00
										 |  |  |  |   expect(result.stdout).toContain('imported value (config): bar'); | 
					
						
							|  |  |  |  |   expect(result.stdout).toContain('imported value (test): bar'); | 
					
						
							| 
									
										
										
										
											2024-04-23 10:13:01 -07:00
										 |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should import esm from ts when package.json has type module in experimental mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'playwright.config.ts': `
 | 
					
						
							|  |  |  |  |       import * as fs from 'fs'; | 
					
						
							|  |  |  |  |       export default { projects: [{name: 'foo'}] }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'package.json': JSON.stringify({ type: 'module' }), | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { foo } from './b.ts'; | 
					
						
							|  |  |  |  |       import { bar } from './c.js'; | 
					
						
							|  |  |  |  |       import { qux } from './d.js'; | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(testInfo.project.name).toBe('foo'); | 
					
						
							|  |  |  |  |         expect(bar).toBe('bar'); | 
					
						
							|  |  |  |  |         expect(qux).toBe('qux'); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'b.ts': `
 | 
					
						
							|  |  |  |  |       export const foo: string = 'foo'; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'c.ts': `
 | 
					
						
							|  |  |  |  |       export const bar: string = 'bar'; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'd.js': `
 | 
					
						
							|  |  |  |  |       export const qux = 'qux'; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }, {}); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should propagate subprocess exit code in experimental mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': JSON.stringify({ type: 'module' }), | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |       test('failing test', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(1).toBe(2); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }, {}); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(1); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should respect path resolver in experimental mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': JSON.stringify({ type: 'module' }), | 
					
						
							|  |  |  |  |     'playwright.config.ts': `
 | 
					
						
							| 
									
										
										
										
											2024-08-06 06:55:15 -07:00
										 |  |  |  |       // Make sure that config can use the path mapping.
 | 
					
						
							|  |  |  |  |       import { foo } from 'util/b.js'; | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |       export default { | 
					
						
							| 
									
										
										
										
											2024-08-06 06:55:15 -07:00
										 |  |  |  |         projects: [{ name: foo }], | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |       }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'tsconfig.json': `{
 | 
					
						
							|  |  |  |  |       "compilerOptions": { | 
					
						
							|  |  |  |  |         "target": "ES2019", | 
					
						
							|  |  |  |  |         "module": "commonjs", | 
					
						
							|  |  |  |  |         "lib": ["esnext", "dom", "DOM.Iterable"], | 
					
						
							|  |  |  |  |         "baseUrl": ".", | 
					
						
							|  |  |  |  |         "paths": { | 
					
						
							|  |  |  |  |           "util/*": ["./foo/bar/util/*"], | 
					
						
							|  |  |  |  |         }, | 
					
						
							|  |  |  |  |       }, | 
					
						
							|  |  |  |  |     }`,
 | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							| 
									
										
										
										
											2022-10-05 17:00:49 -08:00
										 |  |  |  |       import { foo } from 'util/b.js'; | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							| 
									
										
										
										
											2024-08-06 06:55:15 -07:00
										 |  |  |  |         expect(testInfo.project.name).toBe('foo'); | 
					
						
							|  |  |  |  |         expect(foo).toBe('foo'); | 
					
						
							| 
									
										
										
										
											2022-03-28 14:37:46 -07:00
										 |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'foo/bar/util/b.ts': `
 | 
					
						
							|  |  |  |  |       export const foo: string = 'foo'; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }, {}); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							| 
									
										
										
										
											2022-06-01 16:50:23 -07:00
										 |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should use source maps', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  |   test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/15202' }); | 
					
						
							| 
									
										
										
										
											2022-06-01 16:50:23 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `
 | 
					
						
							|  |  |  |  |       export default { projects: [{name: 'foo'}] }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							| 
									
										
										
										
											2022-06-01 16:50:23 -07:00
										 |  |  |  | 
 | 
					
						
							|  |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(testInfo.project.name).toBe('foo'); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `
 | 
					
						
							|  |  |  |  |   }, { reporter: 'list' }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-02-07 15:11:44 -08:00
										 |  |  |  |   const output = result.output; | 
					
						
							| 
									
										
										
										
											2022-06-01 16:50:23 -07:00
										 |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |   expect(output).toContain('[foo] › a.test.ts:4:7 › check project name'); | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-02-12 16:39:53 -08:00
										 |  |  |  | test('should use source maps when importing a file throws an error', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/29418' }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `
 | 
					
						
							|  |  |  |  |       export default {}; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |       throw new Error('Oh my!'); | 
					
						
							|  |  |  |  |     `
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.output).toContain(`Error: Oh my!
 | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |    at a.test.ts:4 | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   2 |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |   3 | | 
					
						
							|  |  |  |  | > 4 |       throw new Error('Oh my!'); | 
					
						
							|  |  |  |  |     |             ^ | 
					
						
							|  |  |  |  |   `);
 | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should show the codeframe in errors', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `
 | 
					
						
							|  |  |  |  |       export default { projects: [{name: 'foo'}] }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  | 
 | 
					
						
							|  |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(1).toBe(2); | 
					
						
							|  |  |  |  |         expect(testInfo.project.name).toBe('foo'); | 
					
						
							|  |  |  |  |       }); | 
					
						
							| 
									
										
										
										
											2022-06-30 21:17:08 +02:00
										 |  |  |  | 
 | 
					
						
							|  |  |  |  |       test('foobar', async ({}) => { | 
					
						
							|  |  |  |  |         const error = new Error('my-message'); | 
					
						
							|  |  |  |  |         error.name = 'FooBarError'; | 
					
						
							|  |  |  |  |         throw error; | 
					
						
							|  |  |  |  |       }); | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  |     `
 | 
					
						
							| 
									
										
										
										
											2022-06-30 21:17:08 +02:00
										 |  |  |  |   }, { reporter: 'list' }, { | 
					
						
							|  |  |  |  |     FORCE_COLOR: '0', | 
					
						
							|  |  |  |  |   }); | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-02-07 15:11:44 -08:00
										 |  |  |  |   const output = result.output; | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  |   expect(result.exitCode).toBe(1); | 
					
						
							| 
									
										
										
										
											2022-06-30 21:17:08 +02:00
										 |  |  |  |   expect(result.failed).toBe(2); | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  |   expect(output, 'error carrot—via source maps—is positioned appropriately').toContain( | 
					
						
							|  |  |  |  |       [ | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |         `    > 5 |         expect(1).toBe(2);`, | 
					
						
							|  |  |  |  |         `        |                   ^` | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  |       ].join('\n')); | 
					
						
							| 
									
										
										
										
											2022-06-30 21:17:08 +02:00
										 |  |  |  |   expect(result.output).toContain('FooBarError: my-message'); | 
					
						
							|  |  |  |  |   expect(result.output).not.toContain('at a.test.ts'); | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |   expect(result.output).toContain(`   9 |       test('foobar', async ({}) => {`); | 
					
						
							|  |  |  |  |   expect(result.output).toContain(`> 10 |         const error = new Error('my-message');`); | 
					
						
							| 
									
										
										
										
											2022-06-30 21:17:08 +02:00
										 |  |  |  |   expect(result.output).toContain('     |                       ^'); | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |   expect(result.output).toContain('  11 |         error.name = \'FooBarError\';'); | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should filter by line', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  |   test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/15200' }); | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `
 | 
					
						
							|  |  |  |  |       export default { projects: [{name: 'foo'}] }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'foo/x.spec.ts': `
 | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       test('one', () => { expect(1).toBe(2); }); | 
					
						
							|  |  |  |  |       test('two', () => { expect(1).toBe(2); }); | 
					
						
							|  |  |  |  |       test('three', () => { expect(1).toBe(2); }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'foo/y.spec.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       test('fails', () => { expect(1).toBe(2); }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }, undefined, undefined, { additionalArgs: ['x.spec.ts:4'] }); | 
					
						
							| 
									
										
										
										
											2022-06-29 13:26:48 -07:00
										 |  |  |  |   expect(result.exitCode).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.failed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.output).toMatch(/x\.spec\.ts.*two/); | 
					
						
							| 
									
										
										
										
											2022-06-01 16:50:23 -07:00
										 |  |  |  | }); | 
					
						
							| 
									
										
										
										
											2023-01-13 10:49:10 -08:00
										 |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-06-05 17:58:25 +02:00
										 |  |  |  | test('should resolve directory import to index.js file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils/index.js': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should resolve directory import to index.ts file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils/index.ts': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should resolve directory import to index.tsx file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils/index.tsx': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should resolve directory import to index.mjs file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils/index.mjs': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should resolve directory import to index.jsx file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils/index.jsx': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should resolve file import before directory import in ESM mode', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils.js': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils/index.js': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         // intentionally return the wrong thing because this file shouldn't be resolved.
 | 
					
						
							|  |  |  |  |         return 2; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should resolve .js import to .ts file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2023-01-13 10:49:10 -08:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							| 
									
										
										
										
											2023-01-13 10:49:10 -08:00
										 |  |  |  |       import { gimmeAOne } from './playwright-utils.js'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils.ts': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should resolve .js import to .tsx file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2023-01-13 10:49:10 -08:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							| 
									
										
										
										
											2023-02-14 19:20:56 -08:00
										 |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							| 
									
										
										
										
											2023-01-13 10:49:10 -08:00
										 |  |  |  |       import { gimmeAOne } from './playwright-utils.js'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils.tsx': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							| 
									
										
										
										
											2023-05-09 16:26:29 -07:00
										 |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should resolve .js import to .jsx file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2023-05-09 16:26:29 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils.js'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils.jsx': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should resolve no-extension import to .ts file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2023-05-09 16:26:29 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils.ts': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should resolve no-extension import to .tsx file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2023-05-09 16:26:29 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils.tsx': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should resolve no-extension import to .jsx file in ESM mode', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2023-05-09 16:26:29 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default { projects: [{name: 'foo'}] };`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { gimmeAOne } from './playwright-utils'; | 
					
						
							|  |  |  |  |       test('pass', ({}) => { | 
					
						
							|  |  |  |  |         expect(gimmeAOne()).toBe(1); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'playwright-utils.jsx': `
 | 
					
						
							|  |  |  |  |       export function gimmeAOne() { | 
					
						
							|  |  |  |  |         return 1; | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							| 
									
										
										
										
											2023-01-13 10:49:10 -08:00
										 |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-16 11:07:34 -07:00
										 |  |  |  | test('should resolve .js import to .tsx file in ESM mode for components', async ({ runInlineTest }) => { | 
					
						
							| 
									
										
										
										
											2023-01-13 10:49:10 -08:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							| 
									
										
										
										
											2024-02-05 16:47:39 -08:00
										 |  |  |  |     'playwright.config.ts': playwrightCtConfigText, | 
					
						
							| 
									
										
										
										
											2023-01-13 10:49:10 -08:00
										 |  |  |  |     'playwright/index.html': `<script type="module" src="./index.ts"></script>`, | 
					
						
							|  |  |  |  |     'playwright/index.ts': ``, | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |     'src/button.tsx': `
 | 
					
						
							|  |  |  |  |       export const Button = () => <button>Button</button>; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |     'src/test.spec.tsx': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/experimental-ct-react'; | 
					
						
							|  |  |  |  |       import { Button } from './button.js'; | 
					
						
							|  |  |  |  |       test('pass', async ({ mount }) => { | 
					
						
							|  |  |  |  |         await mount(<Button></Button>); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }, { workers: 1 }); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); | 
					
						
							| 
									
										
										
										
											2023-05-11 15:41:50 -07:00
										 |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should load cjs config and test in non-ESM mode', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.cjs': `
 | 
					
						
							|  |  |  |  |       const fs = require('fs'); | 
					
						
							|  |  |  |  |       module.exports = { projects: [{name: 'foo'}] }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'a.test.js': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(testInfo.project.name).toBe('foo'); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'b.spec.cjs': `
 | 
					
						
							|  |  |  |  |       const { test, expect } = require('@playwright/test'); | 
					
						
							|  |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(testInfo.project.name).toBe('foo'); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(2); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-03-18 21:54:25 -07:00
										 |  |  |  | test('should allow ESM when config is cjs', async ({ runInlineTest, nodeVersion }) => { | 
					
						
							|  |  |  |  |   test.skip(nodeVersion.major < 18, 'ESM loader is enabled conditionally with older API'); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-05-11 15:41:50 -07:00
										 |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.cjs': `
 | 
					
						
							|  |  |  |  |       const fs = require('fs'); | 
					
						
							|  |  |  |  |       module.exports = { projects: [{name: 'foo'}] }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(testInfo.project.name).toBe('foo'); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-03-18 21:54:25 -07:00
										 |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should load mts without config', async ({ runInlineTest, nodeVersion }) => { | 
					
						
							|  |  |  |  |   test.skip(nodeVersion.major < 18, 'ESM loader is enabled conditionally with older API'); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'a.test.mts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(true).toBe(true); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							| 
									
										
										
										
											2023-05-11 15:41:50 -07:00
										 |  |  |  | }); | 
					
						
							| 
									
										
										
										
											2023-08-11 18:37:14 +02:00
										 |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-04-05 07:03:27 -07:00
										 |  |  |  | test('should load type module without config', async ({ runInlineTest, nodeVersion }) => { | 
					
						
							|  |  |  |  |   test.skip(nodeVersion.major < 18, 'ESM loader is enabled conditionally with older API'); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'helper.js': `
 | 
					
						
							|  |  |  |  |       const foo = 42; | 
					
						
							|  |  |  |  |       export default foo; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import foo from './helper.js'; | 
					
						
							|  |  |  |  |       test('check project name', ({}, testInfo) => { | 
					
						
							|  |  |  |  |         expect(foo).toBe(42); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  | }); | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-08-11 18:37:14 +02:00
										 |  |  |  | test('should be able to use use execSync with a Node.js file inside a spec', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/24516' }); | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'global-setup.ts': `
 | 
					
						
							|  |  |  |  |       import { execSync, spawnSync, fork } from 'child_process'; | 
					
						
							|  |  |  |  |       console.log('%%global-setup import level'); | 
					
						
							|  |  |  |  |       console.log('%%execSync: ' + execSync('node hello.js').toString()); | 
					
						
							|  |  |  |  |       console.log('%%spawnSync: ' + spawnSync('node', ['hello.js']).stdout.toString()); | 
					
						
							|  |  |  |  |       export default async () => { | 
					
						
							|  |  |  |  |         console.log('%%global-setup export level'); | 
					
						
							|  |  |  |  |         console.log('%%execSync: ' + execSync('node hello.js').toString()); | 
					
						
							|  |  |  |  |         console.log('%%spawnSync: ' + spawnSync('node', ['hello.js']).stdout.toString()); | 
					
						
							|  |  |  |  |         const child = fork('hellofork.js'); | 
					
						
							|  |  |  |  |         child.on('message', (m) => console.log('%%fork: ' + m)); | 
					
						
							|  |  |  |  |         await new Promise((resolve) => child.on('exit', (code) => resolve(code))); | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'global-teardown.ts': `
 | 
					
						
							|  |  |  |  |       import { execSync, spawnSync, fork } from 'child_process'; | 
					
						
							|  |  |  |  |       console.log('%%global-teardown import level'); | 
					
						
							|  |  |  |  |       console.log('%%execSync: ' + execSync('node hello.js').toString()); | 
					
						
							|  |  |  |  |       console.log('%%spawnSync: ' + spawnSync('node', ['hello.js']).stdout.toString()); | 
					
						
							|  |  |  |  |       export default async () => { | 
					
						
							|  |  |  |  |         console.log('%%global-teardown export level'); | 
					
						
							|  |  |  |  |         console.log('%%execSync: ' + execSync('node hello.js').toString()); | 
					
						
							|  |  |  |  |         console.log('%%spawnSync: ' + spawnSync('node', ['hello.js']).stdout.toString()); | 
					
						
							|  |  |  |  |         const child = fork('hellofork.js'); | 
					
						
							|  |  |  |  |         child.on('message', (m) => console.log('%%fork: ' + m)); | 
					
						
							|  |  |  |  |         await new Promise((resolve) => child.on('exit', (code) => resolve(code))); | 
					
						
							|  |  |  |  |       } | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'package.json': `{ "type": "module" }`, | 
					
						
							|  |  |  |  |     'playwright.config.ts': `export default {
 | 
					
						
							|  |  |  |  |       projects: [{name: 'foo'}], | 
					
						
							|  |  |  |  |       globalSetup: './global-setup.ts', | 
					
						
							|  |  |  |  |       globalTeardown: './global-teardown.ts', | 
					
						
							|  |  |  |  |     };`,
 | 
					
						
							|  |  |  |  |     'hello.js': `console.log('hello from hello.js');`, | 
					
						
							|  |  |  |  |     'hellofork.js': `process.send('hello from hellofork.js');`, | 
					
						
							|  |  |  |  |     'a.test.ts': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       import { execSync, spawnSync, fork } from 'child_process'; | 
					
						
							|  |  |  |  |       console.log('%%inside test file'); | 
					
						
							|  |  |  |  |       console.log('%%execSync: ' + execSync('node hello.js').toString()); | 
					
						
							|  |  |  |  |       console.log('%%spawnSync: ' + spawnSync('node', ['hello.js']).stdout.toString()); | 
					
						
							|  |  |  |  |       test('check project name', async ({}) => { | 
					
						
							|  |  |  |  |         console.log('%%inside test'); | 
					
						
							|  |  |  |  |         console.log('%%execSync: ' + execSync('node hello.js').toString()); | 
					
						
							|  |  |  |  |         console.log('%%spawnSync: ' + spawnSync('node', ['hello.js']).stdout.toString()); | 
					
						
							|  |  |  |  |         const child = fork('hellofork.js'); | 
					
						
							|  |  |  |  |         child.on('message', (m) => console.log('%%fork: ' + m)); | 
					
						
							|  |  |  |  |         await new Promise((resolve) => child.on('exit', (code) => resolve(code))); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.outputLines).toEqual([ | 
					
						
							|  |  |  |  |     'global-setup import level', | 
					
						
							|  |  |  |  |     'execSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'spawnSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'global-teardown import level', | 
					
						
							|  |  |  |  |     'execSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'spawnSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'global-setup export level', | 
					
						
							|  |  |  |  |     'execSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'spawnSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'fork: hello from hellofork.js', | 
					
						
							|  |  |  |  |     'inside test file', | 
					
						
							|  |  |  |  |     'execSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'spawnSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'inside test file', | 
					
						
							|  |  |  |  |     'execSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'spawnSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'inside test', | 
					
						
							|  |  |  |  |     'execSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'spawnSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'fork: hello from hellofork.js', | 
					
						
							|  |  |  |  |     'global-teardown export level', | 
					
						
							|  |  |  |  |     'execSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'spawnSync: hello from hello.js', | 
					
						
							|  |  |  |  |     'fork: hello from hellofork.js', | 
					
						
							|  |  |  |  |   ]); | 
					
						
							|  |  |  |  | }); | 
					
						
							| 
									
										
										
										
											2023-10-17 00:09:44 +02:00
										 |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should be able to use mergeTests/mergeExpect', async ({ runInlineTest }) => { | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'a.test.mjs': `
 | 
					
						
							|  |  |  |  |       import { test as base, expect as baseExpect, mergeTests, mergeExpects } from '@playwright/test'; | 
					
						
							|  |  |  |  |       const test = mergeTests( | 
					
						
							|  |  |  |  |         base.extend({ | 
					
						
							|  |  |  |  |           myFixture1: '1', | 
					
						
							|  |  |  |  |         }), | 
					
						
							|  |  |  |  |         base.extend({ | 
					
						
							|  |  |  |  |           myFixture2: '2', | 
					
						
							|  |  |  |  |         }), | 
					
						
							|  |  |  |  |       ); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |       const expect = mergeExpects( | 
					
						
							|  |  |  |  |         baseExpect.extend({ | 
					
						
							|  |  |  |  |           async toBeFoo1(page, x) { | 
					
						
							|  |  |  |  |             return { pass: true, message: () => '' }; | 
					
						
							|  |  |  |  |           } | 
					
						
							|  |  |  |  |         }), | 
					
						
							|  |  |  |  |         baseExpect.extend({ | 
					
						
							|  |  |  |  |           async toBeFoo2(page, x) { | 
					
						
							|  |  |  |  |             return { pass: true, message: () => '' }; | 
					
						
							|  |  |  |  |           } | 
					
						
							|  |  |  |  |         }), | 
					
						
							|  |  |  |  |       ); | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  |       test('merged', async ({ myFixture1, myFixture2 }) => { | 
					
						
							|  |  |  |  |         console.log('%%myFixture1: ' + myFixture1); | 
					
						
							|  |  |  |  |         console.log('%%myFixture2: ' + myFixture2); | 
					
						
							|  |  |  |  |         await expect(1).toBeFoo1(); | 
					
						
							|  |  |  |  |         await expect(1).toBeFoo2(); | 
					
						
							|  |  |  |  |       }); | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |   }); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   expect(result.passed).toBe(1); | 
					
						
							|  |  |  |  |   expect(result.outputLines).toContain('myFixture1: 1'); | 
					
						
							|  |  |  |  |   expect(result.outputLines).toContain('myFixture2: 2'); | 
					
						
							|  |  |  |  | }); | 
					
						
							| 
									
										
										
										
											2023-12-19 16:49:25 -08:00
										 |  |  |  | 
 | 
					
						
							|  |  |  |  | test('should exit after merge-reports', async ({ runInlineTest, mergeReports }) => { | 
					
						
							|  |  |  |  |   test.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/28699' }); | 
					
						
							|  |  |  |  |   const result = await runInlineTest({ | 
					
						
							|  |  |  |  |     'merge.config.ts': `
 | 
					
						
							|  |  |  |  |       export default { reporter: 'line' }; | 
					
						
							|  |  |  |  |     `,
 | 
					
						
							|  |  |  |  |     'package.json': JSON.stringify({ type: 'module' }), | 
					
						
							|  |  |  |  |     'nested/folder/a.esm.test.js': `
 | 
					
						
							|  |  |  |  |       import { test, expect } from '@playwright/test'; | 
					
						
							|  |  |  |  |       test('test 1', ({}, testInfo) => {}); | 
					
						
							|  |  |  |  |     `
 | 
					
						
							|  |  |  |  |   }, undefined, undefined, { additionalArgs: ['--reporter', 'blob'] }); | 
					
						
							|  |  |  |  |   expect(result.exitCode).toBe(0); | 
					
						
							|  |  |  |  |   const { exitCode } = await mergeReports(test.info().outputPath('blob-report'), undefined, { additionalArgs: ['-c', 'merge.config.ts'] }); | 
					
						
							|  |  |  |  |   expect(exitCode).toBe(0); | 
					
						
							|  |  |  |  | }); |