mirror of
https://github.com/microsoft/playwright.git
synced 2025-06-26 21:40:17 +00:00
5033261d27
- Instead of capturing snapshots on demand, we now stream them from each frame every 100ms. - Certain actions can also force snapshots at particular moment using "checkpoints". - Trace viewer is able to show the page snapshot at a particular timestamp, or using a "checkpoint" snapshot. - Small optimization to not process stylesheets if CSSOM was not used. There still is a lot of room for improvement.
37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
1;/**
|
|
* 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 { TraceModel, VideoMetaInfo, trace } from '../traceModel';
|
|
import './third_party/vscode/codicon.css';
|
|
import { Workbench } from './ui/workbench';
|
|
import * as React from 'react';
|
|
import * as ReactDOM from 'react-dom';
|
|
import { applyTheme } from './theme';
|
|
|
|
declare global {
|
|
interface Window {
|
|
getTraceModel(): Promise<TraceModel>;
|
|
readFile(filePath: string): Promise<string>;
|
|
renderSnapshot(arg: { action: trace.ActionTraceEvent, snapshot: { name: string, snapshotId?: string } }): void;
|
|
}
|
|
}
|
|
|
|
(async () => {
|
|
applyTheme();
|
|
const traceModel = await window.getTraceModel();
|
|
ReactDOM.render(<Workbench traceModel={traceModel} />, document.querySelector('#root'));
|
|
})();
|