Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

open ui mode from dev server

Browse source
This commit is contained in:
Simon Knott 2024-10-22 16:18:46 +02:00
parent 50f11a8936
commit 39a7f54d73
4 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/playwright-core/src/server/trace/viewer/traceViewer.ts
View file

@ -125,7 +125,13 @@ export async function installRootRedirect(server: HttpServer, traceUrls: string[
for (const reporter of options.reporter || [])
params.append('reporter', reporter);
const urlPath = `./trace/${options.webApp || 'index.html'}?${params.toString()}`;
let urlPath = `./trace/${options.webApp || 'index.html'}?${params.toString()}`;
if (process.env.PW_WEB_DEV_SERVER) {
params.append('testServerPort', '' + server.port());
urlPath = `http://localhost:${process.env.PW_WEB_DEV_SERVER}/${options.webApp || 'index.html'}?${params.toString()}`;
}
server.routePath('/', (_, response) => {
response.statusCode = 302;
response.setHeader('Location', urlPath);

4
packages/trace-viewer/src/ui/uiModeView.tsx
View file

@ -48,8 +48,10 @@ const xtermDataSource: XtermDataSource = {
const searchParams = new URLSearchParams(window.location.search);
const guid = searchParams.get('ws');
const testServerPort = searchParams.get('testServerPort') ?? window.location.port;
const wsURL = new URL(`../${guid}`, window.location.toString());
wsURL.protocol = (window.location.protocol === 'https:' ? 'wss:' : 'ws:');
wsURL.port = testServerPort;
const queryParams = {
args: searchParams.getAll('arg'),
grep: searchParams.get('grep') || undefined,
@ -440,7 +442,7 @@ export const UIModeView: React.FC<{}> = ({
sidebar={<div className='vbox ui-mode-sidebar'>
<Toolbar noShadow={true} noMinHeight={true}>
<img src='playwright-logo.svg' alt='Playwright logo' />
<div className='section-title'>Playwright</div>
<div className='section-title'>Claywright</div>
<ToolbarButton icon='refresh' title='Reload' onClick={() => reloadTests()} disabled={isRunningTest || isLoading}></ToolbarButton>
<div style={{ position: 'relative' }}>
<ToolbarButton icon={'terminal'} title={'Toggle output — ' + (isMac ? '⌃`' : 'Ctrl + `')} toggled={isShowingOutput} onClick={() => { setIsShowingOutput(!isShowingOutput); }} />

3
packages/trace-viewer/vite.config.ts
View file

@ -26,6 +26,9 @@ export default defineConfig({
react(),
bundle()
],
define: {
'process.env': {},
},
resolve: {
alias: {
'@injected': path.resolve(__dirname, '../playwright-core/src/server/injected'),

4
utils/build/build.js
View file

@ -307,10 +307,10 @@ steps.push({
});
// web packages dev server
if (watchMode) {
if (process.env.PW_WEB_DEV_SERVER) {
steps.push({
command: 'npx',
args: ['vite', '--port', '5781'],
args: ['vite', '--port', process.env.PW_WEB_DEV_SERVER],
shell: true,
cwd: path.join(__dirname, '..', '..', 'packages', 'trace-viewer'),
concurrent: true,