@rickcedwhat/playwright-smart-table 6.1.1 → 6.3.0

package/README.md

@@ -2,7 +2,7 @@
 
 **Production-ready table testing for Playwright with smart column-aware locators.**
 
-[![npm version](https://img.shields.io/npm/v/@rickcedwhat/playwright-smart-table.svg)](https://www.npmjs.com/package/@rickcedwhat/playwright-smart-table)
+[![npm version](https://img.shields.io/github/package-json/v/rickcedwhat/playwright-smart-table?label=npm&color=blue&t=2)](https://www.npmjs.com/package/@rickcedwhat/playwright-smart-table)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 ---
@@ -79,10 +79,12 @@ const allActive = await table.findRows({ Status: 'Active' });
 ## Key Features
 
 - 🎯 **Smart Locators** - Find rows by content, not position
+- 🧠 **Fuzzy Matching** - Smart suggestions for typos (e.g., incorrectly typed "Firstname" suggests "First Name" in error messages)
+- ⚡ **Smart Initialization** - Handles loading states and dynamic headers automatically
 - 📄 **Auto-Pagination** - Search across all pages automatically
 - 🔍 **Column-Aware Access** - Access cells by column name
 - 🛠️ **Debug Mode** - Visual debugging with slow motion and logging
-- 🔌 **Extensible Strategies** - Support any table implementation
+- 🔌 **[Extensible Strategies](docs/concepts/strategies.md)** - Support any table implementation
 - 💪 **Type-Safe** - Full TypeScript support
 - 🚀 **Production-Ready** - Battle-tested in real-world applications
 

package/dist/engine/rowFinder.d.ts

@@ -0,0 +1,27 @@
+import type { Locator, Page } from '@playwright/test';
+import { FinalTableConfig, Selector, SmartRow, FilterValue } from '../types';
+import { FilterEngine } from '../filterEngine';
+import { TableMapper } from './tableMapper';
+import { SmartRowArray } from '../utils/smartRowArray';
+export declare class RowFinder<T = any> {
+    private rootLocator;
+    private config;
+    private filterEngine;
+    private tableMapper;
+    private makeSmartRow;
+    private resolve;
+    constructor(rootLocator: Locator, config: FinalTableConfig, resolve: (item: Selector, parent: Locator | Page) => Locator, filterEngine: FilterEngine, tableMapper: TableMapper, makeSmartRow: (loc: Locator, map: Map<string, number>, index: number) => SmartRow<T>);
+    private log;
+    findRow(filters: Record<string, FilterValue>, options?: {
+        exact?: boolean;
+        maxPages?: number;
+    }): Promise<SmartRow<T>>;
+    findRows(filtersOrOptions?: (Partial<T> | Record<string, FilterValue>) & ({
+        exact?: boolean;
+        maxPages?: number;
+    }), legacyOptions?: {
+        exact?: boolean;
+        maxPages?: number;
+    }): Promise<SmartRowArray<T>>;
+    private findRowLocator;
+}

package/dist/engine/rowFinder.js

@@ -0,0 +1,193 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowFinder = void 0;
+const debugUtils_1 = require("../utils/debugUtils");
+const smartRowArray_1 = require("../utils/smartRowArray");
+const validation_1 = require("../strategies/validation");
+class RowFinder {
+    constructor(rootLocator, config, resolve, filterEngine, tableMapper, makeSmartRow) {
+        this.rootLocator = rootLocator;
+        this.config = config;
+        this.filterEngine = filterEngine;
+        this.tableMapper = tableMapper;
+        this.makeSmartRow = makeSmartRow;
+        this.resolve = resolve;
+    }
+    log(msg) {
+        (0, debugUtils_1.logDebug)(this.config, 'verbose', msg);
+    }
+    findRow(filters_1) {
+        return __awaiter(this, arguments, void 0, function* (filters, options = {}) {
+            (0, debugUtils_1.logDebug)(this.config, 'info', 'Searching for row', filters);
+            yield this.tableMapper.getMap();
+            const rowLocator = yield this.findRowLocator(filters, options);
+            if (rowLocator) {
+                (0, debugUtils_1.logDebug)(this.config, 'info', 'Row found');
+                yield (0, debugUtils_1.debugDelay)(this.config, 'findRow');
+                return this.makeSmartRow(rowLocator, yield this.tableMapper.getMap(), 0);
+            }
+            (0, debugUtils_1.logDebug)(this.config, 'error', 'Row not found', filters);
+            yield (0, debugUtils_1.debugDelay)(this.config, 'findRow');
+            const sentinel = this.resolve(this.config.rowSelector, this.rootLocator)
+                .filter({ hasText: "___SENTINEL_ROW_NOT_FOUND___" + Date.now() });
+            return this.makeSmartRow(sentinel, yield this.tableMapper.getMap(), 0);
+        });
+    }
+    findRows(filtersOrOptions, 
+    // Deprecated: verify legacy usage pattern support
+    legacyOptions) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Detect argument pattern:
+            // Pattern A: findRows({ Name: 'Alice' }, { maxPages: 5 })
+            // Pattern B: findRows({ maxPages: 5 })  <-- No filters, just options
+            // Pattern C: findRows({ Name: 'Alice' }) <-- Only filters
+            var _a, _b;
+            let filters = {};
+            let options = {};
+            if (legacyOptions) {
+                // Pattern A
+                filters = filtersOrOptions;
+                options = legacyOptions;
+            }
+            else {
+                // Pattern B or C
+                // We need to separate unknown keys (filters) from known options (exact, maxPages)
+                // However, filtersOrOptions can be null/undefined
+                if (filtersOrOptions) {
+                    const _c = filtersOrOptions, { exact, maxPages } = _c, rest = __rest(_c, ["exact", "maxPages"]);
+                    options = { exact, maxPages };
+                    filters = rest;
+                }
+            }
+            const map = yield this.tableMapper.getMap();
+            const allRows = [];
+            const effectiveMaxPages = (_b = (_a = options.maxPages) !== null && _a !== void 0 ? _a : this.config.maxPages) !== null && _b !== void 0 ? _b : Infinity;
+            let pageCount = 0;
+            const collectMatches = () => __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
+                // ... logic ...
+                let rowLocators = this.resolve(this.config.rowSelector, this.rootLocator);
+                // Only apply filters if we have them
+                if (Object.keys(filters).length > 0) {
+                    rowLocators = this.filterEngine.applyFilters(rowLocators, filters, map, (_a = options.exact) !== null && _a !== void 0 ? _a : false, this.rootLocator.page());
+                }
+                const currentRows = yield rowLocators.all();
+                const isRowLoading = (_b = this.config.strategies.loading) === null || _b === void 0 ? void 0 : _b.isRowLoading;
+                for (let i = 0; i < currentRows.length; i++) {
+                    const smartRow = this.makeSmartRow(currentRows[i], map, allRows.length + i);
+                    if (isRowLoading && (yield isRowLoading(smartRow)))
+                        continue;
+                    allRows.push(smartRow);
+                }
+            });
+            // Scan first page
+            yield collectMatches();
+            // Pagination Loop - Corrected logic
+            // We always scan at least 1 page.
+            // If maxPages > 1, and we have a pagination strategy, we try to go next.
+            while (pageCount < effectiveMaxPages - 1 && this.config.strategies.pagination) {
+                const context = {
+                    root: this.rootLocator,
+                    config: this.config,
+                    resolve: this.resolve,
+                    page: this.rootLocator.page()
+                };
+                // Check if we should stop? (e.g. if we found enough rows? No, findRows finds ALL)
+                const paginationResult = yield this.config.strategies.pagination(context);
+                const didPaginate = yield (0, validation_1.validatePaginationResult)(paginationResult, 'Pagination Strategy');
+                if (!didPaginate)
+                    break;
+                pageCount++;
+                // Wait for reload logic if needed? Usually pagination handles it.
+                yield collectMatches();
+            }
+            return (0, smartRowArray_1.createSmartRowArray)(allRows);
+        });
+    }
+    findRowLocator(filters_1) {
+        return __awaiter(this, arguments, void 0, function* (filters, options = {}) {
+            var _a, _b;
+            const map = yield this.tableMapper.getMap();
+            const effectiveMaxPages = (_a = options.maxPages) !== null && _a !== void 0 ? _a : this.config.maxPages;
+            let currentPage = 1;
+            this.log(`Looking for row: ${JSON.stringify(filters)} (MaxPages: ${effectiveMaxPages})`);
+            while (true) {
+                // Check Loading
+                if ((_b = this.config.strategies.loading) === null || _b === void 0 ? void 0 : _b.isTableLoading) {
+                    const isLoading = yield this.config.strategies.loading.isTableLoading({
+                        root: this.rootLocator,
+                        config: this.config,
+                        page: this.rootLocator.page(),
+                        resolve: this.resolve
+                    });
+                    if (isLoading) {
+                        this.log('Table is loading... waiting');
+                        yield this.rootLocator.page().waitForTimeout(200);
+                        continue;
+                    }
+                }
+                const allRows = this.resolve(this.config.rowSelector, this.rootLocator);
+                const matchedRows = this.filterEngine.applyFilters(allRows, filters, map, options.exact || false, this.rootLocator.page());
+                const count = yield matchedRows.count();
+                this.log(`Page ${currentPage}: Found ${count} matches.`);
+                if (count > 1) {
+                    const sampleData = [];
+                    try {
+                        const firstFewRows = yield matchedRows.all();
+                        const sampleCount = Math.min(firstFewRows.length, 3);
+                        for (let i = 0; i < sampleCount; i++) {
+                            const rowData = yield this.makeSmartRow(firstFewRows[i], map, 0).toJSON();
+                            sampleData.push(JSON.stringify(rowData));
+                        }
+                    }
+                    catch (e) { }
+                    const sampleMsg = sampleData.length > 0 ? `\nSample matching rows:\n${sampleData.map((d, i) => `  ${i + 1}. ${d}`).join('\n')}` : '';
+                    throw new Error(`Ambiguous Row: Found ${count} rows matching ${JSON.stringify(filters)} on page ${currentPage}. ` +
+                        `Expected exactly one match. Try adding more filters to make your query unique.${sampleMsg}`);
+                }
+                if (count === 1)
+                    return matchedRows.first();
+                if (currentPage < effectiveMaxPages) {
+                    this.log(`Page ${currentPage}: Not found. Attempting pagination...`);
+                    const context = {
+                        root: this.rootLocator,
+                        config: this.config,
+                        resolve: this.resolve,
+                        page: this.rootLocator.page()
+                    };
+                    const paginationResult = yield this.config.strategies.pagination(context);
+                    const didLoadMore = (0, validation_1.validatePaginationResult)(paginationResult, 'Pagination Strategy');
+                    if (didLoadMore) {
+                        currentPage++;
+                        continue;
+                    }
+                    else {
+                        this.log(`Page ${currentPage}: Pagination failed (end of data).`);
+                    }
+                }
+                return null;
+            }
+        });
+    }
+}
+exports.RowFinder = RowFinder;

