diff --git a/packages/playwright-core/src/web/htmlReport/htmlReport.tsx b/packages/playwright-core/src/web/htmlReport/htmlReport.tsx
index 8ee1175201..42d773ee41 100644
--- a/packages/playwright-core/src/web/htmlReport/htmlReport.tsx
+++ b/packages/playwright-core/src/web/htmlReport/htmlReport.tsx
@@ -188,7 +188,7 @@ const TestResultView: React.FC<{
{!!traces.length &&
{traces.map((a, i) => )}
diff --git a/packages/playwright-core/src/web/traceViewer/index.html b/packages/playwright-core/src/web/traceViewer/index.html
index 5d78302ef9..432ec31238 100644
--- a/packages/playwright-core/src/web/traceViewer/index.html
+++ b/packages/playwright-core/src/web/traceViewer/index.html
@@ -19,9 +19,9 @@
-
-
-
+
+
+
Playwright Trace Viewer
diff --git a/packages/playwright-core/src/web/traceViewer/index.tsx b/packages/playwright-core/src/web/traceViewer/index.tsx
index 160e732f26..d2b3f6254e 100644
--- a/packages/playwright-core/src/web/traceViewer/index.tsx
+++ b/packages/playwright-core/src/web/traceViewer/index.tsx
@@ -23,9 +23,7 @@ import '../common.css';
(async () => {
applyTheme();
- navigator.serviceWorker.register('/trace/sw.bundle.js', {
- scope: '/trace/'
- });
+ navigator.serviceWorker.register('sw.bundle.js');
if (!navigator.serviceWorker.controller) {
await new Promise(f => {
navigator.serviceWorker.oncontrollerchange = () => f();
diff --git a/packages/playwright-core/src/web/traceViewer/static/manifest.webmanifest b/packages/playwright-core/src/web/traceViewer/static/manifest.webmanifest
index bddb8a6359..3647074b63 100644
--- a/packages/playwright-core/src/web/traceViewer/static/manifest.webmanifest
+++ b/packages/playwright-core/src/web/traceViewer/static/manifest.webmanifest
@@ -2,28 +2,27 @@
"theme_color": "#000",
"background_color": "#fff",
"display": "browser",
- "scope": "/trace",
- "start_url": "/trace/index.html",
+ "start_url": "index.html",
"name": "Playwright Trace Viewer",
"short_name": "Trace Viewer",
"icons": [
{
- "src": "/trace/icon-192x192.png",
+ "src": "icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
- "src": "/trace/icon-256x256.png",
+ "src": "icon-256x256.png",
"sizes": "256x256",
"type": "image/png"
},
{
- "src": "/trace/icon-384x384.png",
+ "src": "icon-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
- "src": "/trace/icon-512x512.png",
+ "src": "icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
diff --git a/packages/playwright-core/src/web/traceViewer/ui/workbench.tsx b/packages/playwright-core/src/web/traceViewer/ui/workbench.tsx
index 6febeb1c38..e693f43ed9 100644
--- a/packages/playwright-core/src/web/traceViewer/ui/workbench.tsx
+++ b/packages/playwright-core/src/web/traceViewer/ui/workbench.tsx
@@ -40,7 +40,7 @@ export const Workbench: React.FunctionComponent<{
React.useEffect(() => {
(async () => {
if (traceURL) {
- const contextEntry = (await fetch(`/trace/context?trace=${traceURL}`).then(response => response.json())) as ContextEntry;
+ const contextEntry = (await fetch(`context?trace=${traceURL}`).then(response => response.json())) as ContextEntry;
modelUtil.indexModel(contextEntry);
setContextEntry(contextEntry);
} else {
