@page-component-object/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 David Vega
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,82 @@
+import * as _page_component_object_core from '@page-component-object/core';
+import { AppManager, RouterHistory, ShallowRenderOptions, RenderResult, FullAppRenderOptions } from '@page-component-object/core';
+import { ReactNode, ReactElement } from 'react';
+import { HttpHandler, MockSession } from '@page-component-object/msw';
+import { ComponentTestObject } from '@page-component-object/queries';
+
+type ProviderWrapperProps = {
+    children: ReactNode;
+};
+type BaseAppManagerOptions = {
+    wrapProviders: (children: ReactNode) => ReactNode;
+    wrapLayout?: (children: ReactNode) => ReactNode;
+    waitForIdle?: () => Promise<void>;
+};
+/**
+ * Extend in consumer apps. Constructor registers singleton: `App.get()`.
+ */
+declare class BaseAppManager implements AppManager {
+    protected readonly options: BaseAppManagerOptions;
+    private renderResult;
+    private history;
+    constructor(options: BaseAppManagerOptions);
+    isRendered(): boolean;
+    getHistory(): RouterHistory;
+    renderView(element: ReactElement, opts: ShallowRenderOptions): Promise<RenderResult>;
+    renderApp(element: ReactElement, opts?: FullAppRenderOptions): Promise<RenderResult>;
+    cleanup(): void;
+    private ensureMsw;
+    private toRenderResult;
+}
+/**
+ * Behavioral view test object: routed view under `App.get()` with HTTP mocked via `setupMockData()`.
+ *
+ * - In tests: call `configureViewTestObjects({ createAppManager })` in setup, then
+ *   implement `setupMockData()` + getters (no per-view constructor boilerplate).
+ * - In Storybook: `storyParameters` / `mockSession` call `setupMockData()` after field
+ *   initializers — no AppManager needed.
+ */
+declare class BaseViewTestObject extends ComponentTestObject {
+    private mockDataInitialized;
+    constructor();
+    /** Override when the view fetches HTTP APIs. Default: no handlers. */
+    setupMockData(): unknown;
+    /** Runs once after subclass field initializers (before first render or handler read). */
+    protected ensureMockDataInitialized(): void;
+    /** Registered `AppManager` from `configureViewTestObjects`. Mock data is ensured on first access. */
+    get app(): AppManager;
+    /** Router history after `render()` / `renderApp()`. Use in specs instead of reaching through `App.get()`. */
+    getHistory(): RouterHistory;
+    /** Handlers registered by this view's APIs (after `setupMockData`). */
+    getMswHandlers(): HttpHandler[];
+    getUser(): _page_component_object_core.UserAgent;
+    /**
+     * Storybook `parameters.msw` from a fresh mock session (no AppManager render).
+     * `setupMocks` runs after `setupMockData()` — override `view` fields or API handlers.
+     */
+    static storyParameters<T extends BaseViewTestObject>(this: new () => T, setupMocks?: (view: T, mocks: ReturnType<T['setupMockData']>) => void): {
+        msw: {
+            handlers: HttpHandler[];
+        };
+    };
+    /**
+     * Isolated mock registration — reuse `handlers` in Storybook and `mocks` in optional `play`.
+     * `setupMocks` runs after `setupMockData()`.
+     */
+    static mockSession<T extends BaseViewTestObject>(this: new () => T, setupMocks?: (view: T, mocks: ReturnType<T['setupMockData']>) => void): MockSession<T> & {
+        view: T;
+    };
+}
+
+type ViewTestConfig = {
+    createAppManager: () => AppManager;
+};
+/**
+ * Call once in Vitest/Jest setup so `BaseViewTestObject` subclasses
+ * do not repeat `createAppManager()` in every constructor.
+ */
+declare function configureViewTestObjects(config: ViewTestConfig): void;
+declare function getViewTestConfig(): ViewTestConfig | null;
+declare function resetViewTestConfig(): void;
+
+export { BaseAppManager, type BaseAppManagerOptions, BaseViewTestObject, type ProviderWrapperProps, type ViewTestConfig, configureViewTestObjects, getViewTestConfig, resetViewTestConfig };

package/dist/index.js

