Merge pull request #44 from quicoto/set-custom-attribute-value

feat: set custom attribute and the value on setting value to proxy

Author: quicoto

src/index.js

@@ -172,7 +172,13 @@ export default (config = {}) => {
     if (typeof $elements === `undefined` || value === null) return;
 
     $elements.forEach(($element) => {
-      if (hasCustomValue($element)) return;
+      if (hasCustomValue($element)) {
+        const attr = propertyToGet($element);
+
+        $element.setAttribute(attr, value);
+
+        return;
+      }
 
       if ($element.tagName === `INPUT`) {
         let checked = value !== `undefined` && value === ``;

src/tests/index.test.js

@@ -651,4 +651,25 @@ describe(`twoWayDataBinding`, () => {
 
     expect(proxy.country).toEqual(`ES`);
   });
+
+  it(`Update element via proxy with custom value attribute [data-twowayvalue]`, () => {
+    const {
+      container,
+      bindName
+    } = render(
+      `<input data-model="country" data-bind="country" data-twowayvalue="ES" type="text" value="Spain (ES)" />`,
+      `data-bind`
+    );
+
+    const proxy = twoWayDataBinding({
+      $context: container,
+      attributesCustomValue: [`data-twowayvalue`]
+    });
+    const $input = bindName(`country`, `data-model`);
+
+    proxy.country = `Germany (DE)`;
+
+    expect($input.getAttribute(`data-twowayvalue`)).toEqual(`Germany (DE)`);
+    expect($input.value).toEqual(`Spain (ES)`);
+  });
 });