package/dist/engine/tableMapper.d.ts

@@ -0,0 +1,16 @@
+import type { Locator, Page } from '@playwright/test';
+import { FinalTableConfig, Selector } from '../types';
+export declare class TableMapper {
+    private _headerMap;
+    private config;
+    private rootLocator;
+    private resolve;
+    constructor(rootLocator: Locator, config: FinalTableConfig, resolve: (item: Selector, parent: Locator | Page) => Locator);
+    private log;
+    getMap(timeout?: number): Promise<Map<string, number>>;
+    remapHeaders(): Promise<void>;
+    getMapSync(): Map<string, number> | null;
+    isInitialized(): boolean;
+    clear(): void;
+    private processHeaders;
+}

package/dist/engine/tableMapper.js

@@ -0,0 +1,136 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableMapper = void 0;
+const headers_1 = require("../strategies/headers");
+const debugUtils_1 = require("../utils/debugUtils");
+class TableMapper {
+    constructor(rootLocator, config, resolve) {
+        this._headerMap = null;
+        this.rootLocator = rootLocator;
+        this.config = config;
+        this.resolve = resolve;
+    }
+    log(msg) {
+        (0, debugUtils_1.logDebug)(this.config, 'verbose', msg);
+    }
+    getMap(timeout) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (this._headerMap)
+                return this._headerMap;
+            this.log('Mapping headers...');
+            const headerTimeout = timeout !== null && timeout !== void 0 ? timeout : 3000;
+            const startTime = Date.now();
+            if (this.config.autoScroll) {
+                try {
+                    yield this.rootLocator.scrollIntoViewIfNeeded({ timeout: 1000 });
+                }
+                catch (e) { }
+            }
+            const headerLoc = this.resolve(this.config.headerSelector, this.rootLocator);
+            const strategy = this.config.strategies.header || headers_1.HeaderStrategies.visible;
+            const context = {
+                root: this.rootLocator,
+                config: this.config,
+                page: this.rootLocator.page(),
+                resolve: this.resolve
+            };
+            let lastError = null;
+            while (Date.now() - startTime < headerTimeout) {
+                // 1. Wait for visibility
+                try {
+                    yield headerLoc.first().waitFor({ state: 'visible', timeout: 200 });
+                }
+                catch (e) {
+                    // Continue to check existing/loading state even if not strictly "visible" yet
+                }
+                // 2. Check Smart Loading State
+                if ((_a = this.config.strategies.loading) === null || _a === void 0 ? void 0 : _a.isHeaderLoading) {
+                    const isStable = !(yield this.config.strategies.loading.isHeaderLoading(context));
+                    if (!isStable) {
+                        this.log('Headers are loading/unstable... waiting');
+                        yield new Promise(r => setTimeout(r, 100));
+                        continue;
+                    }
+                }
+                // 3. Attempt Scan
+                try {
+                    const rawHeaders = yield strategy(context);
+                    const entries = yield this.processHeaders(rawHeaders);
+                    // Success
+                    this._headerMap = new Map(entries);
+                    this.log(`Mapped ${entries.length} columns: ${JSON.stringify(entries.map(e => e[0]))}`);
+                    return this._headerMap;
+                }
+                catch (e) {
+                    lastError = e;
+                    this.log(`Header mapping failed (retrying): ${e.message}`);
+                    yield new Promise(r => setTimeout(r, 100));
+                }
+            }
+            throw lastError || new Error(`Timed out waiting for headers after ${headerTimeout}ms`);
+        });
+    }
+    remapHeaders() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._headerMap = null;
+            yield this.getMap();
+        });
+    }
+    getMapSync() {
+        return this._headerMap;
+    }
+    isInitialized() {
+        return this._headerMap !== null;
+    }
+    clear() {
+        this._headerMap = null;
+    }
+    processHeaders(rawHeaders) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const seenHeaders = new Set();
+            const entries = [];
+            for (let i = 0; i < rawHeaders.length; i++) {
+                let text = rawHeaders[i].trim() || `__col_${i}`;
+                if (this.config.headerTransformer) {
+                    text = yield this.config.headerTransformer({
+                        text,
+                        index: i,
+                        locator: this.rootLocator.locator(this.config.headerSelector).nth(i),
+                        seenHeaders
+                    });
+                }
+                entries.push([text, i]);
+                seenHeaders.add(text);
+            }
+            // Validation: Check for empty table
+            if (entries.length === 0) {
+                throw new Error(`Initialization Error: No columns found using selector "${this.config.headerSelector}". Check your selector or ensure the table is visible.`);
+            }
+            // Validation: Check for duplicates
+            const seen = new Set();
+            const duplicates = new Set();
+            for (const [name] of entries) {
+                if (seen.has(name)) {
+                    duplicates.add(name);
+                }
+                seen.add(name);
+            }
+            if (duplicates.size > 0) {
+                const dupList = Array.from(duplicates).map(d => `"${d}"`).join(', ');
+                throw new Error(`Initialization Error: Duplicate column names found: ${dupList}. Use 'headerTransformer' to rename duplicate columns.`);
+            }
+            return entries;
+        });
+    }
+}
+exports.TableMapper = TableMapper;

