microsoft/playwright
1
1
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2024-12-04 16:44:11 +03:00
Code Issues Projects Releases Wiki Activity

chore: add more ct options to allow redirecting templates/cache (#14077)

Browse Source
This commit is contained in:
Pavel Feldman 2022-05-10 11:21:29 -08:00 committed by GitHub
parent 0c9e0d22df
commit 39489931d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 43 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/html-reporter/playwright.config.ts
View File

@ -24,7 +24,7 @@ const config: PlaywrightTestConfig = {
retries: process.env.CI ? 2 : 0,
reporter: 'html',
use: {
vitePort: 3101,
ctPort: 3101,
trace: 'on-first-retry',
},
projects: [ ],

7
packages/playwright-ct-react/index.d.ts vendored
View File

@ -26,7 +26,12 @@ import type {
import type { InlineConfig } from 'vite';
export type PlaywrightTestConfig = Omit<BasePlaywrightTestConfig, 'use'> & {
use?: BasePlaywrightTestConfig['use'] & { vitePort?: number, viteConfig?: InlineConfig }
use?: BasePlaywrightTestConfig['use'] & {
ctPort?: number,
ctTemplateDir?: string,
ctCacheDir?: string,
ctViteConfig?: InlineConfig
}
};
interface ComponentFixtures {

7
packages/playwright-ct-svelte/index.d.ts vendored
View File

@ -26,7 +26,12 @@ import type {
import type { InlineConfig } from 'vite';
export type PlaywrightTestConfig = Omit<BasePlaywrightTestConfig, 'use'> & {
use?: BasePlaywrightTestConfig['use'] & { vitePort?: number, viteConfig?: InlineConfig }
use?: BasePlaywrightTestConfig['use'] & {
ctPort?: number,
ctTemplateDir?: string,
ctCacheDir?: string,
ctViteConfig?: InlineConfig
}
};
interface ComponentFixtures {

7
packages/playwright-ct-vue/index.d.ts vendored
View File

@ -26,7 +26,12 @@ import type {
import type { InlineConfig } from 'vite';
export type PlaywrightTestConfig = Omit<BasePlaywrightTestConfig, 'use'> & {
use?: BasePlaywrightTestConfig['use'] & { vitePort?: number, viteConfig?: InlineConfig }
use?: BasePlaywrightTestConfig['use'] & {
ctPort?: number,
ctTemplateDir?: string,
ctCacheDir?: string,
ctViteConfig?: InlineConfig
}
};
interface ComponentFixtures {

27
packages/playwright-test/src/plugins/vitePlugin.ts
View File

@ -28,6 +28,14 @@ import { assert } from 'playwright-core/lib/utils';
let previewServer: PreviewServer;
const VERSION = 1;
type CtConfig = {
ctPort?: number;
ctTemplateDir?: string;
ctCacheDir?: string;
ctViteConfig?: InlineConfig;
};
export function createPlugin(
registerSourceFile: string,
frameworkPluginFactory: () => Plugin): TestRunnerPlugin {
@ -36,15 +44,16 @@ export function createPlugin(
name: 'playwright-vite-plugin',
setup: async (config: FullConfig, configDirectory: string, suite: Suite) => {
const use = config.projects[0].use as any;
const viteConfig: InlineConfig = use.viteConfig || {};
const port = use.vitePort || 3100;
configDir = configDirectory;
process.env.PLAYWRIGHT_VITE_COMPONENTS_BASE_URL = `http://localhost:${port}/playwright/index.html`;
const use = config.projects[0].use as CtConfig;
const port = use.ctPort || 3100;
const viteConfig: InlineConfig = use.ctViteConfig || {};
const relativeTemplateDir = use.ctTemplateDir || 'playwright';
process.env.PLAYWRIGHT_VITE_COMPONENTS_BASE_URL = `http://localhost:${port}/${relativeTemplateDir}/index.html`;
const rootDir = viteConfig.root || configDir;
const outDir = viteConfig?.build?.outDir || path.join(rootDir, 'playwright', '.cache');
const templateDir = path.join(rootDir, 'playwright');
const templateDir = path.join(rootDir, relativeTemplateDir);
const outDir = viteConfig?.build?.outDir || (use.ctCacheDir ? path.resolve(rootDir, use.ctCacheDir) : path.resolve(templateDir, '.cache'));
const buildInfoFile = path.join(outDir, 'metainfo.json');
let buildInfo: BuildInfo;
@ -79,7 +88,7 @@ export function createPlugin(
frameworkPluginFactory()
];
const registerSource = await fs.promises.readFile(registerSourceFile, 'utf-8');
viteConfig.plugins.push(vitePlugin(registerSource, buildInfo, componentRegistry));
viteConfig.plugins.push(vitePlugin(registerSource, relativeTemplateDir, buildInfo, componentRegistry));
viteConfig.configFile = viteConfig.configFile || false;
viteConfig.define = viteConfig.define || {};
viteConfig.define.__VUE_PROD_DEVTOOLS__ = true;
@ -218,7 +227,7 @@ async function parseTestFile(testFile: string): Promise<ComponentInfo[]> {
return result;
}
function vitePlugin(registerSource: string, buildInfo: BuildInfo, componentRegistry: ComponentRegistry): Plugin {
function vitePlugin(registerSource: string, relativeTemplateDir: string, buildInfo: BuildInfo, componentRegistry: ComponentRegistry): Plugin {
buildInfo.sources = {};
return {
name: 'playwright:component-index',
@ -235,7 +244,7 @@ function vitePlugin(registerSource: string, buildInfo: BuildInfo, componentRegis
}
}
if (!id.endsWith('playwright/index.ts') && !id.endsWith('playwright/index.tsx') && !id.endsWith('playwright/index.js'))
if (!id.endsWith(`${relativeTemplateDir}/index.ts`) && !id.endsWith(`${relativeTemplateDir}/index.tsx`) && !id.endsWith(`${relativeTemplateDir}/index.js`))
return;
const folder = path.dirname(id);

2
packages/web/playwright.config.ts
View File

@ -23,7 +23,7 @@ const config: PlaywrightTestConfig = {
retries: process.env.CI ? 2 : 0,
reporter: 'html',
use: {
vitePort: 3102,
ctPort: 3102,
trace: 'on-first-retry',
},
projects: [

3
tests/components/ct-react-vite/package.json
View File

@ -5,8 +5,7 @@
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview",
"playwright-dev": "vite --config playwright.vite.config.ts"
"preview": "vite preview"
},
"dependencies": {
"react": "^17.0.2",

3
tests/components/ct-svelte-vite/package.json
View File

@ -7,8 +7,7 @@
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
"check": "svelte-check --tsconfig ./tsconfig.json",
"playwright-dev": "vite --config playwright.vite.config.ts"
"check": "svelte-check --tsconfig ./tsconfig.json"
},
"devDependencies": {
"@sveltejs/vite-plugin-svelte": "^1.0.0-next.30",

3
tests/components/ct-vue-vite/package.json
View File

@ -4,8 +4,7 @@
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview --port 5050",
"playwright-dev": "vite --config playwright.vite.config.js"
"preview": "vite preview --port 5050"
},
"dependencies": {
"vue": "^3.2.31"

2
tests/components/ct-vue-vite/playwright.config.ts
View File

@ -22,6 +22,8 @@ const config: PlaywrightTestConfig = {
retries: process.env.CI ? 2 : 0,
reporter: 'html',
use: {
ctTemplateDir: 'playwright',
ctCacheDir: 'playwright/.cache',
trace: 'on-first-retry',
},
projects: [