@m4l/testing 0.0.23 → 0.0.24

package/e2e/commands/components/Filters/types.d.ts

@@ -42,7 +42,7 @@ declare global {
        *   0
        * );
        */
-      m4lFiltersAndSortsOptionsValidation(
+      m4lFiltersAndSortsOptionsValidation (
         filters: (mockFilters: M4lFiltersAndSortsConfig[]) => M4lFiltersAndSortsConfig[],
         /**
          * Mock of the filters to validate
@@ -70,7 +70,7 @@ declare global {
        * @example
        * cy.m4lDynamicFilterAndSortsPersist('[class*="M4LSplitLayout-splitDetail"]', 'Filter', 2);
        */
-      m4lFiltersAndSortsPersistValidation(
+      m4lFiltersAndSortsPersistValidation (
         /**
          * Selector for the section to validate
          */
@@ -88,4 +88,4 @@ declare global {
   }
 }
 
-export {};
+export { };

package/e2e/commands/components/Form/commands.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Registers Form commands
+ */
+export declare const registerFormCommands: () => void;

package/e2e/commands/components/Form/commands.js

@@ -0,0 +1,11 @@
+import { a as s } from "./cypress/assertInitialFormState/assertInitialFormState.js";
+import { a as r } from "./cypress/assertMandatoryFields/assertMandatoryFields.js";
+import { f as m } from "./cypress/fillAndAssertFormFields/fillAndAssertFormFields.js";
+import { g as o } from "./cypress/getFormScope/getFormScope.js";
+import { p as e } from "./cypress/proceedFormStep/proceedFormStep.js";
+const l = () => {
+  Cypress.Commands.add("m4lAssertInitialFormState", s), Cypress.Commands.add("m4lAssertMandatoryFields", r), Cypress.Commands.add("m4lGetFormScope", o), Cypress.Commands.add("m4lFillAndAssertFormFields", m), Cypress.Commands.add("m4lProceedFormStep", e);
+};
+export {
+  l as r
+};

package/e2e/commands/components/Form/cypress/assertInitialFormState/assertInitialFormState.d.ts

@@ -0,0 +1,5 @@
+import { AssertInitialFormState } from './type';
+/**
+ * Assert initial state of a Form, with or without stepper.
+ */
+export declare const assertInitialFormState: (params: AssertInitialFormState) => void;

package/e2e/commands/components/Form/cypress/assertInitialFormState/assertInitialFormState.js

@@ -0,0 +1,20 @@
+import { W as n, D as c } from "../constants.js";
+import { g as d } from "../../helpers/getFieldNameDomElement.js";
+import { g as h } from "../getFormScope/getFormScope.js";
+const a = (e, o, t) => h(t).find(d(e.typeElement)).eq(e.index ?? o), i = (e, o) => {
+  e.forEach((t, s) => {
+    a(t, s, o).should("be.visible"), a(t, s, o).should("have.value", t.expectedValue ?? ""), t.enabled === !1 ? a(t, s, o).should("have.attr", "readonly") : a(t, s, o).should("not.have.attr", "readonly");
+  });
+}, f = (e) => "steps" in e, g = (e) => {
+  const { endpointToWait: o } = e;
+  if (o && cy.wait(o), cy.get(n).should("be.visible"), f(e)) {
+    const { steps: t, labelNextButton: s = c } = e;
+    t.sort((r, l) => r.stepperIndex - l.stepperIndex).forEach((r, l) => {
+      l > 0 && cy.contains('[data-testid="M4LTypography-root"]', s).should("be.visible").click(), i(r.inputs, r.stepperIndex);
+    });
+  } else
+    i(e.inputs);
+};
+export {
+  g as a
+};

package/e2e/commands/components/Form/cypress/assertInitialFormState/type.d.ts

@@ -0,0 +1,105 @@
+interface BaseInput {
+    /**
+     * Index of the field in the form
+     */
+    index?: number;
+    /**
+     * Value of the field visible by default
+     */
+    valueVisibleByDefault?: string;
+}
+interface InputWithoutOptions extends BaseInput {
+    /**
+     * Type of the element in the form (input, textarea)
+     */
+    typeElement: 'input' | 'textarea';
+    /**
+     * Type of the value of the input (string, number)
+     */
+    typeValue?: 'string' | 'number';
+    /**
+     * Value to write in the input
+     */
+    valueToWrite?: string;
+}
+interface InputWithOptions extends BaseInput {
+    typeElement: 'select';
+    /**
+     * Alias of the endpoint to wait for. (Cypress alias syntax with intercept)
+     * Example: '@localesList'
+     */
+    endpointToWait: string;
+    /**
+     * Options of the autocomplete. Only used for autocompleteAsync or select type.
+     */
+    options: string[];
+    /**
+     * Index to select in the list of options
+     * by default is index 0 (first option)
+     */
+    optionIndexToSelect?: number;
+}
+export type InputsForm = InputWithoutOptions | InputWithOptions;
+interface AssertInitialFormStateBaseParams {
+    /**
+     * Endpoint to wait for. (Cypress alias syntax with intercept)
+     * Example: '@getForm'
+     */
+    endpointToWait?: string;
+}
+export type InitialField = Omit<InputsForm, 'valueToWrite' | 'optionIndexToSelect' | 'options' | 'valueVisibleByDefault'> & {
+    /**
+     * Expected value of the field when form is initially loaded. By default is empty string.
+     * Example: 'demo_operative'
+     */
+    expectedValue?: string;
+    /**
+     * Whether the field should be enabled on initial load.
+     * By default the assertion expects enabled.
+     */
+    enabled?: boolean;
+};
+/**
+ * Step to validate.
+ * Example:
+ * {
+ *   stepperIndex: 1,
+ *   inputs: [{ typeElement: 'input', valueVisibleByDefault: '' }]
+ * }
+ */
+export interface Step {
+    /**
+     * Stepper index to validate.
+     * Example: 1
+     */
+    stepperIndex: number;
+    /**
+     * Inputs to validate in the selected step.
+     */
+    inputs: InitialField[];
+}
+export interface AssertInitialFormStateWithStepper extends AssertInitialFormStateBaseParams {
+    /**
+     * Steps to validate.
+     * Example:
+     * [{ stepperIndex: 1, inputs: [{ typeElement: 'input', valueVisibleByDefault: '' }] }]
+     */
+    steps: Step[];
+    /**
+     * Label of the next button.
+     * By default: 'N_D:[stepper.label_next_button]'
+     */
+    labelNextButton?: string;
+    inputs?: never;
+}
+export interface AssertInitialFormStateWithoutStepper extends AssertInitialFormStateBaseParams {
+    /**
+     * Inputs to validate when the form has no stepper.
+     * Example:
+     * [{ typeElement: 'input', index: 0, expectedValue: '' }]
+     */
+    inputs: InitialField[];
+    steps?: never;
+}
+export type AssertInitialFormState = AssertInitialFormStateWithStepper | AssertInitialFormStateWithoutStepper;
+export {};

package/e2e/commands/components/Form/cypress/assertInitialFormState/type.js

@@ -0,0 +1 @@
+

package/e2e/commands/components/Form/cypress/assertMandatoryFields/assertMandatoryFields.d.ts

@@ -0,0 +1,17 @@
+import { AssertMandatoryFields } from './type';
+/**
+ * function to assert mandatory fields
+ * @param props - The properties to assert mandatory fields
+ * @example
+ * {
+ *   formFieldItems: [
+ *     {
+ *       name: 'name',
+ *       evaluateField: true,
+ *       mandatory: true,
+ *     },
+ *   ],
+ *   propertyValueSelector: '[data-testid="m4l-property-value-root-name"]',
+ * }
+ */
+export declare const assertMandatoryFields: ({ formFieldItems, propertyValueSelector }: AssertMandatoryFields) => void;

package/e2e/commands/components/Form/cypress/assertMandatoryFields/assertMandatoryFields.js

@@ -0,0 +1,14 @@
+import { g as r } from "../getFormScope/getFormScope.js";
+const a = (s, e) => r().find(`${e}[data-testid*="${s}"]`), l = ({ formFieldItems: s, propertyValueSelector: e }) => {
+  s.forEach((t) => {
+    if (t.evaluateField !== !1)
+      if (a(t.name, e).should("contain.text", t.label), t.mandatory === !0) {
+        const o = a(t.name, e).find('[class*="M4LHelperError-root"]');
+        o.should("exist"), o.should("be.visible");
+      } else
+        a(t.name, e).find('[class*="M4LHelperError-root"]').should("not.exist");
+  });
+};
+export {
+  l as a
+};

package/e2e/commands/components/Form/cypress/assertMandatoryFields/type.d.ts

@@ -0,0 +1,28 @@
+export type FormConfig = {
+    name: string;
+    label: string;
+    evaluateField: boolean;
+    mandatory?: boolean;
+};
+export interface AssertMandatoryFields {
+    /**
+     * Form field items to assert if are mandatory
+     * @example
+     * [
+     *   {
+     *     name: 'name',
+     *     value: 'John Doe',
+     *     evaluateValue: true,
+     *     text: 'Name',
+     *     mandatory: true,
+     *   },
+     * ]
+     */
+    formFieldItems: FormConfig[];
+    /**
+     * Property value selector to assert mandatory fields. This property containts the selector of the property value of the form field.
+     * @example
+     * '[data-testid="m4l-property-value-root-name"]'
+     */
+    propertyValueSelector: string;
+}

package/e2e/commands/components/Form/cypress/assertMandatoryFields/type.js

@@ -0,0 +1 @@
+

package/e2e/commands/components/Form/cypress/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const WINDOW_BASE_SELECTOR = "[class*=\"M4LWindowBase-contentWindowBase\"]";
+export declare const PAPER_FORM_SELECTOR = "[class*=\"M4LPaperForm-containerContent\"]";
+export declare const DEFAULT_NEXT_LABEL = "N_D:[stepper.label_next_button]";

package/e2e/commands/components/Form/cypress/constants.js

@@ -0,0 +1,6 @@
+const n = '[class*="M4LWindowBase-contentWindowBase"]', s = '[class*="M4LPaperForm-containerContent"]', t = "N_D:[stepper.label_next_button]";
+export {
+  t as D,
+  s as P,
+  n as W
+};

package/e2e/commands/components/Form/cypress/fillAndAssertFormFields/fillAndAssertFormFields.d.ts

@@ -0,0 +1,8 @@
+import { FillAndAssertFormFields } from './type';
+/**
+ * Fill and validate the inputs of the form with the data of the form
+ * @param inputs - The inputs to validate
+ * @param stepIndex - The step index to get the scope of the form
+ * @returns void
+ */
+export declare const fillAndAssertFormFields: ({ inputs, stepIndex }: FillAndAssertFormFields) => void;

package/e2e/commands/components/Form/cypress/fillAndAssertFormFields/fillAndAssertFormFields.js

@@ -0,0 +1,29 @@
+import { g as r } from "../../helpers/getFieldNameDomElement.js";
+import { g as i } from "../getFormScope/getFormScope.js";
+const c = (l) => l.get('[class*="MuiAutocomplete-listbox"]').find('[class*="MuiMenuItem-root"]'), d = ({ inputs: l, stepIndex: s }) => {
+  l.forEach((e, a) => {
+    const o = i(s).find(r(e.typeElement)).eq(e?.index ?? a);
+    switch (e.valueVisibleByDefault && o.should("have.value", e.valueVisibleByDefault), e.typeElement) {
+      case "input":
+        if (e.typeValue === "number") {
+          const t = "text string testing";
+          o.type(t).should("not.have.value", t);
+        }
+        e.valueToWrite && o.should("be.visible").click().type(e.valueToWrite).should("have.value", e.valueToWrite);
+        break;
+      case "textarea":
+        e.valueToWrite && o.should("be.visible").click().type(e.valueToWrite);
+        break;
+      case "select":
+        if (o.should("be.visible").click(), e.endpointToWait && cy.wait(e.endpointToWait), e.options) {
+          for (let t = 0; t < e.options.length; t++)
+            c(o).eq(t).should("contain.text", e.options?.[t]);
+          c(o).eq(e.optionIndexToSelect ?? 0).click(), i(s).find("input").eq(e?.index ?? a).should("have.value", e.options?.[0]);
+        }
+        break;
+    }
+  });
+};
+export {
+  d as f
+};

package/e2e/commands/components/Form/cypress/fillAndAssertFormFields/type.d.ts

@@ -0,0 +1,5 @@
+import { InputsForm } from '../assertInitialFormState/type';
+export interface FillAndAssertFormFields {
+    inputs: InputsForm[];
+    stepIndex?: number;
+}

package/e2e/commands/components/Form/cypress/fillAndAssertFormFields/type.js

@@ -0,0 +1 @@
+

package/e2e/commands/components/Form/cypress/getFormScope/getFormScope.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Function to get the scope of the form based on the step index (if provided)
+ * or the whole form if no step index is provided
+ * @param stepIndex - The step index to get the scope of the form
+ * @returns The scope of the form. Examples:
+ * - Example with stepper:
+ * ```ts
+ * cy.get('[class*="M4LWindowBase-contentWindowBase"]')
+ * .find('[class*="M4LStepper-contentArea"]')
+ * .find('[class*="M4LStepper-stepContent"]')
+ * .eq(1)
+ * .find('[class*="M4LPaperForm-containerContent"]');
+ * ```
+ * - Example without stepper:
+ * ```ts
+ * cy.get('[class*="M4LWindowBase-contentWindowBase"]')
+ * .find('[class*="M4LPaperForm-containerContent"]');
+ * ```
+ */
+export declare const getFormScope: (stepIndex?: number) => Cypress.Chainable<JQuery<HTMLElement>>;

package/e2e/commands/components/Form/cypress/getFormScope/getFormScope.js

@@ -0,0 +1,8 @@
+import { W as o, P as s } from "../constants.js";
+const r = (t) => {
+  let e = cy.get(o);
+  return t !== void 0 && (e = e.find('[class*="M4LStepper-contentArea"]').find('[class*="M4LStepper-stepContent"]').eq(t)), e.find(s);
+};
+export {
+  r as g
+};

package/e2e/commands/components/Form/cypress/proceedFormStep/proceedFormStep.d.ts

@@ -0,0 +1,10 @@
+import { ProceedFormStep } from './type';
+/**
+ * Function to proceed to the next step or submit the form by clicking the button with the given label
+ * @param buttonLabel - The label of the button to click
+ * @param force - The force to click the button if true, the button will be clicked with force
+ * @returns The click action of the button with the given label
+ * @example
+ * cy.proceedFormStep({ buttonLabel: 'N_D:[stepper.label_next_button]', force: false });
+ */
+export declare const proceedFormStep: ({ buttonLabel, force }: ProceedFormStep) => void;

package/e2e/commands/components/Form/cypress/proceedFormStep/proceedFormStep.js

@@ -0,0 +1,6 @@
+const o = ({ buttonLabel: e, force: s = !1 }) => {
+  cy.get('[class*="M4LAreasViewer-windowBase"]').should("be.visible"), cy.get('[data-testid="M4LTypography-root"]').contains(e).should("be.visible").click({ force: s });
+};
+export {
+  o as p
+};

package/e2e/commands/components/Form/cypress/proceedFormStep/type.d.ts

@@ -0,0 +1,13 @@
+export interface ProceedFormStep {
+    /**
+     * The label of the button to click
+     * @example
+     * 'N_D:[stepper.label_next_button]'
+     */
+    buttonLabel: string;
+    /**
+     * The force to click the button if true, the button will be clicked with force
+     * @default false
+     */
+    force?: boolean;
+}

package/e2e/commands/components/Form/helpers/getFieldNameDomElement.d.ts

@@ -0,0 +1,7 @@
+import { InputsForm } from '../cypress/assertInitialFormState/type';
+/**
+ * Function to get the name of the DOM element based on the type of the element
+ * @param typeElement - The type of the element
+ * @returns The name of the DOM element
+ */
+export declare const getFieldNameDomElement: (typeElement: InputsForm["typeElement"]) => "input" | "textarea";

package/e2e/commands/components/Form/helpers/getFieldNameDomElement.js

@@ -0,0 +1,13 @@
+const t = (e) => {
+  switch (e) {
+    case "input":
+      return "input";
+    case "select":
+      return "input";
+    case "textarea":
+      return "textarea";
+  }
+};
+export {
+  t as g
+};

package/e2e/commands/components/Form/types.d.ts

@@ -0,0 +1,88 @@
+import { AssertInitialFormState } from './cypress/assertInitialFormState/type';
+import { AssertMandatoryFields } from './cypress/assertMandatoryFields/type';
+import { ProceedFormStep } from './cypress/proceedFormStep/type';
+import { FillAndAssertFormFields } from './cypress/fillAndAssertFormFields/type';
+
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Assert initial state of a Form, with or without stepper.
+       * You need send the params with the inputs to validate.
+       * @example
+       * // Option 1: Without stepper
+       * cy.m4lAssertInitialFormState({
+       *   inputs: [{ typeElement: 'input', index: 0, expectedValue: 'John Doe' }],
+       * });
+       * // Option 2: With stepper
+       * cy.m4lAssertInitialFormState({
+       *   steps: [{ stepperIndex: 1, inputs: [{ typeElement: 'input', index: 0, expectedValue: 'John Doe' }] }],
+       * });
+       */
+      m4lAssertInitialFormState (params: AssertInitialFormState): Chainable<void>
+      /**
+       * function to assert mandatory fields
+       * @param props - The properties to assert mandatory fields
+       * @example
+       * {
+       *   formFieldItems: [
+       *     {
+       *       name: 'name',
+       *       evaluateField: true,
+       *       mandatory: true,
+       *     },
+       *   ],
+       *   propertyValueSelector: '[data-testid="m4l-property-value-root-name"]',
+       * }
+       */
+      m4lAssertMandatoryFields (params: AssertMandatoryFields): Chainable<void>
+      /**
+       * Function to get the scope of the form based on the step index (if provided)
+       * or the whole form if no step index is provided
+       * @param stepIndex (optional) - The step index to get the scope of the form
+       * @returns The scope of the form. Examples:
+       * - Example with stepper:
+       * ```ts
+       * cy.get('[class*="M4LWindowBase-contentWindowBase"]')
+       * .find('[class*="M4LStepper-contentArea"]')
+       * .find('[class*="M4LStepper-stepContent"]')
+       * .eq(1)
+       * .find('[class*="M4LPaperForm-containerContent"]');
+       * ```
+       * - Example without stepper:
+       * ```ts
+       * cy.get('[class*="M4LWindowBase-contentWindowBase"]')
+       * .find('[class*="M4LPaperForm-containerContent"]');
+       * ```
+       */
+      m4lGetFormScope (stepIndex?: number): Chainable<JQuery<HTMLElement>>
+      /**
+       * Fill and validate the inputs of the form with the data of the form
+       * @param inputs - The inputs to validate
+       * @param stepIndex - The step index to get the scope of the form
+       * @returns Chainable<void>
+       * @example
+       * cy.m4lFillAndAssertFormFields({
+       *   inputs: [
+       *     { typeElement: 'input', index: 0, valueToWrite: 'John Doe' },
+       *     { typeElement: 'textarea', index: 0, valueToWrite: 'John Doe' },
+       *     { typeElement: 'select', index: 0, options: ['Option 1', 'Option 2'], optionIndexToSelect: 0, endpointToWait: '@getOptions' },
+       *   ],
+       *   stepIndex: 1,
+       * });
+       */
+      m4lFillAndAssertFormFields (params: FillAndAssertFormFields): Chainable<void>
+      /**
+       * Function to proceed to the next step or submit the form by clicking the button with the given label
+       * @param buttonLabel - The label of the button to click
+       * @param force - The force to click the button if true, the button will be clicked with force
+       * @returns Chainable<void>
+       * @example
+       * cy.proceedFormStep({ buttonLabel: 'N_D:[stepper.label_next_button]', force: false });
+       */
+      m4lProceedFormStep (params: ProceedFormStep): Chainable<void>
+    }
+  }
+}
+
+export { };