package/dist/filterEngine.d.ts

@@ -1,5 +1,5 @@
 import { Locator, Page } from "@playwright/test";
-import { FinalTableConfig } from "./types";
+import { FinalTableConfig, FilterValue } from "./types";
 export declare class FilterEngine {
     private config;
     private resolve;
@@ -7,5 +7,5 @@ export declare class FilterEngine {
     /**
      * Applies filters to a set of rows.
      */
-    applyFilters(baseRows: Locator, filters: Record<string, string | RegExp | number>, map: Map<string, number>, exact: boolean, page: Page): Locator;
+    applyFilters(baseRows: Locator, filters: Record<string, FilterValue>, map: Map<string, number>, exact: boolean, page: Page): Locator;
 }

package/dist/filterEngine.js

@@ -20,7 +20,7 @@ class FilterEngine {
             if (colIndex === undefined) {
                 throw new Error((0, stringUtils_1.buildColumnNotFoundError)(colName, Array.from(map.keys())));
             }
-            const filterVal = typeof value === 'number' ? String(value) : value;
+            const filterVal = value;
             // Use strategy if provided (For future: configured filter strategies)
             // But for now, we implement the default logic or use custom if we add it to config later
             // Default Filter Logic
@@ -29,9 +29,20 @@ class FilterEngine {
             // filter({ has: ... }) checks if the row *contains* the matching cell.
             // But we need to be specific about WHICH cell.
             // Locator filtering by `has: locator.nth(index)` works if `locator` search is relative to the row.
-            filtered = filtered.filter({
-                has: cellTemplate.nth(colIndex).getByText(filterVal, { exact }),
-            });
+            const targetCell = cellTemplate.nth(colIndex);
+            if (typeof filterVal === 'function') {
+                // Locator-based filter: (cell) => cell.locator(...)
+                filtered = filtered.filter({
+                    has: filterVal(targetCell)
+                });
+            }
+            else {
+                // Text-based filter
+                const textVal = typeof filterVal === 'number' ? String(filterVal) : filterVal;
+                filtered = filtered.filter({
+                    has: targetCell.getByText(textVal, { exact }),
+                });
+            }
         }
         return filtered;
     }

package/dist/smartRow.d.ts

@@ -4,4 +4,4 @@ import { SmartRow as SmartRowType, FinalTableConfig, TableResult } from './types
  * Factory to create a SmartRow by extending a Playwright Locator.
  * We avoid Class/Proxy to ensure full compatibility with Playwright's expect(locator) matchers.
  */
-export declare const createSmartRow: <T = any>(rowLocator: Locator, map: Map<string, number>, rowIndex: number | undefined, config: FinalTableConfig, rootLocator: Locator, resolve: (item: any, parent: Locator | Page) => Locator, table: TableResult<T> | null) => SmartRowType<T>;
+export declare const createSmartRow: <T = any>(rowLocator: Locator, map: Map<string, number>, rowIndex: number | undefined, config: FinalTableConfig<T>, rootLocator: Locator, resolve: (item: any, parent: Locator | Page) => Locator, table: TableResult<T> | null) => SmartRowType<T>;

package/dist/smartRow.js

@@ -39,13 +39,23 @@ const createSmartRow = (rowLocator, map, rowIndex, config, rootLocator, resolve,
         return resolve(config.cellSelector, rowLocator).nth(idx);
     };
     smart.toJSON = (options) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const result = {};
         const page = rootLocator.page();
         for (const [col, idx] of map.entries()) {
             if ((options === null || options === void 0 ? void 0 : options.columns) && !options.columns.includes(col)) {
                 continue;
             }
-            // Get the cell locator
+            // Check if we have a data mapper for this column
+            const mapper = (_a = config.dataMapper) === null || _a === void 0 ? void 0 : _a[col];
+            if (mapper) {
+                // Use custom mapper
+                // Ensure we have the cell first (same navigation logic)
+                // ... wait, the navigation logic below assumes we need to navigate.
+                // If we have a mapper, we still need the cell locator.
+                // Let's reuse the navigation logic to get targetCell
+            }
+            // --- Navigation Logic Start ---
             const cell = config.strategies.getCellLocator
                 ? config.strategies.getCellLocator({
                     row: rowLocator,
@@ -56,7 +66,6 @@ const createSmartRow = (rowLocator, map, rowIndex, config, rootLocator, resolve,
                 })
                 : resolve(config.cellSelector, rowLocator).nth(idx);
             let targetCell = cell;
-            // Check if cell exists
             const count = yield cell.count();
             if (count === 0) {
                 // Optimization: Check if we are ALREADY at the target cell
@@ -68,47 +77,59 @@ const createSmartRow = (rowLocator, map, rowIndex, config, rootLocator, resolve,
                         resolve
                     });
                     if (active && active.rowIndex === rowIndex && active.columnIndex === idx) {
-                        if (config.debug)
-                            console.log(`[SmartRow] Already at target cell (r:${active.rowIndex}, c:${active.columnIndex}), skipping navigation.`);
                         targetCell = active.locator;
-                        // Skip navigation and go to reading text
-                        const text = yield targetCell.innerText();
-                        result[col] = (text || '').trim();
-                        continue;
+                        // Skip navigation
+                    }
+                    else {
+                        // Cell doesn't exist - navigate to it
+                        yield config.strategies.cellNavigation({
+                            config: config,
+                            root: rootLocator,
+                            page: page,
+                            resolve: resolve,
+                            column: col,
+                            index: idx,
+                            rowLocator: rowLocator,
+                            rowIndex: rowIndex
+                        });
+                        // Update targetCell after navigation if needed (e.g. active cell changed)
+                        if (config.strategies.getActiveCell) {
+                            const activeCell = yield config.strategies.getActiveCell({
+                                config,
+                                root: rootLocator,
+                                page,
+                                resolve
+                            });
+                            if (activeCell)
+                                targetCell = activeCell.locator;
+                        }
                     }
                 }
-                // Cell doesn't exist - navigate to it
-                if (config.debug) {
-                    console.log(`[SmartRow.toJSON] Cell not found for column "${col}" (index ${idx}), navigating...`);
-                }
-                yield config.strategies.cellNavigation({
-                    config: config,
-                    root: rootLocator,
-                    page: page,
-                    resolve: resolve,
-                    column: col,
-                    index: idx,
-                    rowLocator: rowLocator,
-                    rowIndex: rowIndex
-                });
-                // Optimization: check if we can get the active cell directly
-                if (config.strategies.getActiveCell) {
-                    const activeCell = yield config.strategies.getActiveCell({
-                        config,
+                else {
+                    // Fallback navigation without active cell check
+                    yield config.strategies.cellNavigation({
+                        config: config,
                         root: rootLocator,
-                        page,
-                        resolve
+                        page: page,
+                        resolve: resolve,
+                        column: col,
+                        index: idx,
+                        rowLocator: rowLocator,
+                        rowIndex: rowIndex
                     });
-                    if (activeCell) {
-                        if (config.debug) {
-                            console.log(`[SmartRow.toJSON] switching to active cell locator (r:${activeCell.rowIndex}, c:${activeCell.columnIndex})`);
-                        }
-                        targetCell = activeCell.locator;
-                    }
                 }
             }
-            const text = yield targetCell.innerText();
-            result[col] = (text || '').trim();
+            // --- Navigation Logic End ---
+            if (mapper) {
+                // Apply mapper
+                const mappedValue = yield mapper(targetCell);
+                result[col] = mappedValue;
+            }
+            else {
+                // Default string extraction
+                const text = yield targetCell.innerText();
+                result[col] = (text || '').trim();
+            }
         }
         return result;
     });

package/dist/strategies/index.d.ts

@@ -50,5 +50,9 @@ export declare const Strategies: {
             hasEmptyCells: () => (row: import("..").SmartRow) => Promise<boolean>;
             never: () => Promise<boolean>;
         };
+        Headers: {
+            stable: (duration?: number) => (context: import("..").TableContext) => Promise<boolean>;
+            never: () => Promise<boolean>;
+        };
     };
 };

