mirror of
				https://github.com/microsoft/playwright.git
				synced 2025-06-26 21:40:17 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			103 lines
		
	
	
		
			4.1 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			103 lines
		
	
	
		
			4.1 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 * as fs from 'fs';
 | 
						|
import * as os from 'os';
 | 
						|
import * as path from 'path';
 | 
						|
import type { TestChildProcess } from '../config/commonFixtures';
 | 
						|
import { cleanEnv, cliEntrypoint, removeFolderAsync, test as base, writeFiles } from './playwright-test-fixtures';
 | 
						|
import type { Files, RunOptions } from './playwright-test-fixtures';
 | 
						|
import type { Browser, Page, TestInfo } from './stable-test-runner';
 | 
						|
 | 
						|
type Fixtures = {
 | 
						|
  runUITest: (files: Files, env?: NodeJS.ProcessEnv, options?: RunOptions) => Promise<Page>;
 | 
						|
};
 | 
						|
 | 
						|
export function dumpTestTree(page: Page): () => Promise<string> {
 | 
						|
  return () => page.getByTestId('test-tree').evaluate(async treeElement => {
 | 
						|
    function iconName(iconElement: Element): string {
 | 
						|
      const icon = iconElement.className.replace('codicon codicon-', '');
 | 
						|
      if (icon === 'chevron-right')
 | 
						|
        return '►';
 | 
						|
      if (icon === 'chevron-down')
 | 
						|
        return '▼';
 | 
						|
      if (icon === 'blank')
 | 
						|
        return ' ';
 | 
						|
      if (icon === 'circle-outline')
 | 
						|
        return '◯';
 | 
						|
      if (icon === 'circle-slash')
 | 
						|
        return '⊘';
 | 
						|
      if (icon === 'check')
 | 
						|
        return '✅';
 | 
						|
      if (icon === 'error')
 | 
						|
        return '❌';
 | 
						|
      if (icon === 'eye')
 | 
						|
        return '👁';
 | 
						|
      if (icon === 'loading')
 | 
						|
        return '↻';
 | 
						|
      return icon;
 | 
						|
    }
 | 
						|
 | 
						|
    const result: string[] = [];
 | 
						|
    const listItems = treeElement.querySelectorAll('[role=listitem]');
 | 
						|
    for (const listItem of listItems) {
 | 
						|
      const iconElements = listItem.querySelectorAll('.codicon');
 | 
						|
      const treeIcon = iconName(iconElements[0]);
 | 
						|
      const statusIcon = iconName(iconElements[1]);
 | 
						|
      const indent = listItem.querySelectorAll('.list-view-indent').length;
 | 
						|
      const watch = listItem.querySelector('.toolbar-button.eye.toggled') ? ' 👁' : '';
 | 
						|
      const selected = listItem.classList.contains('selected') ? ' <=' : '';
 | 
						|
      result.push('    ' + '  '.repeat(indent) + treeIcon + ' ' + statusIcon + ' ' + listItem.textContent + watch + selected);
 | 
						|
    }
 | 
						|
    return '\n' + result.join('\n') + '\n  ';
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export const test = base
 | 
						|
    .extend<Fixtures>({
 | 
						|
      runUITest: async ({ childProcess, playwright, headless }, use, testInfo: TestInfo) => {
 | 
						|
        testInfo.slow();
 | 
						|
        const cacheDir = await fs.promises.mkdtemp(path.join(os.tmpdir(), 'playwright-test-cache-'));
 | 
						|
        let testProcess: TestChildProcess | undefined;
 | 
						|
        let browser: Browser | undefined;
 | 
						|
        await use(async (files: Files, env: NodeJS.ProcessEnv = {}, options: RunOptions = {}) => {
 | 
						|
          const baseDir = await writeFiles(testInfo, files, true);
 | 
						|
          testProcess = childProcess({
 | 
						|
            command: ['node', cliEntrypoint, 'ui', '--workers=1', ...(options.additionalArgs || [])],
 | 
						|
            env: {
 | 
						|
              ...cleanEnv(env),
 | 
						|
              PWTEST_UNDER_TEST: '1',
 | 
						|
              PWTEST_CACHE_DIR: cacheDir,
 | 
						|
              PWTEST_HEADED_FOR_TEST: headless ? '0' : '1',
 | 
						|
            },
 | 
						|
            cwd: options.cwd ? path.resolve(baseDir, options.cwd) : baseDir,
 | 
						|
          });
 | 
						|
          await testProcess.waitForOutput('DevTools listening on');
 | 
						|
          const line = testProcess.output.split('\n').find(l => l.includes('DevTools listening on'));
 | 
						|
          const wsEndpoint = line!.split(' ')[3];
 | 
						|
          browser = await playwright.chromium.connectOverCDP(wsEndpoint);
 | 
						|
          const [context] = browser.contexts();
 | 
						|
          const [page] = context.pages();
 | 
						|
          return page;
 | 
						|
        });
 | 
						|
        await browser?.close();
 | 
						|
        await testProcess?.close();
 | 
						|
        await removeFolderAsync(cacheDir);
 | 
						|
      },
 | 
						|
    });
 | 
						|
 | 
						|
export { expect } from './stable-test-runner';
 |