@elliemae/loan-field-renderers 26.2.2

package/dist/cjs/tests/flows/numberRendererFlows.js

@@ -0,0 +1,175 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var numberRendererFlows_exports = {};
+__export(numberRendererFlows_exports, {
+  NumberRendererFlows: () => NumberRendererFlows
+});
+module.exports = __toCommonJS(numberRendererFlows_exports);
+var import_flow_driven_testing = require("@elliemae/flow-driven-testing");
+var import_flowBase = require("../base/flowBase");
+class NumberRendererFlows extends import_flowBase.FlowBase {
+  constructor(flowParams) {
+    super(flowParams);
+    this.flowParams = flowParams;
+  }
+  flowParams;
+  CheckIntegerValue() {
+    return {
+      [`${this.flowParams.inboundFlow}`]: {
+        name: this.getFlowName("NumberRenderer", "check with integer value"),
+        startFlow: [
+          {
+            selector: '[data-testid="4"]',
+            value: "360",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="4"]'
+              );
+              return inputElement && inputElement.value === "360";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkD2FormatValue"
+          }
+        ]
+      }
+    };
+  }
+  CheckD2FormatValue() {
+    return {
+      checkD2FormatValue: {
+        name: this.getFlowName("NumberRenderer", "check with D2 format value"),
+        startFlow: [
+          {
+            selector: '[data-testid="2"]',
+            value: "1234",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="2"]'
+              );
+              return inputElement && inputElement.value === "$1,234.00";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkLockNumberField"
+          }
+        ]
+      }
+    };
+  }
+  CheckLockNumberField() {
+    return {
+      checkLockNumberField: {
+        name: this.getFlowName("NumberRenderer", "check lock number field"),
+        startFlow: [
+          {
+            selector: '[data-testid="unlock-LE2.X1"]',
+            action: import_flow_driven_testing.TTriggerActions.CLICK
+          },
+          {
+            selector: '[data-testid="LE2.X1"]',
+            value: "5000",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields", "callCalcForLock"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="LE2.X1"]'
+              );
+              return inputElement && inputElement.value === "5,000.00";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkMaxLength"
+          }
+        ]
+      }
+    };
+  }
+  CheckMaxLength() {
+    const transitions = this.flowParams.outboundFlow ? [{ to: this.flowParams.outboundFlow }] : [];
+    return {
+      checkMaxLength: {
+        name: this.getFlowName(
+          "NumberRenderer",
+          "check max length enforcement"
+        ),
+        startFlow: [
+          {
+            selector: '[data-testid="3422"]',
+            value: "9999999999999999",
+            // Exceeding typical max length
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="3422"]'
+              );
+              const inputVal = inputElement ? inputElement.value : "";
+              const lengthBeforeDecimal = inputVal.split(".")[0].replace(/,/g, "").length;
+              return lengthBeforeDecimal - 6 === 14;
+            }
+          }
+        ],
+        ...transitions.length > 0 && { transitions }
+      }
+    };
+  }
+  get Flows() {
+    return {
+      ...this.CheckIntegerValue(),
+      ...this.CheckD2FormatValue(),
+      ...this.CheckLockNumberField(),
+      ...this.CheckMaxLength()
+    };
+  }
+}

package/dist/cjs/tests/flows/radioRendererFlows.js

