fix(field): use current validation value

ref: DTRSD-115205

Signed-off-by: Jacques Larique <[email protected]>

Author: JacquesLarique

packages/components/field/src/js/field.controller.js

@@ -226,7 +226,9 @@ export default class FieldController {
       const attributes = VALIDATION_PARAMETERS[validationName];
       attributes.forEach((attributeName) => {
         if (hasAttributeValue(controlElement, attributeName)) {
-          validationParameters[validationName] = getAttribute(controlElement, attributeName);
+          Object.defineProperty(validationParameters, validationName, {
+            get: () => getAttribute(controlElement, attributeName),
+          });
         }
       });
     });

packages/components/field/src/js/field.spec.js

@@ -643,6 +643,44 @@ describe('ouiField', () => {
         expect(controller.getErrorMessage('minlength')).toContain(messageMinlength);
       });
 
+      it('should give a dynamic message containing parameters', () => {
+        const minValue = 5;
+        const element = TestUtils.compileTemplate(`
+                    <form name="form">
+                        <oui-field label="{{'range'}}">
+                            <input type="number"
+                                class="oui-input"
+                                id="range_start"
+                                name="range_start"
+                                ng-model="$ctrl.rangeStart">
+                            <input type="number"
+                                class="oui-input"
+                                id="range_end"
+                                name="range_end"
+                                ng-min="$ctrl.rangeStart"
+                                ng-model="$ctrl.rangeEnd">
+                        </oui-field>
+                    </form>
+                    `, {
+          rangeStart: 0,
+          rangeEnd: 0,
+        });
+
+        const controller = getField(element).controller('ouiField');
+
+        $timeout.flush();
+
+        const $rangeStartControl = getControl(controller, 'range_start');
+        $rangeStartControl.val(minValue);
+        $rangeStartControl.triggerHandler('input');
+        $rangeStartControl.triggerHandler('blur');
+
+        $timeout.flush();
+
+        expect(controller.getFirstError().min).toBeTruthy();
+        expect(controller.getErrorMessage('min')).toContain(minValue);
+      });
+
       it('should show error on submit', () => {
         const element = TestUtils.compileTemplate(`
                     <form name="form" ng-submit="$ctrl.noop()">