@elliemae/loan-field-renderers 26.2.2

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

@@ -0,0 +1,155 @@
+import { TTriggerActions } from "@elliemae/flow-driven-testing";
+import { FlowBase } from "../base/flowBase";
+class NumberRendererFlows extends 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: 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: 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: TTriggerActions.CLICK
+          },
+          {
+            selector: '[data-testid="LE2.X1"]',
+            value: "5000",
+            action: 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: 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()
+    };
+  }
+}
+export {
+  NumberRendererFlows
+};

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

@@ -0,0 +1,95 @@
+import { TTriggerActions } from "@elliemae/flow-driven-testing";
+import { FlowBase } from "../base/flowBase";
+class RadioRendererFlows extends 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: 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: 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()
+    };
+  }
+}
+export {
+  RadioRendererFlows
+};

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

@@ -0,0 +1,329 @@
+import { TTriggerActions } from "@elliemae/flow-driven-testing";
+import { FlowBase } from "../base/flowBase";
+class TextRendererFlows extends 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: 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: 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: 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: TTriggerActions.CLICK
+          },
+          {
+            selector: '[data-testid="LE1.X5"]',
+            value: "test padlock",
+            action: 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: 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: 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: 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: 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: 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()
+    };
+  }
+}
+export {
+  TextRendererFlows
+};

package/dist/esm/tests/flows/toggleRendererFlows.js

@@ -0,0 +1,86 @@
+import { TTriggerActions } from "@elliemae/flow-driven-testing";
+import { FlowBase } from "../base/flowBase";
+class ToggleRendererFlows extends FlowBase {
+  constructor(flowParams) {
+    super(flowParams);
+    this.flowParams = flowParams;
+  }
+  flowParams;
+  ToggleOnState() {
+    return {
+      [`${this.flowParams.inboundFlow}`]: {
+        name: this.getFlowName("ToggleRenderer", "toggle from off to on"),
+        startFlow: [
+          {
+            selector: '[data-testid="LE1.X80"]',
+            action: TTriggerActions.CLICK
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          }
+        ],
+        transitions: [
+          {
+            to: "toggleOffState"
+          }
+        ]
+      }
+    };
+  }
+  ToggleOffState() {
+    return {
+      toggleOffState: {
+        name: this.getFlowName("ToggleRenderer", "toggle from on to off"),
+        startFlow: [
+          {
+            selector: '[data-testid="LE1.X80"]',
+            action: TTriggerActions.CLICK
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          }
+        ],
+        transitions: [
+          {
+            to: "checkToggleDisabled"
+          }
+        ]
+      }
+    };
+  }
+  CheckToggleDisabled() {
+    const transitions = this.flowParams.outboundFlow ? [{ to: this.flowParams.outboundFlow }] : [];
+    return {
+      checkToggleDisabled: {
+        name: this.getFlowName("ToggleRenderer", "check toggle disabled state"),
+        asserts: [
+          {
+            assertFn: () => {
+              const toggleElement = document.querySelector(
+                '[data-testid="LE1.X81"]'
+              );
+              if (!toggleElement) return false;
+              const isDisabled = toggleElement.getAttribute("aria-disabled") === "true";
+              return isDisabled;
+            }
+          }
+        ],
+        ...transitions.length > 0 && { transitions }
+      }
+    };
+  }
+  get Flows() {
+    return {
+      ...this.ToggleOnState(),
+      ...this.ToggleOffState(),
+      ...this.CheckToggleDisabled()
+    };
+  }
+}
+export {
+  ToggleRendererFlows
+};