package/e2e/commands/components/WindowBase/commands.js

@@ -1,20 +1,24 @@
-const a = () => {
+const e = () => {
   Cypress.Commands.add("m4lWindowBaseHeader", () => {
     cy.get('[class^="M4LDragResizeWindowRND-draggableHandle"]').find('[class^="M4LDragResizeWindowRND-draggableCancel"]');
-  }), Cypress.Commands.add("m4lWindowBaseLeftAction", (e) => {
-    cy.m4lWindowBaseHeader().find("button").eq(e);
-  }), Cypress.Commands.add("m4lWindowBaseLeftActionClick", (e) => {
-    cy.m4lWindowBaseLeftAction(e).click({ force: !0 });
-  }), Cypress.Commands.add("m4lWindowBaseMenuAction", (e) => {
-    cy.m4lWindowBaseHeader().find('[class*="M4LMenuActions-root-M4LWindowBase-menuActionsWindowBase"]').find("button").eq(0).click(), cy.get("[role=presentation]").find('[class^="MuiPaper-root"]').find("[role=menuitem]").eq(e);
-  }), Cypress.Commands.add("m4lWindowBaseMenuActionDisabled", (e) => {
-    cy.m4lWindowBaseMenuAction(e).should("have.attr", "aria-disabled", "true");
-  }), Cypress.Commands.add("m4lDialogWindowActions", (e) => {
-    cy.get('[class^="MuiDialog-container"]').find('[class^="M4LWindowBase-root"]').should("contain", e);
-  }), Cypress.Commands.add("m4lDialogWindowActionsValidateTitle", (e) => {
-    cy.get('[class^="M4LGridLayout-root"]').find('[class*="M4LPopupsViewer-root"]').find('[class*="M4LDragResizeWindowRND-draggableHandle"]').find('[class*="M4LTypography-root"]').should("have.text", e);
+  }), Cypress.Commands.add("m4lWindowBaseLeftAction", (s) => {
+    cy.m4lWindowBaseHeader().find("button").eq(s);
+  }), Cypress.Commands.add("m4lWindowBaseLeftActionClick", (s) => {
+    cy.m4lWindowBaseLeftAction(s).click({ force: !0 });
+  }), Cypress.Commands.add("m4lWindowBaseMenuAction", (s) => {
+    cy.m4lWindowBaseHeader().find('[class*="M4LMenuActions-root-M4LWindowBase-menuActionsWindowBase"]').find("button").eq(0).click(), cy.get("[role=presentation]").find('[class^="MuiPaper-root"]').find("[role=menuitem]").eq(s);
+  }), Cypress.Commands.add("m4lWindowBaseMenuActionDisabled", (s) => {
+    cy.m4lWindowBaseMenuAction(s).should("have.attr", "aria-disabled", "true");
+  }), Cypress.Commands.add("m4lDialogWindowActions", (s) => {
+    cy.get('[class^="MuiDialog-container"]').find('[class^="M4LWindowBase-root"]').should("contain", s);
+  }), Cypress.Commands.add("m4lDialogWindowActionsValidateTitle", (s) => {
+    cy.get('[class^="M4LGridLayout-root"]').find('[class*="M4LPopupsViewer-root"]').find('[class*="M4LDragResizeWindowRND-draggableHandle"]').find('[class*="M4LTypography-root"]').should("have.text", s);
+  }), Cypress.Commands.add("m4lAssertModuleHeaderTitle", (s) => {
+    cy.get('[class*="M4LWindowBase-root"]').find('[class*="M4LWindowBase-headerContentWindowBase"]').find('[class*="M4LWindowBase-containerTitleSubtitle"]').should("be.visible").should("contain.text", s);
+  }), Cypress.Commands.add("m4lAssertModuleHeaderIcon", (s) => {
+    cy.get('[class*="M4LWindowBase-root"]').find('[class*="M4LWindowBase-headerContentWindowBase"]').find('[class*="M4LIcon-root"]').find('[class*="M4LIcon-icon"]').should("be.visible").invoke("css", "mask").should("contain", s);
   });
 };
 export {
-  a as r
+  e as r
 };

package/e2e/commands/components/WindowBase/types.d.ts

@@ -6,13 +6,13 @@ declare global {
        * @example
        * cy.m4lWindowBaseHeader().find('button').first().click();
        */
-      m4lWindowBaseHeader(): Chainable<Element>
+      m4lWindowBaseHeader (): Chainable<Element>
       /**
        * Gets a button on the left side of the module by 0-based index.
        * @example
        * cy.m4lWindowBaseLeftAction(0).click(); // first left button
        */
-      m4lWindowBaseLeftAction(
+      m4lWindowBaseLeftAction (
         /**
          * Button position
          */
@@ -23,7 +23,7 @@ declare global {
        * @example
        * cy.m4lWindowBaseLeftActionClick(0);
        */
-      m4lWindowBaseLeftActionClick(
+      m4lWindowBaseLeftActionClick (
         /**
          * Button position
          */
@@ -34,7 +34,7 @@ declare global {
        * @example
        * cy.m4lWindowBaseMenuAction(0).click(); // click first menu item
        */
-      m4lWindowBaseMenuAction(
+      m4lWindowBaseMenuAction (
         /**
          * Button position
          */
@@ -45,7 +45,7 @@ declare global {
        * @example
        * cy.m4lWindowBaseMenuActionDisabled(2);
        */
-      m4lWindowBaseMenuActionDisabled(
+      m4lWindowBaseMenuActionDisabled (
         /**
          * Button position
          */
@@ -56,7 +56,7 @@ declare global {
        * @example
        * cy.m4lDialogWindowActions('Confirm').find('button').contains('Accept').click();
        */
-      m4lDialogWindowActions(
+      m4lDialogWindowActions (
         /**
          * Dialog title
          */
@@ -67,7 +67,7 @@ declare global {
        * @example
        * cy.m4lDialogWindowActionsValidateTitle('Edit item');
        */
-      m4lDialogWindowActionsValidateTitle(
+      m4lDialogWindowActionsValidateTitle (
         /**
          * Dialog title
          */
@@ -77,8 +77,24 @@ declare global {
       // drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
       // dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
       // visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
+      /**
+       * Validate title module of the Window Base
+       * @example
+       * ```
+       * cy.assertModuleHeaderTitle('N_D:[module_name]');
+       * ```
+       */
+      m4lAssertModuleHeaderTitle (title: string): Chainable<Element>
+      /**
+       * Validate icon module of the Window Base
+       * @example
+       * ```
+       * cy.assertModuleHeaderIcon('i_common_general_action_add');
+       * ```
+       */
+      m4lAssertModuleHeaderIcon (icon: string): Chainable<Element>
     }
   }
 }
 
-export {};
+export { };

package/e2e/commands/components/index.d.ts

@@ -9,3 +9,4 @@ export * from './Tab/commands';
 export * from './WindowBase/commands';
 export * from './CommonActions/commands';
 export * from './Filters/commands';
+export * from './Form/commands';

package/e2e/commands/index.d.ts

@@ -2,3 +2,6 @@ export { registerCommands } from './register';
 export type { M4lFiltersAndSortsConfig } from './components/Filters/types';
 export type { M4lPropertyValuesAccordionsConfig } from './components/Accordions/types';
 export type { M4LDataGridCypressColumn, M4LGetCypressDataGridColumnsConfig } from './components/DataGrid/types';
+export * from './components/Form/cypress/assertInitialFormState/type';
+export * from './components/Form/cypress/assertMandatoryFields/type';
+export * from './components/Form/cypress/fillAndAssertFormFields/type';

package/e2e/commands/register.js

@@ -10,9 +10,10 @@ import { r as n } from "./components/WindowBase/commands.js";
 import { r as d } from "./components/CommonActions/commands.js";
 import { r as p } from "./components/Filters/commands.js";
 import { r as g } from "./intercepts/noPrivileges/interceptCommands.js";
-const w = () => {
-  r(), m(), o(), s(), e(), i(), t(), a(), n(), d(), p(), g();
+import { r as C } from "./components/Form/commands.js";
+const B = () => {
+  r(), m(), o(), s(), e(), i(), t(), a(), n(), d(), p(), g(), C();
 };
 export {
-  w as r
+  B as r
 };

package/e2e/cypress.d.ts

@@ -9,6 +9,7 @@
 /// <reference path="./commands/components/Tab/types.d.ts" />
 /// <reference path="./commands/components/CommonActions/types.d.ts" />
 /// <reference path="./commands/intercepts/noPrivileges/types.d.ts" />
+/// <reference path="./commands/components/Form/types.d.ts" />
 
 
 declare global {
@@ -20,4 +21,4 @@ declare global {
   }
 }
 
-export {};
+export { };

package/index.js

@@ -1,27 +1,27 @@
-import { r as t } from "./e2e/commands/register.js";
-import { t as s } from "./testComponents/DataGrid/helpers.js";
-import { t as a } from "./testComponents/DynamicFilter/helpers.js";
-import { t as p } from "./testComponents/DynamicSort/helpers.js";
-import { act as n } from "react";
-import { cleanup as c, fireEvent as d, renderHook as l, screen as u, waitFor as F, within as C } from "@testing-library/react";
-import { beforeEach as b, describe as g, expect as h } from "vitest";
-import { c as w } from "./testTools/utils.js";
+import { act as t } from "react";
+import { beforeEach as s, describe as f, expect as a } from "vitest";
+import { cleanup as p, fireEvent as i, renderHook as n, screen as x, waitFor as c, within as d } from "@testing-library/react";
+import { r as u } from "./e2e/commands/register.js";
+import { c as C } from "./testTools/utils.js";
+import { t as b } from "./testComponents/DataGrid/helpers.js";
+import { t as h } from "./testComponents/DynamicFilter/helpers.js";
+import { t as w } from "./testComponents/DynamicSort/helpers.js";
 import { default as H } from "@testing-library/user-event";
 export {
-  n as act,
-  b as beforeEach,
-  c as cleanup,
-  g as describe,
-  h as expect,
-  d as fireEvent,
-  t as registerCommands,
-  w as render,
-  l as renderHook,
-  u as screen,
-  s as testColumnConfigs,
-  a as testFilterFields,
-  p as testSortFields,
+  t as act,
+  s as beforeEach,
+  p as cleanup,
+  f as describe,
+  a as expect,
+  i as fireEvent,
+  u as registerCommands,
+  C as render,
+  n as renderHook,
+  x as screen,
+  b as testColumnConfigs,
+  h as testFilterFields,
+  w as testSortFields,
   H as userEvent,
-  F as waitFor,
-  C as within
+  c as waitFor,
+  d as within
 };

package/package.json

@@ -1,30 +1,9 @@
 {
   "name": "@m4l/testing",
   "description": "Shared testing utilities for MFs",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "license": "UNLICENSED",
   "author": "M4L Team",
-  "scripts": {
-    "clean": "npx -y rimraf node_modules **/node_modules/ **/dist/ dist yarn.lock .yarn .config/yarn package-lock.json",
-    "typescript": "tsc  --noEmit",
-    "build": "yarn lint:fix && tsc && vite build && buildM4lPackage",
-    "build:only": "vite build && buildM4lPackage",
-    "buildM4Lpackage:monorepo": "node ../m4l_vite_plugins/dist/bin/buildM4lPackage.js",
-    "build:monorepo": "yarn lint:fix && tsc && vite build",
-    "build:only:monorepo": "tsc && vite build && yarn buildM4Lpackage:monorepo",
-    "release": "yarn build && npm publish ./dist",
-    "release:monorepo": "yarn build:monorepo && cd dist && npm publish",
-    "release:monorepo:beta": "yarn build:monorepo && cd dist && npm publish --tag beta",
-    "release:monorepo:beta:only": "cd dist && npm publish --tag beta",
-    "lint": "npx eslint .  --max-warnings 0",
-    "lint:fix": "yarn lint --fix  --max-warnings 0",
-    "lefthook:install": "lefthook install",
-    "test": "vitest --config vitest.config.ts",
-    "test:only": "vitest --config vitest.config.ts --allowOnly",
-    "coverage": "vitest run --coverage",
-    "coverage:ui": "vitest --ui run --coverage ",
-    "docs": "typedoc --entryPointStrategy expand --tsconfig ./tsconfig.json"
-  },
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
@@ -60,23 +39,6 @@
     "react": "18.3.1",
     "vitest": "3.1.1"
   },
-  "devDependencies": {
-    "@m4l/components": "^9.0.0",
-    "@m4l/config": "^1.1.2",
-    "@m4l/vite-plugins": "^1.1.5",
-    "@types/node": "^22.7.3",
-    "@types/react": "18.3.23",
-    "@types/react-dom": "18.3.7",
-    "eslint": "9.28.0",
-    "lefthook": "1.11.13",
-    "lint-staged": "15.5.2",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "typescript": "5.8.3",
-    "vite": "6.3.5",
-    "vite-plugin-dts": "^4.2.1",
-    "vitest": "3.1.1"
-  },
   "resolutions": {
     "glob": "^10.4.5",
     "react": "18.3.1",
@@ -98,7 +60,7 @@
   ],
   "type": "module",
   "source": "./index.js",
-  "main": "./index.js",
+  "main": "./src/index.ts",
   "module": "./index.js",
   "types": "./index.d.ts",
   "sideEffects": false,
@@ -108,5 +70,11 @@
   "engines": {
     "node": ">=12.0.0"
   },
-  "packageManager": "yarn@4.5.0"
+  "packageManager": "yarn@4.5.0",
+  "private": false,
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    }
+  }
 }