@syngrisi/wdio-sdk 3.1.2 → 3.1.3

package/dist/WDIODriver.js

@@ -3,12 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WDIODriver = exports.getDomDump = void 0;
+exports.WDIODriver = exports.collectDomTree = void 0;
 const node_crypto_1 = require("node:crypto");
 const logger_1 = __importDefault(require("./lib/logger"));
-const getDomDump_1 = require("./lib/getDomDump");
-Object.defineProperty(exports, "getDomDump", { enumerable: true, get: function () { return getDomDump_1.getDomDump; } });
 const core_api_1 = require("@syngrisi/core-api");
+Object.defineProperty(exports, "collectDomTree", { enumerable: true, get: function () { return core_api_1.collectDomTree; } });
 const WDIODriver_1 = require("./schemas/WDIODriver");
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const wdioHelpers_1 = require("./lib/wdioHelpers");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syngrisi/wdio-sdk",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "Syngrisi WebdriverIO SDK",
   "main": "dist/WDIODriver.js",
   "types": "dist/WDIODriver.d.ts",
@@ -38,7 +38,7 @@
   },
   "homepage": "https://github.com/syngrisi/syngrisi/tree/main/packages/wdio-sdk#readme",
   "dependencies": {
-    "@syngrisi/core-api": "^3.1.2",
+    "@syngrisi/core-api": "^3.1.3",
     "form-data": "^4.0.5",
     "got-cjs": "^12.5.4",
     "loglevel": "^1.9.2",
@@ -64,5 +64,5 @@
     "typescript": "^5.9.3",
     "vitest": "^4.0.15"
   },
-  "gitHead": "5e437593a4c3191f718cc7ea7390b86177062ac3"
+  "gitHead": "04fe86ead7c8446d01c945c4942d2aeffaf8a303"
 }

package/dist/lib/getDomDump.js

@@ -1,156 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDomDump = getDomDump;
-/**
- * Maximum depth for DOM tree traversal to prevent stack overflow
- */
-const MAX_DEPTH = 15;
-/**
- * Maximum text length to capture for each element
- */
-const MAX_TEXT_LENGTH = 200;
-/**
- * Tags to skip during DOM collection (non-visual elements)
- */
-const SKIP_TAGS = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'META', 'LINK', 'HEAD', 'SVG', 'PATH'];
-/**
- * CSS properties to capture for RCA analysis
- */
-const STYLES_TO_CAPTURE = [
-    // Display & Visibility
-    'display', 'visibility', 'opacity',
-    // Position
-    'position', 'top', 'right', 'bottom', 'left',
-    // Dimensions
-    'width', 'height', 'min-width', 'min-height', 'max-width', 'max-height',
-    // Box Model
-    'margin', 'margin-top', 'margin-right', 'margin-bottom', 'margin-left',
-    'padding', 'padding-top', 'padding-right', 'padding-bottom', 'padding-left',
-    'border', 'border-width', 'border-style', 'border-color',
-    'border-radius',
-    // Colors
-    'background-color', 'color',
-    // Typography
-    'font-family', 'font-size', 'font-weight', 'line-height', 'text-align',
-    'text-decoration', 'text-transform', 'letter-spacing',
-    // Layout
-    'overflow', 'overflow-x', 'overflow-y',
-    'z-index',
-    'transform',
-    // Flexbox
-    'flex', 'flex-direction', 'flex-wrap', 'justify-content', 'align-items', 'align-content', 'gap',
-    // Grid
-    'grid-template-columns', 'grid-template-rows', 'grid-gap',
-    // Box Shadow
-    'box-shadow',
-];
-/**
- * Check if element is visible (has dimensions and not hidden)
- */
-function isVisible(el) {
-    const style = window.getComputedStyle(el);
-    if (style.display === 'none' ||
-        style.visibility === 'hidden' ||
-        parseFloat(style.opacity) === 0) {
-        return false;
-    }
-    const rect = el.getBoundingClientRect();
-    return rect.width > 0 && rect.height > 0;
-}
-/**
- * Extract relevant attributes from element
- * Skips most data-* attributes to reduce payload size
- */
-function getAttributes(el) {
-    const attrs = {};
-    for (const attr of Array.from(el.attributes)) {
-        // Include data-testid but skip other data-* attributes
-        if (!attr.name.startsWith('data-') || attr.name === 'data-testid') {
-            attrs[attr.name] = attr.value;
-        }
-    }
-    return attrs;
-}
-/**
- * Extract computed styles that affect visual appearance
- */
-function getComputedStyles(el) {
-    const computed = window.getComputedStyle(el);
-    const styles = {};
-    for (const prop of STYLES_TO_CAPTURE) {
-        const value = computed.getPropertyValue(prop);
-        // Skip default/empty values to reduce payload
-        if (value && value !== 'initial' && value !== 'none' && value !== 'normal' && value !== 'auto' && value !== '0px' && value !== 'rgba(0, 0, 0, 0)') {
-            // Convert kebab-case to camelCase for consistency
-            const camelProp = prop.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
-            styles[camelProp] = value;
-        }
-    }
-    return styles;
-}
-/**
- * Get direct text content (not from children)
- */
-function getDirectText(el) {
-    let text = '';
-    for (const child of Array.from(el.childNodes)) {
-        if (child.nodeType === Node.TEXT_NODE) {
-            text += child.textContent?.trim() || '';
-        }
-    }
-    // Truncate long text
-    const trimmed = text.trim();
-    if (!trimmed)
-        return undefined;
-    return trimmed.length > MAX_TEXT_LENGTH ? trimmed.substring(0, MAX_TEXT_LENGTH) + '...' : trimmed;
-}
-/**
- * Recursively collect DOM node and its children
- */
-function collectNode(el, depth = 0) {
-    // Limit depth to prevent stack overflow
-    if (depth > MAX_DEPTH)
-        return null;
-    // Skip invisible elements
-    if (!isVisible(el))
-        return null;
-    // Skip non-visual elements
-    if (SKIP_TAGS.includes(el.tagName))
-        return null;
-    const rect = el.getBoundingClientRect();
-    // Collect children
-    const children = [];
-    for (const child of Array.from(el.children)) {
-        const childNode = collectNode(child, depth + 1);
-        if (childNode) {
-            children.push(childNode);
-        }
-    }
-    return {
-        tagName: el.tagName.toLowerCase(),
-        attributes: getAttributes(el),
-        rect: {
-            x: Math.round(rect.x),
-            y: Math.round(rect.y),
-            width: Math.round(rect.width),
-            height: Math.round(rect.height),
-        },
-        computedStyles: getComputedStyles(el),
-        children,
-        text: getDirectText(el),
-    };
-}
-/**
- * Collects DOM tree with computed styles for RCA (Root Cause Analysis)
- * This function runs in browser context via WebdriverIO
- *
- * @param done - Callback function for WebdriverIO async compatibility
- * @returns Serialized DomNode tree as JSON string
- * @hidden - hidden for typedoc
- */
-function getDomDump(done) {
-    const root = collectNode(document.body);
-    const result = JSON.stringify(root);
-    done(result);
-    return result;
-}