Fixed issue with app-localizer-behavior

vaadin · Apr 28, 2017 · 787890d · 787890d
1 parent 02f063a
commit 787890d
Show file tree

Hide file tree

Showing 5 changed files with 94 additions and 1 deletion.
diff --git a/bower.json b/bower.json
@@ -49,7 +49,8 @@
     "iron-component-page": "^1.1.7",
     "elements-demo-resources": "*",
     "vaadin-combo-box": "^1.2.0",
-    "iron-ajax": "PolymerElements/iron-ajax#^1.4.3"
+    "iron-ajax": "PolymerElements/iron-ajax#^1.4.3",
+    "app-localize-behavior": "^1.0.2"
   },
   "dependencies": {
     "polymer": "^1.6.1",

diff --git a/test/app-localize-behavior.html b/test/app-localize-behavior.html
@@ -0,0 +1,82 @@
+<!doctype html>
+
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>iron-list test</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
+
+  <link rel="import" href="helpers.html">
+  <link rel="import" href="../vaadin-grid.html">
+  <link rel="import" href="../../app-localize-behavior/app-localize-behavior.html">
+</head>
+<body>
+
+  <dom-module id="x-grid">
+    <template>
+      <style>
+        :host {
+          display: block;
+        }
+      </style>
+
+      <vaadin-grid id="grid" items="[1]">
+        <vaadin-grid-column>
+          <template class="header">[[localize('header')]]</template>
+          <template>[[item]]</template>
+        </vaadin-grid-column>
+      </vaadin-grid>
+    </template>
+    <script>
+      document.addEventListener('WebComponentsReady', function() {
+        Polymer({
+          is: 'x-grid',
+
+          behaviors: [Polymer.AppLocalizeBehavior],
+
+          properties: {
+            language: {
+              value: 'en'
+            }
+          },
+
+          attached: function() {
+            this.loadResources('locales.json');
+          }
+        });
+      });
+    </script>
+  </dom-module>
+
+  <test-fixture id="grid">
+    <template>
+      <x-grid></x-grid>
+    </template>
+  </test-fixture>
+
+  <script>
+
+    describe('app-localize-behavior', function() {
+      var container, column, grid;
+
+      beforeEach(function(done) {
+        container = fixture('grid');
+        grid = container.$.grid;
+        container.addEventListener('app-localize-resources-loaded', function() {
+          done();
+        });
+      });
+
+      it('should localize', function() {
+        expect(getHeaderCellContent(grid, 0, 0).innerText).to.equal('header');
+      });
+
+    });
+
+  </script>
+
+</body>
+</html>
diff --git a/test/index.html b/test/index.html
@@ -19,6 +19,7 @@
   <script>
     WCT.loadSuites([
       'basic.html',
+      'app-localize-behavior.html',
       'column.html',
       'column-group.html',
       'column-groups.html',

diff --git a/test/locales.json b/test/locales.json
@@ -0,0 +1,8 @@
+{
+  "en": {
+    "header": "header"
+  },
+  "fr": {
+    "header": "le header"
+  }
+}
diff --git a/vaadin-grid-templatizer.html b/vaadin-grid-templatizer.html
@@ -103,6 +103,7 @@
         var value = e.value;
 
         templateInstances.forEach(function(inst) {
+          inst[prop] = value;
           inst.notifyPath(prop, value);
         });
       }