@capillarytech/cap-ui-utils 3.2.0-beta.2 → 3.2.0-beta.3

package/e2e/README.md

@@ -64,6 +64,11 @@ import { waitForApi } from '@capillarytech/cap-ui-utils/e2e/playwright/waits';
 - **`playwright/logCollector`** — per-test POST to `http://127.0.0.1:4000/logger`
   with the exact WDIO payload (`status` / `time` / `validataionMessage` / `total`,
   keyed runId → suite → test). Non-fatal on any failure; honours `skipLogCollector`.
+- **`playwright/apiFailureLogger`** — logs every same-origin API response outside
+  2xx (response + request headers) and network-level request failures, with the
+  same wording as the WDIO CDP interceptor (`API <url> errored with status: ...`,
+  `Following request headers were sent for failed request`). Auto-attached by
+  `doLogin()`; also exported standalone as `attachApiFailureLogger(page, {baseUrl})`.
 - **`playwright/config`** — `createPlaywrightConfig()` wires the reporter, selects the
   suite via `SUITE` → `@<suite>` grep (mirrors `wdio --suite`), and sets pod-friendly
   defaults (headless chromium, trace/screenshot on failure, retries).

package/e2e/playwright/apiFailureLogger.js

@@ -0,0 +1,58 @@
+"use strict";
+/**
+ * Failed-API logger — Playwright port of the WDIO base-conf network interceptor
+ * (test/wdio.conf.ts `Network.responseReceived` block): every SAME-ORIGIN API
+ * response outside 2xx is logged with its response + request headers, and
+ * network-level request failures (refused/aborted/DNS) are logged too.
+ *
+ * The lines go to stdout, which supervisor.py captures and ships to Apitester —
+ * and they use the SAME wording as the WDIO interceptor so existing debugging
+ * habits and log greps keep working:
+ *
+ *   API <url> errored with status: <status> with following response headers:
+ *   { ...response headers... }
+ *   Following request headers were sent for failed request { ...request headers... }
+ *
+ * Auto-attached by doLogin() for every consumer (mirrors WDIO's always-on base
+ * conf). Idempotent per page. Logging must never fail the run.
+ */
+
+const attached = new WeakSet();
+
+function attachApiFailureLogger(page, opts = {}) {
+    if (!page || typeof page.on !== "function" || attached.has(page)) return;
+    attached.add(page);
+
+    // Same-origin filter — WDIO used cons['url'] (the intouch base URL).
+    const base = String(opts.baseUrl || process.env.INTOUCH_URL || "");
+
+    page.on("response", (response) => {
+        Promise.resolve()
+            .then(async () => {
+                const url = response.url();
+                if (base && !url.startsWith(base)) return;
+                const status = response.status();
+                if (status >= 200 && status <= 299) return;
+                const respHeaders = await response.allHeaders().catch(() => response.headers());
+                console.log(`API ${url} errored with status: ${status} with following response headers:`);
+                console.log(respHeaders);
+                console.log("Following request headers were sent for failed request", response.request().headers());
+            })
+            .catch(() => { /* logging must never fail the run */ });
+    });
+
+    page.on("requestfailed", (request) => {
+        try {
+            const url = request.url();
+            if (base && !url.startsWith(base)) return;
+            const failure = request.failure();
+            console.log(`API ${url} FAILED at network level: ${(failure && failure.errorText) || "unknown"} (method ${request.method()})`);
+            console.log("Following request headers were sent for failed request", request.headers());
+        } catch (e) { /* ignore */ }
+    });
+
+    console.log("----DONE SETTING UP NETWORK INTERCEPTOR TO LOG FAILED APIS----");
+}
+
+module.exports = { attachApiFailureLogger };
+module.exports.default = { attachApiFailureLogger };

package/e2e/playwright/index.js

@@ -10,6 +10,7 @@ const config_1 = require("./config");
 const login_1 = require("./login");
 const waits_1 = require("./waits");
 const logCollector_1 = require("./logCollector");
+const apiFailureLogger_1 = require("./apiFailureLogger");
 
 exports.createPlaywrightConfig = config_1.createPlaywrightConfig;
 exports.doLogin = login_1.doLogin;
@@ -17,4 +18,5 @@ exports.waitForApi = waits_1.waitForApi;
 exports.clickAndWaitForApi = waits_1.clickAndWaitForApi;
 exports.waitForApiIdle = waits_1.waitForApiIdle;
 exports.collectLogs = logCollector_1.collectLogs;
+exports.attachApiFailureLogger = apiFailureLogger_1.attachApiFailureLogger;
 exports.reporterPath = require.resolve("./reporter");

package/e2e/playwright/login.js

@@ -10,6 +10,8 @@
  *   import { doLogin } from '@capillarytech/cap-ui-utils/e2e/playwright/login';
  *   await doLogin(page, { url, username, password });
  */
+const { attachApiFailureLogger } = require("./apiFailureLogger");
+
 const MAX_LOGIN_ATTEMPTS = 3;
 
 function sel(page) {
@@ -28,6 +30,9 @@ function sel(page) {
 
 async function doLogin(page, opts, attempt = 0) {
     const { url, username, password } = opts;
+    // WDIO's base conf always logged failed same-origin API calls (CDP interceptor);
+    // wire the PW equivalent here so every consumer inherits it. Idempotent per page.
+    attachApiFailureLogger(page, { baseUrl: url });
     const s = sel(page);
     try {
         await page.goto(url, { waitUntil: "domcontentloaded" });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/cap-ui-utils",
-  "version": "3.2.0-beta.2",
+  "version": "3.2.0-beta.3",
   "publishConfig": {
     "access": "public"
   },