@testrelic/playwright-analytics 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +304 -0
- package/dist/cli.cjs +146 -0
- package/dist/fixture.cjs +291 -0
- package/dist/fixture.cjs.map +1 -0
- package/dist/fixture.d.cts +6 -0
- package/dist/fixture.d.ts +6 -0
- package/dist/fixture.js +265 -0
- package/dist/fixture.js.map +1 -0
- package/dist/index.cjs +773 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +100 -0
- package/dist/index.d.ts +100 -0
- package/dist/index.js +745 -0
- package/dist/index.js.map +1 -0
- package/dist/merge.cjs +115 -0
- package/dist/merge.cjs.map +1 -0
- package/dist/merge.d.cts +12 -0
- package/dist/merge.d.ts +12 -0
- package/dist/merge.js +90 -0
- package/dist/merge.js.map +1 -0
- package/package.json +80 -0
- package/timeline-schema.json +190 -0
package/dist/fixture.cjs
ADDED
|
@@ -0,0 +1,291 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/fixture.ts
|
|
21
|
+
var fixture_exports = {};
|
|
22
|
+
__export(fixture_exports, {
|
|
23
|
+
expect: () => import_test.expect,
|
|
24
|
+
test: () => test
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(fixture_exports);
|
|
27
|
+
var import_test = require("@playwright/test");
|
|
28
|
+
|
|
29
|
+
// src/navigation-tracker.ts
|
|
30
|
+
var NavigationTracker = class {
|
|
31
|
+
constructor(page, options) {
|
|
32
|
+
this.page = page;
|
|
33
|
+
this.records = [];
|
|
34
|
+
this.listeners = [];
|
|
35
|
+
this.currentNetworkCounter = null;
|
|
36
|
+
this.includeNetworkStats = options?.includeNetworkStats ?? true;
|
|
37
|
+
this.origGoto = page.goto.bind(page);
|
|
38
|
+
this.origGoBack = page.goBack.bind(page);
|
|
39
|
+
this.origGoForward = page.goForward.bind(page);
|
|
40
|
+
this.origReload = page.reload.bind(page);
|
|
41
|
+
this.interceptMethods();
|
|
42
|
+
this.attachListeners();
|
|
43
|
+
}
|
|
44
|
+
async init() {
|
|
45
|
+
await this.injectSPADetection();
|
|
46
|
+
}
|
|
47
|
+
flush(testInfo) {
|
|
48
|
+
if (this.includeNetworkStats && this.currentNetworkCounter && this.records.length > 0) {
|
|
49
|
+
this.records[this.records.length - 1].networkStats = {
|
|
50
|
+
totalRequests: this.currentNetworkCounter.totalRequests,
|
|
51
|
+
failedRequests: this.currentNetworkCounter.failedRequests,
|
|
52
|
+
totalBytes: this.currentNetworkCounter.totalBytes,
|
|
53
|
+
byType: { ...this.currentNetworkCounter.byType }
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
for (const record of this.records) {
|
|
57
|
+
const annotation = {
|
|
58
|
+
url: record.url,
|
|
59
|
+
navigationType: record.navigationType,
|
|
60
|
+
timestamp: record.timestamp,
|
|
61
|
+
domContentLoadedAt: record.domContentLoadedAt,
|
|
62
|
+
networkIdleAt: record.networkIdleAt,
|
|
63
|
+
networkStats: record.networkStats
|
|
64
|
+
};
|
|
65
|
+
testInfo.annotations.push({
|
|
66
|
+
type: "lambdatest-navigation",
|
|
67
|
+
description: JSON.stringify(annotation)
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
dispose() {
|
|
72
|
+
this.page.goto = this.origGoto;
|
|
73
|
+
this.page.goBack = this.origGoBack;
|
|
74
|
+
this.page.goForward = this.origGoForward;
|
|
75
|
+
this.page.reload = this.origReload;
|
|
76
|
+
for (const { event, handler } of this.listeners) {
|
|
77
|
+
this.page.off(event, handler);
|
|
78
|
+
}
|
|
79
|
+
this.listeners = [];
|
|
80
|
+
this.records = [];
|
|
81
|
+
}
|
|
82
|
+
getRecords() {
|
|
83
|
+
return this.records;
|
|
84
|
+
}
|
|
85
|
+
interceptMethods() {
|
|
86
|
+
const self = this;
|
|
87
|
+
const page = this.page;
|
|
88
|
+
page.goto = async function(url, options) {
|
|
89
|
+
self.recordNavigation(url, "goto");
|
|
90
|
+
return self.origGoto(url, options);
|
|
91
|
+
};
|
|
92
|
+
page.goBack = async function(options) {
|
|
93
|
+
const result = await self.origGoBack(options);
|
|
94
|
+
self.recordNavigation(page.url(), "back");
|
|
95
|
+
return result;
|
|
96
|
+
};
|
|
97
|
+
page.goForward = async function(options) {
|
|
98
|
+
const result = await self.origGoForward(options);
|
|
99
|
+
self.recordNavigation(page.url(), "forward");
|
|
100
|
+
return result;
|
|
101
|
+
};
|
|
102
|
+
page.reload = async function(options) {
|
|
103
|
+
self.recordNavigation(page.url(), "refresh");
|
|
104
|
+
return self.origReload(options);
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
attachListeners() {
|
|
108
|
+
const onDomContentLoaded = () => {
|
|
109
|
+
this.lastDomContentLoaded = (/* @__PURE__ */ new Date()).toISOString();
|
|
110
|
+
if (this.records.length > 0) {
|
|
111
|
+
this.records[this.records.length - 1].domContentLoadedAt = this.lastDomContentLoaded;
|
|
112
|
+
}
|
|
113
|
+
};
|
|
114
|
+
this.page.on("domcontentloaded", onDomContentLoaded);
|
|
115
|
+
this.listeners.push({ event: "domcontentloaded", handler: onDomContentLoaded });
|
|
116
|
+
const onFrameNavigated = (frame) => {
|
|
117
|
+
try {
|
|
118
|
+
const frameObj = frame;
|
|
119
|
+
if (typeof frameObj.parentFrame === "function" && frameObj.parentFrame() !== null) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
const url = frameObj.url();
|
|
123
|
+
const lastRecord = this.records[this.records.length - 1];
|
|
124
|
+
if (lastRecord) {
|
|
125
|
+
const timeDiff = Date.now() - new Date(lastRecord.timestamp).getTime();
|
|
126
|
+
if (timeDiff < 50 && lastRecord.url === url) {
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
this.recordNavigation(url, "navigation");
|
|
131
|
+
} catch {
|
|
132
|
+
}
|
|
133
|
+
};
|
|
134
|
+
this.page.on("framenavigated", onFrameNavigated);
|
|
135
|
+
this.listeners.push({ event: "framenavigated", handler: onFrameNavigated });
|
|
136
|
+
const onConsoleMessage = (msg) => {
|
|
137
|
+
try {
|
|
138
|
+
const msgObj = msg;
|
|
139
|
+
if (msgObj.type() !== "debug") return;
|
|
140
|
+
const text = msgObj.text();
|
|
141
|
+
if (!text.startsWith("__testrelic_nav:")) return;
|
|
142
|
+
const data = JSON.parse(text.slice("__testrelic_nav:".length));
|
|
143
|
+
if (data.type && data.url) {
|
|
144
|
+
this.recordNavigation(data.url, data.type);
|
|
145
|
+
}
|
|
146
|
+
} catch {
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
this.page.on("console", onConsoleMessage);
|
|
150
|
+
this.listeners.push({ event: "console", handler: onConsoleMessage });
|
|
151
|
+
if (this.includeNetworkStats) {
|
|
152
|
+
const onRequest = () => {
|
|
153
|
+
if (this.currentNetworkCounter) {
|
|
154
|
+
this.currentNetworkCounter.totalRequests++;
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
this.page.on("request", onRequest);
|
|
158
|
+
this.listeners.push({ event: "request", handler: onRequest });
|
|
159
|
+
const onResponse = (response) => {
|
|
160
|
+
if (!this.currentNetworkCounter) return;
|
|
161
|
+
try {
|
|
162
|
+
const resp = response;
|
|
163
|
+
const status = resp.status();
|
|
164
|
+
if (status >= 400) {
|
|
165
|
+
this.currentNetworkCounter.failedRequests++;
|
|
166
|
+
}
|
|
167
|
+
const contentLength = resp.headers()["content-length"];
|
|
168
|
+
if (contentLength) {
|
|
169
|
+
this.currentNetworkCounter.totalBytes += parseInt(contentLength, 10) || 0;
|
|
170
|
+
}
|
|
171
|
+
const resourceType = resp.request().resourceType();
|
|
172
|
+
const typeKey = this.mapResourceType(resourceType);
|
|
173
|
+
this.currentNetworkCounter.byType[typeKey]++;
|
|
174
|
+
} catch {
|
|
175
|
+
}
|
|
176
|
+
};
|
|
177
|
+
this.page.on("response", onResponse);
|
|
178
|
+
this.listeners.push({ event: "response", handler: onResponse });
|
|
179
|
+
const onRequestFailed = () => {
|
|
180
|
+
if (this.currentNetworkCounter) {
|
|
181
|
+
this.currentNetworkCounter.failedRequests++;
|
|
182
|
+
}
|
|
183
|
+
};
|
|
184
|
+
this.page.on("requestfailed", onRequestFailed);
|
|
185
|
+
this.listeners.push({ event: "requestfailed", handler: onRequestFailed });
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
async injectSPADetection() {
|
|
189
|
+
try {
|
|
190
|
+
await this.page.addInitScript(() => {
|
|
191
|
+
const origPush = history.pushState.bind(history);
|
|
192
|
+
const origReplace = history.replaceState.bind(history);
|
|
193
|
+
history.pushState = function(...args) {
|
|
194
|
+
origPush(...args);
|
|
195
|
+
console.debug("__testrelic_nav:" + JSON.stringify({
|
|
196
|
+
type: "spa_route",
|
|
197
|
+
url: location.href
|
|
198
|
+
}));
|
|
199
|
+
};
|
|
200
|
+
history.replaceState = function(...args) {
|
|
201
|
+
origReplace(...args);
|
|
202
|
+
console.debug("__testrelic_nav:" + JSON.stringify({
|
|
203
|
+
type: "spa_replace",
|
|
204
|
+
url: location.href
|
|
205
|
+
}));
|
|
206
|
+
};
|
|
207
|
+
window.addEventListener("popstate", () => {
|
|
208
|
+
console.debug("__testrelic_nav:" + JSON.stringify({
|
|
209
|
+
type: "popstate",
|
|
210
|
+
url: location.href
|
|
211
|
+
}));
|
|
212
|
+
});
|
|
213
|
+
window.addEventListener("hashchange", () => {
|
|
214
|
+
console.debug("__testrelic_nav:" + JSON.stringify({
|
|
215
|
+
type: "hash_change",
|
|
216
|
+
url: location.href
|
|
217
|
+
}));
|
|
218
|
+
});
|
|
219
|
+
});
|
|
220
|
+
} catch {
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
recordNavigation(url, type) {
|
|
224
|
+
if (this.includeNetworkStats && this.currentNetworkCounter && this.records.length > 0) {
|
|
225
|
+
this.records[this.records.length - 1].networkStats = {
|
|
226
|
+
totalRequests: this.currentNetworkCounter.totalRequests,
|
|
227
|
+
failedRequests: this.currentNetworkCounter.failedRequests,
|
|
228
|
+
totalBytes: this.currentNetworkCounter.totalBytes,
|
|
229
|
+
byType: { ...this.currentNetworkCounter.byType }
|
|
230
|
+
};
|
|
231
|
+
}
|
|
232
|
+
this.records.push({
|
|
233
|
+
url,
|
|
234
|
+
navigationType: type,
|
|
235
|
+
timestamp: (/* @__PURE__ */ new Date()).toISOString()
|
|
236
|
+
});
|
|
237
|
+
if (this.includeNetworkStats) {
|
|
238
|
+
this.currentNetworkCounter = this.createNetworkCounter();
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
createNetworkCounter() {
|
|
242
|
+
return {
|
|
243
|
+
totalRequests: 0,
|
|
244
|
+
failedRequests: 0,
|
|
245
|
+
totalBytes: 0,
|
|
246
|
+
byType: { xhr: 0, document: 0, script: 0, stylesheet: 0, image: 0, font: 0, other: 0 }
|
|
247
|
+
};
|
|
248
|
+
}
|
|
249
|
+
mapResourceType(type) {
|
|
250
|
+
switch (type) {
|
|
251
|
+
case "xhr":
|
|
252
|
+
case "fetch":
|
|
253
|
+
return "xhr";
|
|
254
|
+
case "document":
|
|
255
|
+
return "document";
|
|
256
|
+
case "script":
|
|
257
|
+
return "script";
|
|
258
|
+
case "stylesheet":
|
|
259
|
+
return "stylesheet";
|
|
260
|
+
case "image":
|
|
261
|
+
return "image";
|
|
262
|
+
case "font":
|
|
263
|
+
return "font";
|
|
264
|
+
default:
|
|
265
|
+
return "other";
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
};
|
|
269
|
+
|
|
270
|
+
// src/fixture.ts
|
|
271
|
+
var test = import_test.test.extend({
|
|
272
|
+
page: async ({ page }, use, testInfo) => {
|
|
273
|
+
const tracker = new NavigationTracker(page);
|
|
274
|
+
try {
|
|
275
|
+
await tracker.init();
|
|
276
|
+
} catch {
|
|
277
|
+
}
|
|
278
|
+
await use(page);
|
|
279
|
+
try {
|
|
280
|
+
tracker.flush(testInfo);
|
|
281
|
+
} catch {
|
|
282
|
+
}
|
|
283
|
+
tracker.dispose();
|
|
284
|
+
}
|
|
285
|
+
});
|
|
286
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
287
|
+
0 && (module.exports = {
|
|
288
|
+
expect,
|
|
289
|
+
test
|
|
290
|
+
});
|
|
291
|
+
//# sourceMappingURL=fixture.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/fixture.ts","../src/navigation-tracker.ts"],"sourcesContent":["/**\n * @testrelic/playwright-analytics/fixture\n *\n * Extended Playwright test fixture that wraps the default `page` fixture\n * to automatically track navigation events.\n */\n\nimport { test as base, expect } from '@playwright/test';\nimport { NavigationTracker } from './navigation-tracker.js';\n\nexport { expect };\n\nexport const test = base.extend({\n page: async ({ page }, use, testInfo) => {\n const tracker = new NavigationTracker(page as never);\n try {\n await tracker.init();\n } catch {\n // Graceful degradation: continue without SPA detection\n }\n\n await use(page);\n\n try {\n tracker.flush(testInfo);\n } catch {\n // FR-009: fixture without reporter is harmless\n }\n tracker.dispose();\n },\n});\n","/**\n * NavigationTracker — wraps a Playwright Page to track navigation events.\n *\n * Intercepts page methods (goto, goBack, goForward, reload) and listens\n * for DOM events (framenavigated, domcontentloaded, load) plus injected\n * SPA detection scripts.\n */\n\nimport type { NavigationAnnotation, NavigationType, NetworkStats, ResourceBreakdown } from '@testrelic/core';\n\n// Minimal Playwright Page type subset for loose coupling\ninterface PageLike {\n goto(url: string, options?: unknown): Promise<unknown>;\n goBack(options?: unknown): Promise<unknown>;\n goForward(options?: unknown): Promise<unknown>;\n reload(options?: unknown): Promise<unknown>;\n url(): string;\n on(event: string, handler: (...args: unknown[]) => void): void;\n off(event: string, handler: (...args: unknown[]) => void): void;\n addInitScript(script: string | { path?: string } | (() => void)): Promise<void>;\n evaluate(fn: (...args: unknown[]) => unknown, ...args: unknown[]): Promise<unknown>;\n mainFrame(): { url(): string };\n}\n\ninterface TestInfoLike {\n annotations: Array<{ type: string; description?: string }>;\n}\n\ninterface NavigationRecord {\n url: string;\n navigationType: NavigationType;\n timestamp: string;\n domContentLoadedAt?: string;\n networkIdleAt?: string;\n networkStats?: NetworkStats;\n}\n\ninterface NetworkCounter {\n totalRequests: number;\n failedRequests: number;\n totalBytes: number;\n byType: Record<keyof ResourceBreakdown, number>;\n}\n\nexport class NavigationTracker {\n private records: NavigationRecord[] = [];\n private listeners: Array<{ event: string; handler: (...args: unknown[]) => void }> = [];\n private origGoto: PageLike['goto'];\n private origGoBack: PageLike['goBack'];\n private origGoForward: PageLike['goForward'];\n private origReload: PageLike['reload'];\n private lastDomContentLoaded: string | undefined;\n private includeNetworkStats: boolean;\n private currentNetworkCounter: NetworkCounter | null = null;\n\n constructor(private page: PageLike, options?: { includeNetworkStats?: boolean }) {\n this.includeNetworkStats = options?.includeNetworkStats ?? true;\n // Store originals\n this.origGoto = page.goto.bind(page);\n this.origGoBack = page.goBack.bind(page);\n this.origGoForward = page.goForward.bind(page);\n this.origReload = page.reload.bind(page);\n\n this.interceptMethods();\n this.attachListeners();\n }\n\n async init(): Promise<void> {\n await this.injectSPADetection();\n }\n\n flush(testInfo: TestInfoLike): void {\n // Finalize network stats for the last navigation\n if (this.includeNetworkStats && this.currentNetworkCounter && this.records.length > 0) {\n this.records[this.records.length - 1].networkStats = {\n totalRequests: this.currentNetworkCounter.totalRequests,\n failedRequests: this.currentNetworkCounter.failedRequests,\n totalBytes: this.currentNetworkCounter.totalBytes,\n byType: { ...this.currentNetworkCounter.byType },\n };\n }\n\n for (const record of this.records) {\n const annotation: NavigationAnnotation = {\n url: record.url,\n navigationType: record.navigationType,\n timestamp: record.timestamp,\n domContentLoadedAt: record.domContentLoadedAt,\n networkIdleAt: record.networkIdleAt,\n networkStats: record.networkStats,\n };\n testInfo.annotations.push({\n type: 'lambdatest-navigation',\n description: JSON.stringify(annotation),\n });\n }\n }\n\n dispose(): void {\n // Restore original methods\n (this.page as Record<string, unknown>).goto = this.origGoto;\n (this.page as Record<string, unknown>).goBack = this.origGoBack;\n (this.page as Record<string, unknown>).goForward = this.origGoForward;\n (this.page as Record<string, unknown>).reload = this.origReload;\n\n // Remove event listeners\n for (const { event, handler } of this.listeners) {\n this.page.off(event, handler);\n }\n this.listeners = [];\n this.records = [];\n }\n\n getRecords(): readonly NavigationRecord[] {\n return this.records;\n }\n\n private interceptMethods(): void {\n const self = this;\n const page = this.page;\n\n (page as Record<string, unknown>).goto = async function (url: string, options?: unknown) {\n self.recordNavigation(url, 'goto');\n return self.origGoto(url, options);\n };\n\n (page as Record<string, unknown>).goBack = async function (options?: unknown) {\n const result = await self.origGoBack(options);\n self.recordNavigation(page.url(), 'back');\n return result;\n };\n\n (page as Record<string, unknown>).goForward = async function (options?: unknown) {\n const result = await self.origGoForward(options);\n self.recordNavigation(page.url(), 'forward');\n return result;\n };\n\n (page as Record<string, unknown>).reload = async function (options?: unknown) {\n self.recordNavigation(page.url(), 'refresh');\n return self.origReload(options);\n };\n }\n\n private attachListeners(): void {\n // Track DOMContentLoaded for lifecycle timestamps\n const onDomContentLoaded = () => {\n this.lastDomContentLoaded = new Date().toISOString();\n if (this.records.length > 0) {\n this.records[this.records.length - 1].domContentLoadedAt = this.lastDomContentLoaded;\n }\n };\n this.page.on('domcontentloaded', onDomContentLoaded as (...args: unknown[]) => void);\n this.listeners.push({ event: 'domcontentloaded', handler: onDomContentLoaded as (...args: unknown[]) => void });\n\n // Track main frame navigation for non-intercepted navigations (link clicks, form submits)\n const onFrameNavigated = (frame: unknown) => {\n // Only track main frame\n try {\n const frameObj = frame as { url(): string; parentFrame(): unknown };\n if (typeof frameObj.parentFrame === 'function' && frameObj.parentFrame() !== null) {\n return; // Skip sub-frames\n }\n const url = frameObj.url();\n // Skip if we already recorded this URL in the last 50ms (from method interception)\n const lastRecord = this.records[this.records.length - 1];\n if (lastRecord) {\n const timeDiff = Date.now() - new Date(lastRecord.timestamp).getTime();\n if (timeDiff < 50 && lastRecord.url === url) {\n return; // Duplicate from method interception\n }\n }\n // This is an untracked navigation (link click, form submit, etc.)\n this.recordNavigation(url, 'navigation');\n } catch {\n // Ignore frame navigation errors\n }\n };\n this.page.on('framenavigated', onFrameNavigated);\n this.listeners.push({ event: 'framenavigated', handler: onFrameNavigated });\n\n // Track console messages from injected SPA detection script\n const onConsoleMessage = (msg: unknown) => {\n try {\n const msgObj = msg as { text(): string; type(): string };\n if (msgObj.type() !== 'debug') return;\n const text = msgObj.text();\n if (!text.startsWith('__testrelic_nav:')) return;\n const data = JSON.parse(text.slice('__testrelic_nav:'.length));\n if (data.type && data.url) {\n this.recordNavigation(data.url, data.type as NavigationType);\n }\n } catch {\n // Ignore parse errors\n }\n };\n this.page.on('console', onConsoleMessage);\n this.listeners.push({ event: 'console', handler: onConsoleMessage });\n\n // Network stats tracking\n if (this.includeNetworkStats) {\n const onRequest = () => {\n if (this.currentNetworkCounter) {\n this.currentNetworkCounter.totalRequests++;\n }\n };\n this.page.on('request', onRequest);\n this.listeners.push({ event: 'request', handler: onRequest });\n\n const onResponse = (response: unknown) => {\n if (!this.currentNetworkCounter) return;\n try {\n const resp = response as {\n status(): number;\n headers(): Record<string, string>;\n request(): { resourceType(): string };\n };\n const status = resp.status();\n if (status >= 400) {\n this.currentNetworkCounter.failedRequests++;\n }\n const contentLength = resp.headers()['content-length'];\n if (contentLength) {\n this.currentNetworkCounter.totalBytes += parseInt(contentLength, 10) || 0;\n }\n const resourceType = resp.request().resourceType();\n const typeKey = this.mapResourceType(resourceType);\n this.currentNetworkCounter.byType[typeKey]++;\n } catch {\n // Ignore response processing errors\n }\n };\n this.page.on('response', onResponse);\n this.listeners.push({ event: 'response', handler: onResponse });\n\n const onRequestFailed = () => {\n if (this.currentNetworkCounter) {\n this.currentNetworkCounter.failedRequests++;\n }\n };\n this.page.on('requestfailed', onRequestFailed);\n this.listeners.push({ event: 'requestfailed', handler: onRequestFailed });\n }\n }\n\n private async injectSPADetection(): Promise<void> {\n try {\n await this.page.addInitScript(() => {\n const origPush = history.pushState.bind(history);\n const origReplace = history.replaceState.bind(history);\n\n history.pushState = function (...args: Parameters<typeof origPush>) {\n origPush(...args);\n // eslint-disable-next-line no-console\n console.debug('__testrelic_nav:' + JSON.stringify({\n type: 'spa_route',\n url: location.href,\n }));\n };\n\n history.replaceState = function (...args: Parameters<typeof origReplace>) {\n origReplace(...args);\n // eslint-disable-next-line no-console\n console.debug('__testrelic_nav:' + JSON.stringify({\n type: 'spa_replace',\n url: location.href,\n }));\n };\n\n window.addEventListener('popstate', () => {\n // eslint-disable-next-line no-console\n console.debug('__testrelic_nav:' + JSON.stringify({\n type: 'popstate',\n url: location.href,\n }));\n });\n\n window.addEventListener('hashchange', () => {\n // eslint-disable-next-line no-console\n console.debug('__testrelic_nav:' + JSON.stringify({\n type: 'hash_change',\n url: location.href,\n }));\n });\n });\n } catch {\n // Ignore injection errors (page may be closed)\n }\n }\n\n private recordNavigation(url: string, type: NavigationType): void {\n // Finalize network stats for the previous navigation\n if (this.includeNetworkStats && this.currentNetworkCounter && this.records.length > 0) {\n this.records[this.records.length - 1].networkStats = {\n totalRequests: this.currentNetworkCounter.totalRequests,\n failedRequests: this.currentNetworkCounter.failedRequests,\n totalBytes: this.currentNetworkCounter.totalBytes,\n byType: { ...this.currentNetworkCounter.byType },\n };\n }\n\n this.records.push({\n url,\n navigationType: type,\n timestamp: new Date().toISOString(),\n });\n\n // Start fresh counter for this navigation\n if (this.includeNetworkStats) {\n this.currentNetworkCounter = this.createNetworkCounter();\n }\n }\n\n private createNetworkCounter(): NetworkCounter {\n return {\n totalRequests: 0,\n failedRequests: 0,\n totalBytes: 0,\n byType: { xhr: 0, document: 0, script: 0, stylesheet: 0, image: 0, font: 0, other: 0 },\n };\n }\n\n private mapResourceType(type: string): keyof ResourceBreakdown {\n switch (type) {\n case 'xhr':\n case 'fetch':\n return 'xhr';\n case 'document':\n return 'document';\n case 'script':\n return 'script';\n case 'stylesheet':\n return 'stylesheet';\n case 'image':\n return 'image';\n case 'font':\n return 'font';\n default:\n return 'other';\n }\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,kBAAqC;;;ACqC9B,IAAM,oBAAN,MAAwB;AAAA,EAW7B,YAAoB,MAAgB,SAA6C;AAA7D;AAVpB,SAAQ,UAA8B,CAAC;AACvC,SAAQ,YAA6E,CAAC;AAOtF,SAAQ,wBAA+C;AAGrD,SAAK,sBAAsB,SAAS,uBAAuB;AAE3D,SAAK,WAAW,KAAK,KAAK,KAAK,IAAI;AACnC,SAAK,aAAa,KAAK,OAAO,KAAK,IAAI;AACvC,SAAK,gBAAgB,KAAK,UAAU,KAAK,IAAI;AAC7C,SAAK,aAAa,KAAK,OAAO,KAAK,IAAI;AAEvC,SAAK,iBAAiB;AACtB,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,MAAM,OAAsB;AAC1B,UAAM,KAAK,mBAAmB;AAAA,EAChC;AAAA,EAEA,MAAM,UAA8B;AAElC,QAAI,KAAK,uBAAuB,KAAK,yBAAyB,KAAK,QAAQ,SAAS,GAAG;AACrF,WAAK,QAAQ,KAAK,QAAQ,SAAS,CAAC,EAAE,eAAe;AAAA,QACnD,eAAe,KAAK,sBAAsB;AAAA,QAC1C,gBAAgB,KAAK,sBAAsB;AAAA,QAC3C,YAAY,KAAK,sBAAsB;AAAA,QACvC,QAAQ,EAAE,GAAG,KAAK,sBAAsB,OAAO;AAAA,MACjD;AAAA,IACF;AAEA,eAAW,UAAU,KAAK,SAAS;AACjC,YAAM,aAAmC;AAAA,QACvC,KAAK,OAAO;AAAA,QACZ,gBAAgB,OAAO;AAAA,QACvB,WAAW,OAAO;AAAA,QAClB,oBAAoB,OAAO;AAAA,QAC3B,eAAe,OAAO;AAAA,QACtB,cAAc,OAAO;AAAA,MACvB;AACA,eAAS,YAAY,KAAK;AAAA,QACxB,MAAM;AAAA,QACN,aAAa,KAAK,UAAU,UAAU;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,UAAgB;AAEd,IAAC,KAAK,KAAiC,OAAO,KAAK;AACnD,IAAC,KAAK,KAAiC,SAAS,KAAK;AACrD,IAAC,KAAK,KAAiC,YAAY,KAAK;AACxD,IAAC,KAAK,KAAiC,SAAS,KAAK;AAGrD,eAAW,EAAE,OAAO,QAAQ,KAAK,KAAK,WAAW;AAC/C,WAAK,KAAK,IAAI,OAAO,OAAO;AAAA,IAC9B;AACA,SAAK,YAAY,CAAC;AAClB,SAAK,UAAU,CAAC;AAAA,EAClB;AAAA,EAEA,aAA0C;AACxC,WAAO,KAAK;AAAA,EACd;AAAA,EAEQ,mBAAyB;AAC/B,UAAM,OAAO;AACb,UAAM,OAAO,KAAK;AAElB,IAAC,KAAiC,OAAO,eAAgB,KAAa,SAAmB;AACvF,WAAK,iBAAiB,KAAK,MAAM;AACjC,aAAO,KAAK,SAAS,KAAK,OAAO;AAAA,IACnC;AAEA,IAAC,KAAiC,SAAS,eAAgB,SAAmB;AAC5E,YAAM,SAAS,MAAM,KAAK,WAAW,OAAO;AAC5C,WAAK,iBAAiB,KAAK,IAAI,GAAG,MAAM;AACxC,aAAO;AAAA,IACT;AAEA,IAAC,KAAiC,YAAY,eAAgB,SAAmB;AAC/E,YAAM,SAAS,MAAM,KAAK,cAAc,OAAO;AAC/C,WAAK,iBAAiB,KAAK,IAAI,GAAG,SAAS;AAC3C,aAAO;AAAA,IACT;AAEA,IAAC,KAAiC,SAAS,eAAgB,SAAmB;AAC5E,WAAK,iBAAiB,KAAK,IAAI,GAAG,SAAS;AAC3C,aAAO,KAAK,WAAW,OAAO;AAAA,IAChC;AAAA,EACF;AAAA,EAEQ,kBAAwB;AAE9B,UAAM,qBAAqB,MAAM;AAC/B,WAAK,wBAAuB,oBAAI,KAAK,GAAE,YAAY;AACnD,UAAI,KAAK,QAAQ,SAAS,GAAG;AAC3B,aAAK,QAAQ,KAAK,QAAQ,SAAS,CAAC,EAAE,qBAAqB,KAAK;AAAA,MAClE;AAAA,IACF;AACA,SAAK,KAAK,GAAG,oBAAoB,kBAAkD;AACnF,SAAK,UAAU,KAAK,EAAE,OAAO,oBAAoB,SAAS,mBAAmD,CAAC;AAG9G,UAAM,mBAAmB,CAAC,UAAmB;AAE3C,UAAI;AACF,cAAM,WAAW;AACjB,YAAI,OAAO,SAAS,gBAAgB,cAAc,SAAS,YAAY,MAAM,MAAM;AACjF;AAAA,QACF;AACA,cAAM,MAAM,SAAS,IAAI;AAEzB,cAAM,aAAa,KAAK,QAAQ,KAAK,QAAQ,SAAS,CAAC;AACvD,YAAI,YAAY;AACd,gBAAM,WAAW,KAAK,IAAI,IAAI,IAAI,KAAK,WAAW,SAAS,EAAE,QAAQ;AACrE,cAAI,WAAW,MAAM,WAAW,QAAQ,KAAK;AAC3C;AAAA,UACF;AAAA,QACF;AAEA,aAAK,iBAAiB,KAAK,YAAY;AAAA,MACzC,QAAQ;AAAA,MAER;AAAA,IACF;AACA,SAAK,KAAK,GAAG,kBAAkB,gBAAgB;AAC/C,SAAK,UAAU,KAAK,EAAE,OAAO,kBAAkB,SAAS,iBAAiB,CAAC;AAG1E,UAAM,mBAAmB,CAAC,QAAiB;AACzC,UAAI;AACF,cAAM,SAAS;AACf,YAAI,OAAO,KAAK,MAAM,QAAS;AAC/B,cAAM,OAAO,OAAO,KAAK;AACzB,YAAI,CAAC,KAAK,WAAW,kBAAkB,EAAG;AAC1C,cAAM,OAAO,KAAK,MAAM,KAAK,MAAM,mBAAmB,MAAM,CAAC;AAC7D,YAAI,KAAK,QAAQ,KAAK,KAAK;AACzB,eAAK,iBAAiB,KAAK,KAAK,KAAK,IAAsB;AAAA,QAC7D;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF;AACA,SAAK,KAAK,GAAG,WAAW,gBAAgB;AACxC,SAAK,UAAU,KAAK,EAAE,OAAO,WAAW,SAAS,iBAAiB,CAAC;AAGnE,QAAI,KAAK,qBAAqB;AAC5B,YAAM,YAAY,MAAM;AACtB,YAAI,KAAK,uBAAuB;AAC9B,eAAK,sBAAsB;AAAA,QAC7B;AAAA,MACF;AACA,WAAK,KAAK,GAAG,WAAW,SAAS;AACjC,WAAK,UAAU,KAAK,EAAE,OAAO,WAAW,SAAS,UAAU,CAAC;AAE5D,YAAM,aAAa,CAAC,aAAsB;AACxC,YAAI,CAAC,KAAK,sBAAuB;AACjC,YAAI;AACF,gBAAM,OAAO;AAKb,gBAAM,SAAS,KAAK,OAAO;AAC3B,cAAI,UAAU,KAAK;AACjB,iBAAK,sBAAsB;AAAA,UAC7B;AACA,gBAAM,gBAAgB,KAAK,QAAQ,EAAE,gBAAgB;AACrD,cAAI,eAAe;AACjB,iBAAK,sBAAsB,cAAc,SAAS,eAAe,EAAE,KAAK;AAAA,UAC1E;AACA,gBAAM,eAAe,KAAK,QAAQ,EAAE,aAAa;AACjD,gBAAM,UAAU,KAAK,gBAAgB,YAAY;AACjD,eAAK,sBAAsB,OAAO,OAAO;AAAA,QAC3C,QAAQ;AAAA,QAER;AAAA,MACF;AACA,WAAK,KAAK,GAAG,YAAY,UAAU;AACnC,WAAK,UAAU,KAAK,EAAE,OAAO,YAAY,SAAS,WAAW,CAAC;AAE9D,YAAM,kBAAkB,MAAM;AAC5B,YAAI,KAAK,uBAAuB;AAC9B,eAAK,sBAAsB;AAAA,QAC7B;AAAA,MACF;AACA,WAAK,KAAK,GAAG,iBAAiB,eAAe;AAC7C,WAAK,UAAU,KAAK,EAAE,OAAO,iBAAiB,SAAS,gBAAgB,CAAC;AAAA,IAC1E;AAAA,EACF;AAAA,EAEA,MAAc,qBAAoC;AAChD,QAAI;AACF,YAAM,KAAK,KAAK,cAAc,MAAM;AAClC,cAAM,WAAW,QAAQ,UAAU,KAAK,OAAO;AAC/C,cAAM,cAAc,QAAQ,aAAa,KAAK,OAAO;AAErD,gBAAQ,YAAY,YAAa,MAAmC;AAClE,mBAAS,GAAG,IAAI;AAEhB,kBAAQ,MAAM,qBAAqB,KAAK,UAAU;AAAA,YAChD,MAAM;AAAA,YACN,KAAK,SAAS;AAAA,UAChB,CAAC,CAAC;AAAA,QACJ;AAEA,gBAAQ,eAAe,YAAa,MAAsC;AACxE,sBAAY,GAAG,IAAI;AAEnB,kBAAQ,MAAM,qBAAqB,KAAK,UAAU;AAAA,YAChD,MAAM;AAAA,YACN,KAAK,SAAS;AAAA,UAChB,CAAC,CAAC;AAAA,QACJ;AAEA,eAAO,iBAAiB,YAAY,MAAM;AAExC,kBAAQ,MAAM,qBAAqB,KAAK,UAAU;AAAA,YAChD,MAAM;AAAA,YACN,KAAK,SAAS;AAAA,UAChB,CAAC,CAAC;AAAA,QACJ,CAAC;AAED,eAAO,iBAAiB,cAAc,MAAM;AAE1C,kBAAQ,MAAM,qBAAqB,KAAK,UAAU;AAAA,YAChD,MAAM;AAAA,YACN,KAAK,SAAS;AAAA,UAChB,CAAC,CAAC;AAAA,QACJ,CAAC;AAAA,MACH,CAAC;AAAA,IACH,QAAQ;AAAA,IAER;AAAA,EACF;AAAA,EAEQ,iBAAiB,KAAa,MAA4B;AAEhE,QAAI,KAAK,uBAAuB,KAAK,yBAAyB,KAAK,QAAQ,SAAS,GAAG;AACrF,WAAK,QAAQ,KAAK,QAAQ,SAAS,CAAC,EAAE,eAAe;AAAA,QACnD,eAAe,KAAK,sBAAsB;AAAA,QAC1C,gBAAgB,KAAK,sBAAsB;AAAA,QAC3C,YAAY,KAAK,sBAAsB;AAAA,QACvC,QAAQ,EAAE,GAAG,KAAK,sBAAsB,OAAO;AAAA,MACjD;AAAA,IACF;AAEA,SAAK,QAAQ,KAAK;AAAA,MAChB;AAAA,MACA,gBAAgB;AAAA,MAChB,YAAW,oBAAI,KAAK,GAAE,YAAY;AAAA,IACpC,CAAC;AAGD,QAAI,KAAK,qBAAqB;AAC5B,WAAK,wBAAwB,KAAK,qBAAqB;AAAA,IACzD;AAAA,EACF;AAAA,EAEQ,uBAAuC;AAC7C,WAAO;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,QAAQ,EAAE,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,EAAE;AAAA,IACvF;AAAA,EACF;AAAA,EAEQ,gBAAgB,MAAuC;AAC7D,YAAQ,MAAM;AAAA,MACZ,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF;AACF;;;ADzUO,IAAM,OAAO,YAAAA,KAAK,OAAO;AAAA,EAC9B,MAAM,OAAO,EAAE,KAAK,GAAG,KAAK,aAAa;AACvC,UAAM,UAAU,IAAI,kBAAkB,IAAa;AACnD,QAAI;AACF,YAAM,QAAQ,KAAK;AAAA,IACrB,QAAQ;AAAA,IAER;AAEA,UAAM,IAAI,IAAI;AAEd,QAAI;AACF,cAAQ,MAAM,QAAQ;AAAA,IACxB,QAAQ;AAAA,IAER;AACA,YAAQ,QAAQ;AAAA,EAClB;AACF,CAAC;","names":["base"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _playwright_test from '@playwright/test';
|
|
2
|
+
export { expect } from '@playwright/test';
|
|
3
|
+
|
|
4
|
+
declare const test: _playwright_test.TestType<_playwright_test.PlaywrightTestArgs & _playwright_test.PlaywrightTestOptions, _playwright_test.PlaywrightWorkerArgs & _playwright_test.PlaywrightWorkerOptions>;
|
|
5
|
+
|
|
6
|
+
export { test };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _playwright_test from '@playwright/test';
|
|
2
|
+
export { expect } from '@playwright/test';
|
|
3
|
+
|
|
4
|
+
declare const test: _playwright_test.TestType<_playwright_test.PlaywrightTestArgs & _playwright_test.PlaywrightTestOptions, _playwright_test.PlaywrightWorkerArgs & _playwright_test.PlaywrightWorkerOptions>;
|
|
5
|
+
|
|
6
|
+
export { test };
|
package/dist/fixture.js
ADDED
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
// src/fixture.ts
|
|
2
|
+
import { test as base, expect } from "@playwright/test";
|
|
3
|
+
|
|
4
|
+
// src/navigation-tracker.ts
|
|
5
|
+
var NavigationTracker = class {
|
|
6
|
+
constructor(page, options) {
|
|
7
|
+
this.page = page;
|
|
8
|
+
this.records = [];
|
|
9
|
+
this.listeners = [];
|
|
10
|
+
this.currentNetworkCounter = null;
|
|
11
|
+
this.includeNetworkStats = options?.includeNetworkStats ?? true;
|
|
12
|
+
this.origGoto = page.goto.bind(page);
|
|
13
|
+
this.origGoBack = page.goBack.bind(page);
|
|
14
|
+
this.origGoForward = page.goForward.bind(page);
|
|
15
|
+
this.origReload = page.reload.bind(page);
|
|
16
|
+
this.interceptMethods();
|
|
17
|
+
this.attachListeners();
|
|
18
|
+
}
|
|
19
|
+
async init() {
|
|
20
|
+
await this.injectSPADetection();
|
|
21
|
+
}
|
|
22
|
+
flush(testInfo) {
|
|
23
|
+
if (this.includeNetworkStats && this.currentNetworkCounter && this.records.length > 0) {
|
|
24
|
+
this.records[this.records.length - 1].networkStats = {
|
|
25
|
+
totalRequests: this.currentNetworkCounter.totalRequests,
|
|
26
|
+
failedRequests: this.currentNetworkCounter.failedRequests,
|
|
27
|
+
totalBytes: this.currentNetworkCounter.totalBytes,
|
|
28
|
+
byType: { ...this.currentNetworkCounter.byType }
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
for (const record of this.records) {
|
|
32
|
+
const annotation = {
|
|
33
|
+
url: record.url,
|
|
34
|
+
navigationType: record.navigationType,
|
|
35
|
+
timestamp: record.timestamp,
|
|
36
|
+
domContentLoadedAt: record.domContentLoadedAt,
|
|
37
|
+
networkIdleAt: record.networkIdleAt,
|
|
38
|
+
networkStats: record.networkStats
|
|
39
|
+
};
|
|
40
|
+
testInfo.annotations.push({
|
|
41
|
+
type: "lambdatest-navigation",
|
|
42
|
+
description: JSON.stringify(annotation)
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
dispose() {
|
|
47
|
+
this.page.goto = this.origGoto;
|
|
48
|
+
this.page.goBack = this.origGoBack;
|
|
49
|
+
this.page.goForward = this.origGoForward;
|
|
50
|
+
this.page.reload = this.origReload;
|
|
51
|
+
for (const { event, handler } of this.listeners) {
|
|
52
|
+
this.page.off(event, handler);
|
|
53
|
+
}
|
|
54
|
+
this.listeners = [];
|
|
55
|
+
this.records = [];
|
|
56
|
+
}
|
|
57
|
+
getRecords() {
|
|
58
|
+
return this.records;
|
|
59
|
+
}
|
|
60
|
+
interceptMethods() {
|
|
61
|
+
const self = this;
|
|
62
|
+
const page = this.page;
|
|
63
|
+
page.goto = async function(url, options) {
|
|
64
|
+
self.recordNavigation(url, "goto");
|
|
65
|
+
return self.origGoto(url, options);
|
|
66
|
+
};
|
|
67
|
+
page.goBack = async function(options) {
|
|
68
|
+
const result = await self.origGoBack(options);
|
|
69
|
+
self.recordNavigation(page.url(), "back");
|
|
70
|
+
return result;
|
|
71
|
+
};
|
|
72
|
+
page.goForward = async function(options) {
|
|
73
|
+
const result = await self.origGoForward(options);
|
|
74
|
+
self.recordNavigation(page.url(), "forward");
|
|
75
|
+
return result;
|
|
76
|
+
};
|
|
77
|
+
page.reload = async function(options) {
|
|
78
|
+
self.recordNavigation(page.url(), "refresh");
|
|
79
|
+
return self.origReload(options);
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
attachListeners() {
|
|
83
|
+
const onDomContentLoaded = () => {
|
|
84
|
+
this.lastDomContentLoaded = (/* @__PURE__ */ new Date()).toISOString();
|
|
85
|
+
if (this.records.length > 0) {
|
|
86
|
+
this.records[this.records.length - 1].domContentLoadedAt = this.lastDomContentLoaded;
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
this.page.on("domcontentloaded", onDomContentLoaded);
|
|
90
|
+
this.listeners.push({ event: "domcontentloaded", handler: onDomContentLoaded });
|
|
91
|
+
const onFrameNavigated = (frame) => {
|
|
92
|
+
try {
|
|
93
|
+
const frameObj = frame;
|
|
94
|
+
if (typeof frameObj.parentFrame === "function" && frameObj.parentFrame() !== null) {
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
const url = frameObj.url();
|
|
98
|
+
const lastRecord = this.records[this.records.length - 1];
|
|
99
|
+
if (lastRecord) {
|
|
100
|
+
const timeDiff = Date.now() - new Date(lastRecord.timestamp).getTime();
|
|
101
|
+
if (timeDiff < 50 && lastRecord.url === url) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
this.recordNavigation(url, "navigation");
|
|
106
|
+
} catch {
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
this.page.on("framenavigated", onFrameNavigated);
|
|
110
|
+
this.listeners.push({ event: "framenavigated", handler: onFrameNavigated });
|
|
111
|
+
const onConsoleMessage = (msg) => {
|
|
112
|
+
try {
|
|
113
|
+
const msgObj = msg;
|
|
114
|
+
if (msgObj.type() !== "debug") return;
|
|
115
|
+
const text = msgObj.text();
|
|
116
|
+
if (!text.startsWith("__testrelic_nav:")) return;
|
|
117
|
+
const data = JSON.parse(text.slice("__testrelic_nav:".length));
|
|
118
|
+
if (data.type && data.url) {
|
|
119
|
+
this.recordNavigation(data.url, data.type);
|
|
120
|
+
}
|
|
121
|
+
} catch {
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
this.page.on("console", onConsoleMessage);
|
|
125
|
+
this.listeners.push({ event: "console", handler: onConsoleMessage });
|
|
126
|
+
if (this.includeNetworkStats) {
|
|
127
|
+
const onRequest = () => {
|
|
128
|
+
if (this.currentNetworkCounter) {
|
|
129
|
+
this.currentNetworkCounter.totalRequests++;
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
this.page.on("request", onRequest);
|
|
133
|
+
this.listeners.push({ event: "request", handler: onRequest });
|
|
134
|
+
const onResponse = (response) => {
|
|
135
|
+
if (!this.currentNetworkCounter) return;
|
|
136
|
+
try {
|
|
137
|
+
const resp = response;
|
|
138
|
+
const status = resp.status();
|
|
139
|
+
if (status >= 400) {
|
|
140
|
+
this.currentNetworkCounter.failedRequests++;
|
|
141
|
+
}
|
|
142
|
+
const contentLength = resp.headers()["content-length"];
|
|
143
|
+
if (contentLength) {
|
|
144
|
+
this.currentNetworkCounter.totalBytes += parseInt(contentLength, 10) || 0;
|
|
145
|
+
}
|
|
146
|
+
const resourceType = resp.request().resourceType();
|
|
147
|
+
const typeKey = this.mapResourceType(resourceType);
|
|
148
|
+
this.currentNetworkCounter.byType[typeKey]++;
|
|
149
|
+
} catch {
|
|
150
|
+
}
|
|
151
|
+
};
|
|
152
|
+
this.page.on("response", onResponse);
|
|
153
|
+
this.listeners.push({ event: "response", handler: onResponse });
|
|
154
|
+
const onRequestFailed = () => {
|
|
155
|
+
if (this.currentNetworkCounter) {
|
|
156
|
+
this.currentNetworkCounter.failedRequests++;
|
|
157
|
+
}
|
|
158
|
+
};
|
|
159
|
+
this.page.on("requestfailed", onRequestFailed);
|
|
160
|
+
this.listeners.push({ event: "requestfailed", handler: onRequestFailed });
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
async injectSPADetection() {
|
|
164
|
+
try {
|
|
165
|
+
await this.page.addInitScript(() => {
|
|
166
|
+
const origPush = history.pushState.bind(history);
|
|
167
|
+
const origReplace = history.replaceState.bind(history);
|
|
168
|
+
history.pushState = function(...args) {
|
|
169
|
+
origPush(...args);
|
|
170
|
+
console.debug("__testrelic_nav:" + JSON.stringify({
|
|
171
|
+
type: "spa_route",
|
|
172
|
+
url: location.href
|
|
173
|
+
}));
|
|
174
|
+
};
|
|
175
|
+
history.replaceState = function(...args) {
|
|
176
|
+
origReplace(...args);
|
|
177
|
+
console.debug("__testrelic_nav:" + JSON.stringify({
|
|
178
|
+
type: "spa_replace",
|
|
179
|
+
url: location.href
|
|
180
|
+
}));
|
|
181
|
+
};
|
|
182
|
+
window.addEventListener("popstate", () => {
|
|
183
|
+
console.debug("__testrelic_nav:" + JSON.stringify({
|
|
184
|
+
type: "popstate",
|
|
185
|
+
url: location.href
|
|
186
|
+
}));
|
|
187
|
+
});
|
|
188
|
+
window.addEventListener("hashchange", () => {
|
|
189
|
+
console.debug("__testrelic_nav:" + JSON.stringify({
|
|
190
|
+
type: "hash_change",
|
|
191
|
+
url: location.href
|
|
192
|
+
}));
|
|
193
|
+
});
|
|
194
|
+
});
|
|
195
|
+
} catch {
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
recordNavigation(url, type) {
|
|
199
|
+
if (this.includeNetworkStats && this.currentNetworkCounter && this.records.length > 0) {
|
|
200
|
+
this.records[this.records.length - 1].networkStats = {
|
|
201
|
+
totalRequests: this.currentNetworkCounter.totalRequests,
|
|
202
|
+
failedRequests: this.currentNetworkCounter.failedRequests,
|
|
203
|
+
totalBytes: this.currentNetworkCounter.totalBytes,
|
|
204
|
+
byType: { ...this.currentNetworkCounter.byType }
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
this.records.push({
|
|
208
|
+
url,
|
|
209
|
+
navigationType: type,
|
|
210
|
+
timestamp: (/* @__PURE__ */ new Date()).toISOString()
|
|
211
|
+
});
|
|
212
|
+
if (this.includeNetworkStats) {
|
|
213
|
+
this.currentNetworkCounter = this.createNetworkCounter();
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
createNetworkCounter() {
|
|
217
|
+
return {
|
|
218
|
+
totalRequests: 0,
|
|
219
|
+
failedRequests: 0,
|
|
220
|
+
totalBytes: 0,
|
|
221
|
+
byType: { xhr: 0, document: 0, script: 0, stylesheet: 0, image: 0, font: 0, other: 0 }
|
|
222
|
+
};
|
|
223
|
+
}
|
|
224
|
+
mapResourceType(type) {
|
|
225
|
+
switch (type) {
|
|
226
|
+
case "xhr":
|
|
227
|
+
case "fetch":
|
|
228
|
+
return "xhr";
|
|
229
|
+
case "document":
|
|
230
|
+
return "document";
|
|
231
|
+
case "script":
|
|
232
|
+
return "script";
|
|
233
|
+
case "stylesheet":
|
|
234
|
+
return "stylesheet";
|
|
235
|
+
case "image":
|
|
236
|
+
return "image";
|
|
237
|
+
case "font":
|
|
238
|
+
return "font";
|
|
239
|
+
default:
|
|
240
|
+
return "other";
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
};
|
|
244
|
+
|
|
245
|
+
// src/fixture.ts
|
|
246
|
+
var test = base.extend({
|
|
247
|
+
page: async ({ page }, use, testInfo) => {
|
|
248
|
+
const tracker = new NavigationTracker(page);
|
|
249
|
+
try {
|
|
250
|
+
await tracker.init();
|
|
251
|
+
} catch {
|
|
252
|
+
}
|
|
253
|
+
await use(page);
|
|
254
|
+
try {
|
|
255
|
+
tracker.flush(testInfo);
|
|
256
|
+
} catch {
|
|
257
|
+
}
|
|
258
|
+
tracker.dispose();
|
|
259
|
+
}
|
|
260
|
+
});
|
|
261
|
+
export {
|
|
262
|
+
expect,
|
|
263
|
+
test
|
|
264
|
+
};
|
|
265
|
+
//# sourceMappingURL=fixture.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/fixture.ts","../src/navigation-tracker.ts"],"sourcesContent":["/**\n * @testrelic/playwright-analytics/fixture\n *\n * Extended Playwright test fixture that wraps the default `page` fixture\n * to automatically track navigation events.\n */\n\nimport { test as base, expect } from '@playwright/test';\nimport { NavigationTracker } from './navigation-tracker.js';\n\nexport { expect };\n\nexport const test = base.extend({\n page: async ({ page }, use, testInfo) => {\n const tracker = new NavigationTracker(page as never);\n try {\n await tracker.init();\n } catch {\n // Graceful degradation: continue without SPA detection\n }\n\n await use(page);\n\n try {\n tracker.flush(testInfo);\n } catch {\n // FR-009: fixture without reporter is harmless\n }\n tracker.dispose();\n },\n});\n","/**\n * NavigationTracker — wraps a Playwright Page to track navigation events.\n *\n * Intercepts page methods (goto, goBack, goForward, reload) and listens\n * for DOM events (framenavigated, domcontentloaded, load) plus injected\n * SPA detection scripts.\n */\n\nimport type { NavigationAnnotation, NavigationType, NetworkStats, ResourceBreakdown } from '@testrelic/core';\n\n// Minimal Playwright Page type subset for loose coupling\ninterface PageLike {\n goto(url: string, options?: unknown): Promise<unknown>;\n goBack(options?: unknown): Promise<unknown>;\n goForward(options?: unknown): Promise<unknown>;\n reload(options?: unknown): Promise<unknown>;\n url(): string;\n on(event: string, handler: (...args: unknown[]) => void): void;\n off(event: string, handler: (...args: unknown[]) => void): void;\n addInitScript(script: string | { path?: string } | (() => void)): Promise<void>;\n evaluate(fn: (...args: unknown[]) => unknown, ...args: unknown[]): Promise<unknown>;\n mainFrame(): { url(): string };\n}\n\ninterface TestInfoLike {\n annotations: Array<{ type: string; description?: string }>;\n}\n\ninterface NavigationRecord {\n url: string;\n navigationType: NavigationType;\n timestamp: string;\n domContentLoadedAt?: string;\n networkIdleAt?: string;\n networkStats?: NetworkStats;\n}\n\ninterface NetworkCounter {\n totalRequests: number;\n failedRequests: number;\n totalBytes: number;\n byType: Record<keyof ResourceBreakdown, number>;\n}\n\nexport class NavigationTracker {\n private records: NavigationRecord[] = [];\n private listeners: Array<{ event: string; handler: (...args: unknown[]) => void }> = [];\n private origGoto: PageLike['goto'];\n private origGoBack: PageLike['goBack'];\n private origGoForward: PageLike['goForward'];\n private origReload: PageLike['reload'];\n private lastDomContentLoaded: string | undefined;\n private includeNetworkStats: boolean;\n private currentNetworkCounter: NetworkCounter | null = null;\n\n constructor(private page: PageLike, options?: { includeNetworkStats?: boolean }) {\n this.includeNetworkStats = options?.includeNetworkStats ?? true;\n // Store originals\n this.origGoto = page.goto.bind(page);\n this.origGoBack = page.goBack.bind(page);\n this.origGoForward = page.goForward.bind(page);\n this.origReload = page.reload.bind(page);\n\n this.interceptMethods();\n this.attachListeners();\n }\n\n async init(): Promise<void> {\n await this.injectSPADetection();\n }\n\n flush(testInfo: TestInfoLike): void {\n // Finalize network stats for the last navigation\n if (this.includeNetworkStats && this.currentNetworkCounter && this.records.length > 0) {\n this.records[this.records.length - 1].networkStats = {\n totalRequests: this.currentNetworkCounter.totalRequests,\n failedRequests: this.currentNetworkCounter.failedRequests,\n totalBytes: this.currentNetworkCounter.totalBytes,\n byType: { ...this.currentNetworkCounter.byType },\n };\n }\n\n for (const record of this.records) {\n const annotation: NavigationAnnotation = {\n url: record.url,\n navigationType: record.navigationType,\n timestamp: record.timestamp,\n domContentLoadedAt: record.domContentLoadedAt,\n networkIdleAt: record.networkIdleAt,\n networkStats: record.networkStats,\n };\n testInfo.annotations.push({\n type: 'lambdatest-navigation',\n description: JSON.stringify(annotation),\n });\n }\n }\n\n dispose(): void {\n // Restore original methods\n (this.page as Record<string, unknown>).goto = this.origGoto;\n (this.page as Record<string, unknown>).goBack = this.origGoBack;\n (this.page as Record<string, unknown>).goForward = this.origGoForward;\n (this.page as Record<string, unknown>).reload = this.origReload;\n\n // Remove event listeners\n for (const { event, handler } of this.listeners) {\n this.page.off(event, handler);\n }\n this.listeners = [];\n this.records = [];\n }\n\n getRecords(): readonly NavigationRecord[] {\n return this.records;\n }\n\n private interceptMethods(): void {\n const self = this;\n const page = this.page;\n\n (page as Record<string, unknown>).goto = async function (url: string, options?: unknown) {\n self.recordNavigation(url, 'goto');\n return self.origGoto(url, options);\n };\n\n (page as Record<string, unknown>).goBack = async function (options?: unknown) {\n const result = await self.origGoBack(options);\n self.recordNavigation(page.url(), 'back');\n return result;\n };\n\n (page as Record<string, unknown>).goForward = async function (options?: unknown) {\n const result = await self.origGoForward(options);\n self.recordNavigation(page.url(), 'forward');\n return result;\n };\n\n (page as Record<string, unknown>).reload = async function (options?: unknown) {\n self.recordNavigation(page.url(), 'refresh');\n return self.origReload(options);\n };\n }\n\n private attachListeners(): void {\n // Track DOMContentLoaded for lifecycle timestamps\n const onDomContentLoaded = () => {\n this.lastDomContentLoaded = new Date().toISOString();\n if (this.records.length > 0) {\n this.records[this.records.length - 1].domContentLoadedAt = this.lastDomContentLoaded;\n }\n };\n this.page.on('domcontentloaded', onDomContentLoaded as (...args: unknown[]) => void);\n this.listeners.push({ event: 'domcontentloaded', handler: onDomContentLoaded as (...args: unknown[]) => void });\n\n // Track main frame navigation for non-intercepted navigations (link clicks, form submits)\n const onFrameNavigated = (frame: unknown) => {\n // Only track main frame\n try {\n const frameObj = frame as { url(): string; parentFrame(): unknown };\n if (typeof frameObj.parentFrame === 'function' && frameObj.parentFrame() !== null) {\n return; // Skip sub-frames\n }\n const url = frameObj.url();\n // Skip if we already recorded this URL in the last 50ms (from method interception)\n const lastRecord = this.records[this.records.length - 1];\n if (lastRecord) {\n const timeDiff = Date.now() - new Date(lastRecord.timestamp).getTime();\n if (timeDiff < 50 && lastRecord.url === url) {\n return; // Duplicate from method interception\n }\n }\n // This is an untracked navigation (link click, form submit, etc.)\n this.recordNavigation(url, 'navigation');\n } catch {\n // Ignore frame navigation errors\n }\n };\n this.page.on('framenavigated', onFrameNavigated);\n this.listeners.push({ event: 'framenavigated', handler: onFrameNavigated });\n\n // Track console messages from injected SPA detection script\n const onConsoleMessage = (msg: unknown) => {\n try {\n const msgObj = msg as { text(): string; type(): string };\n if (msgObj.type() !== 'debug') return;\n const text = msgObj.text();\n if (!text.startsWith('__testrelic_nav:')) return;\n const data = JSON.parse(text.slice('__testrelic_nav:'.length));\n if (data.type && data.url) {\n this.recordNavigation(data.url, data.type as NavigationType);\n }\n } catch {\n // Ignore parse errors\n }\n };\n this.page.on('console', onConsoleMessage);\n this.listeners.push({ event: 'console', handler: onConsoleMessage });\n\n // Network stats tracking\n if (this.includeNetworkStats) {\n const onRequest = () => {\n if (this.currentNetworkCounter) {\n this.currentNetworkCounter.totalRequests++;\n }\n };\n this.page.on('request', onRequest);\n this.listeners.push({ event: 'request', handler: onRequest });\n\n const onResponse = (response: unknown) => {\n if (!this.currentNetworkCounter) return;\n try {\n const resp = response as {\n status(): number;\n headers(): Record<string, string>;\n request(): { resourceType(): string };\n };\n const status = resp.status();\n if (status >= 400) {\n this.currentNetworkCounter.failedRequests++;\n }\n const contentLength = resp.headers()['content-length'];\n if (contentLength) {\n this.currentNetworkCounter.totalBytes += parseInt(contentLength, 10) || 0;\n }\n const resourceType = resp.request().resourceType();\n const typeKey = this.mapResourceType(resourceType);\n this.currentNetworkCounter.byType[typeKey]++;\n } catch {\n // Ignore response processing errors\n }\n };\n this.page.on('response', onResponse);\n this.listeners.push({ event: 'response', handler: onResponse });\n\n const onRequestFailed = () => {\n if (this.currentNetworkCounter) {\n this.currentNetworkCounter.failedRequests++;\n }\n };\n this.page.on('requestfailed', onRequestFailed);\n this.listeners.push({ event: 'requestfailed', handler: onRequestFailed });\n }\n }\n\n private async injectSPADetection(): Promise<void> {\n try {\n await this.page.addInitScript(() => {\n const origPush = history.pushState.bind(history);\n const origReplace = history.replaceState.bind(history);\n\n history.pushState = function (...args: Parameters<typeof origPush>) {\n origPush(...args);\n // eslint-disable-next-line no-console\n console.debug('__testrelic_nav:' + JSON.stringify({\n type: 'spa_route',\n url: location.href,\n }));\n };\n\n history.replaceState = function (...args: Parameters<typeof origReplace>) {\n origReplace(...args);\n // eslint-disable-next-line no-console\n console.debug('__testrelic_nav:' + JSON.stringify({\n type: 'spa_replace',\n url: location.href,\n }));\n };\n\n window.addEventListener('popstate', () => {\n // eslint-disable-next-line no-console\n console.debug('__testrelic_nav:' + JSON.stringify({\n type: 'popstate',\n url: location.href,\n }));\n });\n\n window.addEventListener('hashchange', () => {\n // eslint-disable-next-line no-console\n console.debug('__testrelic_nav:' + JSON.stringify({\n type: 'hash_change',\n url: location.href,\n }));\n });\n });\n } catch {\n // Ignore injection errors (page may be closed)\n }\n }\n\n private recordNavigation(url: string, type: NavigationType): void {\n // Finalize network stats for the previous navigation\n if (this.includeNetworkStats && this.currentNetworkCounter && this.records.length > 0) {\n this.records[this.records.length - 1].networkStats = {\n totalRequests: this.currentNetworkCounter.totalRequests,\n failedRequests: this.currentNetworkCounter.failedRequests,\n totalBytes: this.currentNetworkCounter.totalBytes,\n byType: { ...this.currentNetworkCounter.byType },\n };\n }\n\n this.records.push({\n url,\n navigationType: type,\n timestamp: new Date().toISOString(),\n });\n\n // Start fresh counter for this navigation\n if (this.includeNetworkStats) {\n this.currentNetworkCounter = this.createNetworkCounter();\n }\n }\n\n private createNetworkCounter(): NetworkCounter {\n return {\n totalRequests: 0,\n failedRequests: 0,\n totalBytes: 0,\n byType: { xhr: 0, document: 0, script: 0, stylesheet: 0, image: 0, font: 0, other: 0 },\n };\n }\n\n private mapResourceType(type: string): keyof ResourceBreakdown {\n switch (type) {\n case 'xhr':\n case 'fetch':\n return 'xhr';\n case 'document':\n return 'document';\n case 'script':\n return 'script';\n case 'stylesheet':\n return 'stylesheet';\n case 'image':\n return 'image';\n case 'font':\n return 'font';\n default:\n return 'other';\n }\n }\n}\n"],"mappings":"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","names":[]}
|