Added withStacksContext test util

src/stack/WithStacksData.mjs

@@ -0,0 +1,22 @@
+/**
+ * @typedef {import("@farjs/blessed").Widgets.BlessedElement} BlessedElement
+ */
+import PanelStack from "./PanelStack.mjs";
+
+/**
+ * @typedef {{
+ *  readonly stack: PanelStack;
+ *  readonly input: BlessedElement;
+ * }} WithStacksData
+ */
+
+/**
+ * @param {PanelStack} stack
+ * @param {BlessedElement} [input]
+ * @returns {WithStacksData}
+ */
+function WithStacksData(stack, input) {
+  return { stack, input: input ?? /** @type {BlessedElement} */ ({}) };
+}
+
+export default WithStacksData;

src/stack/WithStacksProps.mjs

@@ -1,13 +1,5 @@
 /**
- * @typedef {import("@farjs/blessed").Widgets.BlessedElement} BlessedElement
- */
-import PanelStack from "./PanelStack.mjs";
-
-/**
- * @typedef {{
- *  readonly stack: PanelStack;
- *  readonly input: BlessedElement;
- * }} WithStacksData
+ * @typedef {import("./WithStacksData.mjs").WithStacksData} WithStacksData
  */
 
 /**

src/stack/withStacksContext.mjs

@@ -0,0 +1,26 @@
+/**
+ * @typedef {import("./WithStacksProps.mjs").WithStacksProps} WithStacksProps
+ */
+import React from "react";
+import WithStacks from "./WithStacks.mjs";
+
+const h = React.createElement;
+
+/**
+ * Common test util.
+ *
+ * @param {React.ReactElement<any>} element
+ * @param {WithStacksProps} props
+ * @returns {React.ReactElement<any>}
+ */
+const withStacksContext = (element, props) => {
+  return h(
+    WithStacks.Context.Provider,
+    {
+      value: props,
+    },
+    element
+  );
+};
+
+export default withStacksContext;

test/stack/WithStacks.test.mjs

@@ -8,7 +8,9 @@ import mockFunction from "mock-fn";
 import TestRenderer from "react-test-renderer";
 import { assertComponents, TestErrorBoundary } from "react-assert";
 import PanelStack from "../../src/stack/PanelStack.mjs";
+import WithStacksData from "../../src/stack/WithStacksData.mjs";
 import WithStacksProps from "../../src/stack/WithStacksProps.mjs";
+import withStacksContext from "../../src/stack/withStacksContext.mjs";
 import WithStacks from "../../src/stack/WithStacks.mjs";
 
 const h = React.createElement;
@@ -23,14 +25,11 @@ const { describe, it } = await (async () => {
 })();
 
 const props = WithStacksProps(
-  {
-    stack: new PanelStack(true, [], mockFunction()),
-    input: /** @type {BlessedElement} */ ({}),
-  },
-  {
-    stack: new PanelStack(false, [], mockFunction()),
-    input: /** @type {BlessedElement} */ ({}),
-  }
+  WithStacksData(new PanelStack(true, [], mockFunction())),
+  WithStacksData(
+    new PanelStack(false, [], mockFunction()),
+    /** @type {BlessedElement} */ ({})
+  )
 );
 
 describe("WithStacks.test.mjs", () => {
@@ -91,6 +90,34 @@ describe("WithStacks.test.mjs", () => {
     assert.deepEqual(otherContent, "some other content");
   });
 
+  it("should render component when withStacksContext", () => {
+    //given
+    const [stacksCtx, stacksComp] = getStacksCtxHook();
+
+    //when
+    const result = TestRenderer.create(
+      withStacksContext(
+        h(
+          React.Fragment,
+          null,
+          h(stacksComp, null),
+          h(React.Fragment, null, "some other content")
+        ),
+        props
+      )
+    ).root;
+
+    //then
+    assert.deepEqual(WithStacks.displayName, "WithStacks");
+    assert.deepEqual(stacksCtx.current, props);
+    assert.deepEqual(result.children.length, 2);
+    const [resCtxHook, otherContent] = result.children.map(
+      (_) => /** @type {TestRenderer.ReactTestInstance} */ (_)
+    );
+    assert.deepEqual(resCtxHook.type, stacksComp);
+    assert.deepEqual(otherContent, "some other content");
+  });
+
   it("should return active stack when WithStacksProps.active()", () => {
     //given
     const { left, right } = props;
@@ -117,7 +144,7 @@ describe("WithStacks.test.mjs", () => {
 });
 
 /**
- * @returns {[React.MutableRefObject<WithStacksProps | null>, () => React.ReactElement]}
+ * @returns {[React.MutableRefObject<WithStacksProps | null>, () => React.ReactElement<any>]}
  */
 function getStacksCtxHook() {
   /** @type {React.MutableRefObject<WithStacksProps | null>} */

types/stack/WithStacksData.d.mts

@@ -0,0 +1,19 @@
+export default WithStacksData;
+export type WithStacksData = {
+    readonly stack: PanelStack;
+    readonly input: BlessedElement;
+};
+export type BlessedElement = import("@farjs/blessed").Widgets.BlessedElement;
+/**
+ * @typedef {{
+ *  readonly stack: PanelStack;
+ *  readonly input: BlessedElement;
+ * }} WithStacksData
+ */
+/**
+ * @param {PanelStack} stack
+ * @param {BlessedElement} [input]
+ * @returns {WithStacksData}
+ */
+declare function WithStacksData(stack: PanelStack, input?: import("blessed").Widgets.BlessedElement | undefined): WithStacksData;
+import PanelStack from "./PanelStack.mjs";

types/stack/WithStacksProps.d.mts

@@ -1,18 +1,11 @@
 export default WithStacksProps;
-export type WithStacksData = {
-    readonly stack: PanelStack;
-    readonly input: BlessedElement;
-};
+export type WithStacksData = import("./WithStacksData.mjs").WithStacksData;
 export type WithStacksProps = {
     readonly left: WithStacksData;
     readonly right: WithStacksData;
 };
-export type BlessedElement = import("@farjs/blessed").Widgets.BlessedElement;
 /**
- * @typedef {{
- *  readonly stack: PanelStack;
- *  readonly input: BlessedElement;
- * }} WithStacksData
+ * @typedef {import("./WithStacksData.mjs").WithStacksData} WithStacksData
  */
 /**
  * @typedef {{
@@ -31,11 +24,10 @@ declare namespace WithStacksProps {
      * @param {WithStacksProps} stacks
      * @returns {WithStacksData}
      */
-    function active(stacks: WithStacksProps): WithStacksData;
+    function active(stacks: WithStacksProps): import("./WithStacksData.mjs").WithStacksData;
     /**
      * @param {WithStacksProps} stacks
      * @returns {WithStacksData}
      */
-    function nonActive(stacks: WithStacksProps): WithStacksData;
+    function nonActive(stacks: WithStacksProps): import("./WithStacksData.mjs").WithStacksData;
 }
-import PanelStack from "./PanelStack.mjs";

types/stack/withStacksContext.d.mts

@@ -0,0 +1,11 @@
+export default withStacksContext;
+export type WithStacksProps = import("./WithStacksProps.mjs").WithStacksProps;
+/**
+ * Common test util.
+ *
+ * @param {React.ReactElement<any>} element
+ * @param {WithStacksProps} props
+ * @returns {React.ReactElement<any>}
+ */
+declare function withStacksContext(element: React.ReactElement<any>, props: WithStacksProps): React.ReactElement<any>;
+import React from "react";