@@ -0,0 +1,115 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var radioRendererFlows_exports = {};
+__export(radioRendererFlows_exports, {
+  RadioRendererFlows: () => RadioRendererFlows
+});
+module.exports = __toCommonJS(radioRendererFlows_exports);
+var import_flow_driven_testing = require("@elliemae/flow-driven-testing");
+var import_flowBase = require("../base/flowBase");
+class RadioRendererFlows extends import_flowBase.FlowBase {
+  constructor(flowParams) {
+    super(flowParams);
+    this.flowParams = flowParams;
+  }
+  flowParams;
+  SelectRadioOption() {
+    return {
+      [`${this.flowParams.inboundFlow}`]: {
+        name: this.getFlowName("RadioRenderer", "select radio option"),
+        startFlow: [
+          {
+            selector: '[data-testid="RESPA.X28"]',
+            action: import_flow_driven_testing.TTriggerActions.CLICK
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          }
+        ],
+        transitions: [
+          {
+            to: "checkRadioGroupOptions"
+          }
+        ]
+      }
+    };
+  }
+  CheckRadioGroupOptions() {
+    return {
+      checkRadioGroupOptions: {
+        name: this.getFlowName("RadioRenderer", "check radio group options"),
+        startFlow: [
+          {
+            selector: '[data-testid="LE3.X11"]',
+            action: import_flow_driven_testing.TTriggerActions.CLICK
+          }
+        ],
+        asserts: [
+          {
+            assertFn: () => {
+              const elements = document.querySelectorAll(
+                '[data-testid="LE3.X11"]'
+              );
+              return elements.length === 2;
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkDisabledRadioGroupOptions"
+          }
+        ]
+      }
+    };
+  }
+  CheckDisabledRadioGroupOptions() {
+    const transitions = this.flowParams.outboundFlow ? [{ to: this.flowParams.outboundFlow }] : [];
+    return {
+      checkDisabledRadioGroupOptions: {
+        name: this.getFlowName(
+          "RadioRenderer",
+          "check disabled radio group options"
+        ),
+        asserts: [
+          {
+            assertFn: () => {
+              const elements = document.querySelectorAll(
+                '[data-testid="LE3.X12"]'
+              );
+              return Array.from(elements).every((element) => {
+                const isDisabled = element.getAttribute("aria-disabled") === "true";
+                return isDisabled;
+              });
+            }
+          }
+        ],
+        ...transitions.length > 0 && { transitions }
+      }
+    };
+  }
+  get Flows() {
+    return {
+      ...this.SelectRadioOption(),
+      ...this.CheckRadioGroupOptions(),
+      ...this.CheckDisabledRadioGroupOptions()
+    };
+  }
+}

package/dist/cjs/tests/flows/textRendererFlows.js

@@ -0,0 +1,349 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var textRendererFlows_exports = {};
+__export(textRendererFlows_exports, {
+  TextRendererFlows: () => TextRendererFlows
+});
+module.exports = __toCommonJS(textRendererFlows_exports);
+var import_flow_driven_testing = require("@elliemae/flow-driven-testing");
+var import_flowBase = require("../base/flowBase");
+class TextRendererFlows extends import_flowBase.FlowBase {
+  constructor(flowParams) {
+    super(flowParams);
+    this.flowParams = flowParams;
+  }
+  flowParams;
+  CheckTextValue() {
+    return {
+      [`${this.flowParams.inboundFlow}`]: {
+        name: this.getFlowName("TextRenderer", "check with text value"),
+        startFlow: [
+          {
+            selector: '[data-testid="4003"]',
+            value: "Test Text",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="4003"]'
+              );
+              return inputElement && inputElement.value === "Test Text";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkCorrectEmailValue"
+          }
+        ]
+      }
+    };
+  }
+  CheckCorrectEmailValue() {
+    return {
+      checkCorrectEmailValue: {
+        name: this.getFlowName(
+          "TextRenderer",
+          "check with correct email value"
+        ),
+        startFlow: [
+          {
+            selector: '[data-testid="1178"]',
+            value: "mdesai@ice.com",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="1178"]'
+              );
+              return inputElement && inputElement.value === "mdesai@ice.com";
+            }
+          },
+          {
+            selector: '[id="1178_error_message"] span',
+            isExists: false
+          }
+        ],
+        transitions: [
+          {
+            to: "checkIncorrectEmailValue"
+          }
+        ]
+      }
+    };
+  }
+  CheckIncorrectEmailValue() {
+    return {
+      checkIncorrectEmailValue: {
+        name: this.getFlowName(
+          "TextRenderer",
+          "check with incorrect email value"
+        ),
+        startFlow: [
+          {
+            selector: '[data-testid="1178"]',
+            value: "mdesai-ice",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="1178"]'
+              );
+              return inputElement && inputElement.value === "mdesai-ice";
+            }
+          },
+          {
+            selector: '[id="1178_error_message"] span',
+            isExists: true
+          }
+        ],
+        transitions: [
+          {
+            to: "checkTextPadLock"
+          }
+        ]
+      }
+    };
+  }
+  CheckTextPadLock() {
+    return {
+      checkTextPadLock: {
+        name: this.getFlowName("TextRenderer", "check text padlock"),
+        startFlow: [
+          {
+            selector: '[data-testid="unlock-LE1.X5"]',
+            action: import_flow_driven_testing.TTriggerActions.CLICK
+          },
+          {
+            selector: '[data-testid="LE1.X5"]',
+            value: "test padlock",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          }
+        ],
+        transitions: [
+          {
+            to: "checkPhoneValue"
+          }
+        ]
+      }
+    };
+  }
+  CheckPhoneValue() {
+    return {
+      checkPhoneValue: {
+        name: this.getFlowName("TextRenderer", "check phone value"),
+        startFlow: [
+          {
+            selector: '[data-testid="USDA.X103"]',
+            value: "23232323232323",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="USDA.X103"]'
+              );
+              return inputElement && inputElement.value === "232-323-2323 2323";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkTextMaxLength"
+          }
+        ]
+      }
+    };
+  }
+  CheckTextMaxLength() {
+    return {
+      checkTextMaxLength: {
+        name: this.getFlowName("TextRenderer", "check text max length"),
+        startFlow: [
+          {
+            selector: '[data-testid="4003"]',
+            value: "232323232323232323232323232323",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="4003"]'
+              );
+              return inputElement && inputElement.value === "232-323-2323 2323";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkSSNValue"
+          }
+        ]
+      }
+    };
+  }
+  CheckSSNValue() {
+    return {
+      checkSSNValue: {
+        name: this.getFlowName("TextRenderer", "check SSN value"),
+        startFlow: [
+          {
+            selector: '[data-testid="65"]',
+            value: "232323232",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="65"]'
+              );
+              return inputElement && inputElement.value === "232-32-3232";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkFormatFnUppercase"
+          }
+        ]
+      }
+    };
+  }
+  CheckFormatFnUppercase() {
+    return {
+      checkFormatFnUppercase: {
+        name: this.getFlowName(
+          "TextRenderer",
+          "check formatFn transforms value to uppercase"
+        ),
+        startFlow: [
+          {
+            selector: '[data-testid="LE1.X6"]',
+            value: "hello world",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="LE1.X6"]'
+              );
+              return inputElement && inputElement.value === "HELLO WORLD";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: "checkParseFnLowercase"
+          }
+        ]
+      }
+    };
+  }
+  CheckParseFnLowercase() {
+    return {
+      checkParseFnLowercase: {
+        name: this.getFlowName(
+          "TextRenderer",
+          "check parseFn transforms value to lowercase for API"
+        ),
+        startFlow: [
+          {
+            selector: '[data-testid="LE1.X6"]',
+            value: "TEST VALUE",
+            action: import_flow_driven_testing.TTriggerActions.BLUR
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          },
+          {
+            assertFn: () => {
+              const inputElement = document.querySelector(
+                '[data-testid="LE1.X6"]'
+              );
+              return inputElement && inputElement.value === "TEST VALUE";
+            }
+          }
+        ],
+        transitions: [
+          {
+            to: this.flowParams.outboundFlow || ""
+          }
+        ]
+      }
+    };
+  }
+  get Flows() {
+    return {
+      ...this.CheckTextValue(),
+      ...this.CheckCorrectEmailValue(),
+      ...this.CheckIncorrectEmailValue(),
+      ...this.CheckTextPadLock(),
+      ...this.CheckPhoneValue(),
+      ...this.CheckTextMaxLength(),
+      ...this.CheckSSNValue(),
+      ...this.CheckFormatFnUppercase(),
+      ...this.CheckParseFnLowercase()
+    };
+  }
+}