package/dist/strategies/loading.d.ts

@@ -45,4 +45,18 @@ export declare const LoadingStrategies: {
          */
         never: () => Promise<boolean>;
     };
+    /**
+     * Strategies for detecting if headers are loading/stable.
+     */
+    Headers: {
+        /**
+         * Checks if the headers are stable (count and text) for a specified duration.
+         * @param duration Duration in ms for headers to remain unchanged to be considered stable (default: 200).
+         */
+        stable: (duration?: number) => (context: TableContext) => Promise<boolean>;
+        /**
+         * Assume headers are never loading (immediate snapshot).
+         */
+        never: () => Promise<boolean>;
+    };
 };

package/dist/strategies/loading.js

@@ -78,5 +78,36 @@ exports.LoadingStrategies = {
          * Assume row is never loading (default).
          */
         never: () => __awaiter(void 0, void 0, void 0, function* () { return false; })
+    },
+    /**
+     * Strategies for detecting if headers are loading/stable.
+     */
+    Headers: {
+        /**
+         * Checks if the headers are stable (count and text) for a specified duration.
+         * @param duration Duration in ms for headers to remain unchanged to be considered stable (default: 200).
+         */
+        stable: (duration = 200) => (context) => __awaiter(void 0, void 0, void 0, function* () {
+            const { config, resolve, root } = context;
+            const getHeaderTexts = () => __awaiter(void 0, void 0, void 0, function* () {
+                const headers = yield resolve(config.headerSelector, root).all();
+                return Promise.all(headers.map(h => h.innerText()));
+            });
+            const initial = yield getHeaderTexts();
+            // Wait for duration
+            yield context.page.waitForTimeout(duration);
+            const current = yield getHeaderTexts();
+            if (initial.length !== current.length)
+                return true; // Count changed, still loading
+            for (let i = 0; i < initial.length; i++) {
+                if (initial[i] !== current[i])
+                    return true; // Content changed, still loading
+            }
+            return false; // Stable
+        }),
+        /**
+         * Assume headers are never loading (immediate snapshot).
+         */
+        never: () => __awaiter(void 0, void 0, void 0, function* () { return false; })
     }
 };