@@ -0,0 +1,173 @@
+// src/BaseAppManager.tsx
+import { render } from "@testing-library/react";
+import {
+  App,
+  getSharedUserAgent
+} from "@page-component-object/core";
+import {
+  buildMswParameters,
+  createMockSession,
+  snapshotHandlers,
+  ApiTestObject
+} from "@page-component-object/msw";
+import { ComponentTestObject } from "@page-component-object/queries";
+import { buildShallowRouteTree, RoutedShell } from "@page-component-object/router-react";
+
+// src/viewTestConfig.ts
+var viewTestConfig = null;
+function configureViewTestObjects(config) {
+  viewTestConfig = config;
+}
+function getViewTestConfig() {
+  return viewTestConfig;
+}
+function resetViewTestConfig() {
+  viewTestConfig = null;
+}
+
+// src/BaseAppManager.tsx
+import { jsx } from "react/jsx-runtime";
+var BaseAppManager = class {
+  constructor(options) {
+    this.options = options;
+    App.register(this);
+  }
+  options;
+  renderResult = null;
+  history = null;
+  isRendered() {
+    return this.renderResult !== null;
+  }
+  getHistory() {
+    if (!this.history) {
+      throw new Error("App not rendered yet. Call renderView() or renderApp() first.");
+    }
+    return this.history;
+  }
+  async renderView(element, opts) {
+    this.ensureMsw();
+    const initialEntries = opts.initialEntries ?? [opts.route];
+    const view = buildShallowRouteTree(element, {
+      routePath: opts.routePath,
+      wrapLayout: this.options.wrapLayout ? (child) => this.options.wrapLayout(child) : void 0
+    });
+    this.renderResult = render(
+      this.options.wrapProviders(
+        /* @__PURE__ */ jsx(
+          RoutedShell,
+          {
+            initialEntries,
+            initialIndex: opts.initialIndex,
+            onHistoryReady: (h) => {
+              this.history = h;
+            },
+            children: view
+          }
+        )
+      )
+    );
+    if (opts.waitForIdle !== false && this.options.waitForIdle) {
+      await this.options.waitForIdle();
+    }
+    return this.toRenderResult(this.renderResult);
+  }
+  async renderApp(element, opts = {}) {
+    this.ensureMsw();
+    const initialEntries = opts.initialEntries ?? [opts.initialRoute ?? "/"];
+    this.renderResult = render(
+      this.options.wrapProviders(
+        /* @__PURE__ */ jsx(
+          RoutedShell,
+          {
+            initialEntries,
+            onHistoryReady: (h) => {
+              this.history = h;
+            },
+            children: element
+          }
+        )
+      )
+    );
+    if (opts.waitForIdle !== false && this.options.waitForIdle) {
+      await this.options.waitForIdle();
+    }
+    return this.toRenderResult(this.renderResult);
+  }
+  cleanup() {
+    this.renderResult?.unmount();
+    this.renderResult = null;
+    this.history = null;
+  }
+  ensureMsw() {
+    if (!ApiTestObject.server) {
+      ApiTestObject.setupServer();
+      ApiTestObject.startServer();
+    }
+  }
+  toRenderResult(result) {
+    return {
+      container: result.container,
+      rerender: (ui) => result.rerender(ui),
+      unmount: () => result.unmount()
+    };
+  }
+};
+var BaseViewTestObject = class extends ComponentTestObject {
+  mockDataInitialized = false;
+  constructor() {
+    super();
+    getViewTestConfig()?.createAppManager();
+  }
+  /** Override when the view fetches HTTP APIs. Default: no handlers. */
+  setupMockData() {
+    return {};
+  }
+  /** Runs once after subclass field initializers (before first render or handler read). */
+  ensureMockDataInitialized() {
+    if (!this.mockDataInitialized) {
+      this.setupMockData();
+      this.mockDataInitialized = true;
+    }
+  }
+  /** Registered `AppManager` from `configureViewTestObjects`. Mock data is ensured on first access. */
+  get app() {
+    this.ensureMockDataInitialized();
+    return App.get();
+  }
+  /** Router history after `render()` / `renderApp()`. Use in specs instead of reaching through `App.get()`. */
+  getHistory() {
+    return this.app.getHistory();
+  }
+  /** Handlers registered by this view's APIs (after `setupMockData`). */
+  getMswHandlers() {
+    this.ensureMockDataInitialized();
+    return snapshotHandlers();
+  }
+  getUser() {
+    return getSharedUserAgent();
+  }
+  /**
+   * Storybook `parameters.msw` from a fresh mock session (no AppManager render).
+   * `setupMocks` runs after `setupMockData()` — override `view` fields or API handlers.
+   */
+  static storyParameters(setupMocks) {
+    const session = createMockSession(() => new this(), setupMocks);
+    return buildMswParameters(session.handlers);
+  }
+  /**
+   * Isolated mock registration — reuse `handlers` in Storybook and `mocks` in optional `play`.
+   * `setupMocks` runs after `setupMockData()`.
+   */
+  static mockSession(setupMocks) {
+    const session = createMockSession(() => new this(), setupMocks);
+    return { ...session, view: session.instance };
+  }
+};
+export {
+  BaseAppManager,
+  BaseViewTestObject,
+  configureViewTestObjects,
+  getViewTestConfig,
+  resetViewTestConfig
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/BaseAppManager.tsx","../src/viewTestConfig.ts"],"sourcesContent":["import { type ReactElement, type ReactNode } from 'react';\n\nimport { render, type RenderResult as RtlRenderResult } from '@testing-library/react';\n\nimport {\n  App,\n  getSharedUserAgent,\n  type AppManager,\n  type FullAppRenderOptions,\n  type RenderResult,\n  type RouterHistory,\n  type ShallowRenderOptions,\n} from '@page-component-object/core';\nimport {\n  buildMswParameters,\n  createMockSession,\n  snapshotHandlers,\n  ApiTestObject,\n  type HttpHandler,\n  type MockSession,\n} from '@page-component-object/msw';\nimport { ComponentTestObject } from '@page-component-object/queries';\nimport { buildShallowRouteTree, RoutedShell } from '@page-component-object/router-react';\n\nimport { getViewTestConfig } from './viewTestConfig';\n\nexport type ProviderWrapperProps = { children: ReactNode };\n\nexport type BaseAppManagerOptions = {\n  wrapProviders: (children: ReactNode) => ReactNode;\n  wrapLayout?: (children: ReactNode) => ReactNode;\n  waitForIdle?: () => Promise<void>;\n};\n\n/**\n * Extend in consumer apps. Constructor registers singleton: `App.get()`.\n */\nexport class BaseAppManager implements AppManager {\n  private renderResult: RtlRenderResult | null = null;\n  private history: RouterHistory | null = null;\n\n  constructor(protected readonly options: BaseAppManagerOptions) {\n    App.register(this);\n  }\n\n  isRendered(): boolean {\n    return this.renderResult !== null;\n  }\n\n  getHistory(): RouterHistory {\n    if (!this.history) {\n      throw new Error('App not rendered yet. Call renderView() or renderApp() first.');\n    }\n    return this.history;\n  }\n\n  async renderView(element: ReactElement, opts: ShallowRenderOptions): Promise<RenderResult> {\n    this.ensureMsw();\n    const initialEntries = opts.initialEntries ?? [opts.route];\n    const view = buildShallowRouteTree(element, {\n      routePath: opts.routePath,\n      wrapLayout: this.options.wrapLayout\n        ? (child) => this.options.wrapLayout!(child) as ReactElement\n        : undefined,\n    });\n\n    this.renderResult = render(\n      this.options.wrapProviders(\n        <RoutedShell\n          initialEntries={initialEntries}\n          initialIndex={opts.initialIndex}\n          onHistoryReady={(h) => {\n            this.history = h;\n          }}\n        >\n          {view}\n        </RoutedShell>,\n      ),\n    );\n\n    if (opts.waitForIdle !== false && this.options.waitForIdle) {\n      await this.options.waitForIdle();\n    }\n\n    return this.toRenderResult(this.renderResult);\n  }\n\n  async renderApp(element: ReactElement, opts: FullAppRenderOptions = {}): Promise<RenderResult> {\n    this.ensureMsw();\n    const initialEntries = opts.initialEntries ?? [opts.initialRoute ?? '/'];\n\n    this.renderResult = render(\n      this.options.wrapProviders(\n        <RoutedShell\n          initialEntries={initialEntries}\n          onHistoryReady={(h) => {\n            this.history = h;\n          }}\n        >\n          {element}\n        </RoutedShell>,\n      ),\n    );\n\n    if (opts.waitForIdle !== false && this.options.waitForIdle) {\n      await this.options.waitForIdle();\n    }\n\n    return this.toRenderResult(this.renderResult);\n  }\n\n  cleanup(): void {\n    this.renderResult?.unmount();\n    this.renderResult = null;\n    this.history = null;\n  }\n\n  private ensureMsw(): void {\n    if (!ApiTestObject.server) {\n      ApiTestObject.setupServer();\n      ApiTestObject.startServer();\n    }\n  }\n\n  private toRenderResult(result: RtlRenderResult): RenderResult {\n    return {\n      container: result.container,\n      rerender: (ui: unknown) => result.rerender(ui as ReactElement),\n      unmount: () => result.unmount(),\n    };\n  }\n}\n\n/**\n * Behavioral view test object: routed view under `App.get()` with HTTP mocked via `setupMockData()`.\n *\n * - In tests: call `configureViewTestObjects({ createAppManager })` in setup, then\n *   implement `setupMockData()` + getters (no per-view constructor boilerplate).\n * - In Storybook: `storyParameters` / `mockSession` call `setupMockData()` after field\n *   initializers — no AppManager needed.\n */\nexport class BaseViewTestObject extends ComponentTestObject {\n  private mockDataInitialized = false;\n\n  constructor() {\n    super();\n    getViewTestConfig()?.createAppManager();\n  }\n\n  /** Override when the view fetches HTTP APIs. Default: no handlers. */\n  setupMockData(): unknown {\n    return {};\n  }\n\n  /** Runs once after subclass field initializers (before first render or handler read). */\n  protected ensureMockDataInitialized(): void {\n    if (!this.mockDataInitialized) {\n      this.setupMockData();\n      this.mockDataInitialized = true;\n    }\n  }\n\n  /** Registered `AppManager` from `configureViewTestObjects`. Mock data is ensured on first access. */\n  get app(): AppManager {\n    this.ensureMockDataInitialized();\n    return App.get();\n  }\n\n  /** Router history after `render()` / `renderApp()`. Use in specs instead of reaching through `App.get()`. */\n  getHistory(): RouterHistory {\n    return this.app.getHistory();\n  }\n\n  /** Handlers registered by this view's APIs (after `setupMockData`). */\n  getMswHandlers(): HttpHandler[] {\n    this.ensureMockDataInitialized();\n    return snapshotHandlers();\n  }\n\n  getUser() {\n    return getSharedUserAgent();\n  }\n\n  /**\n   * Storybook `parameters.msw` from a fresh mock session (no AppManager render).\n   * `setupMocks` runs after `setupMockData()` — override `view` fields or API handlers.\n   */\n  static storyParameters<T extends BaseViewTestObject>(\n    this: new () => T,\n    setupMocks?: (view: T, mocks: ReturnType<T['setupMockData']>) => void,\n  ): { msw: { handlers: HttpHandler[] } } {\n    const session = createMockSession(() => new this(), setupMocks);\n    return buildMswParameters(session.handlers);\n  }\n\n  /**\n   * Isolated mock registration — reuse `handlers` in Storybook and `mocks` in optional `play`.\n   * `setupMocks` runs after `setupMockData()`.\n   */\n  static mockSession<T extends BaseViewTestObject>(\n    this: new () => T,\n    setupMocks?: (view: T, mocks: ReturnType<T['setupMockData']>) => void,\n  ): MockSession<T> & { view: T } {\n    const session = createMockSession(() => new this(), setupMocks);\n    return { ...session, view: session.instance };\n  }\n}\n","import type { AppManager } from '@page-component-object/core';\n\nexport type ViewTestConfig = {\n  createAppManager: () => AppManager;\n};\n\nlet viewTestConfig: ViewTestConfig | null = null;\n\n/**\n * Call once in Vitest/Jest setup so `BaseViewTestObject` subclasses\n * do not repeat `createAppManager()` in every constructor.\n */\nexport function configureViewTestObjects(config: ViewTestConfig): void {\n  viewTestConfig = config;\n}\n\nexport function getViewTestConfig(): ViewTestConfig | null {\n  return viewTestConfig;\n}\n\nexport function resetViewTestConfig(): void {\n  viewTestConfig = null;\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@page-component-object/react",
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@page-component-object/core": "0.1.0",
+    "@page-component-object/msw": "0.1.0",
+    "@page-component-object/router-react": "0.1.0",
+    "@page-component-object/queries": "0.1.0"
+  },
+  "peerDependencies": {
+    "@testing-library/react": "^16.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-router-dom": "^6.4.0 || ^7.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^18.3.18",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^7.6.2",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dvegap95/page-component-test-object.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://github.com/dvegap95/page-component-test-object#readme",
+  "bugs": {
+    "url": "https://github.com/dvegap95/page-component-test-object/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist"
+  }
+}