added a test for issue Polymer/polymer#3063

plequang · plequang · commit da1902ab0fd8 · 2015-11-20T17:15:06.000+01:00
diff --git a/demo/templatizer-test.html b/demo/templatizer-test.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>polymer</title>
+
+  <script src="//polygit.org/components/webcomponentsjs/webcomponents-lite.js"></script>
+  <link href="//polygit.org/components/polymer/polymer.html" rel="import">
+
+</head>
+<body>
+
+	<dom-module id="x-templatizer">
+	  <template>
+	  	<button on-tap="addContent">Add content</button>
+	  	<div id="templates">
+	  		<content></content>
+  		</div>
+	  </template>
+	</dom-module>
+
+	<dom-module id="x-elem">
+		<template>
+			<h3>x-templatize 1</h3>
+			<x-templatizer>
+				<template>
+					<div>
+						templatizer 1 _hasActions=<span>{{_hasActions}}</span>
+					</div>
+				</template>
+			</x-templatizer>
+			<h3>x-templatizer 2</h3>
+			<x-templatizer>
+				<template>
+					<div>
+						templatizer 2 _hasActions=<span>{{_hasActions}}</span>
+					</div>
+				</template>
+			</x-templatizer>
+		</template>
+	</dom-module>
+
+	<script>
+		/*global HTMLImports,Polymer */
+HTMLImports.whenReady(function () {
+	Polymer({
+		is: 'x-templatizer',
+		behaviors: [
+			Polymer.Templatizer
+		],
+		_ensureTemplatized: function () {
+			if (!this.ctor) {
+				this._template = Polymer.dom(this).querySelector('template');
+				this.templatize(this._template);
+			}
+		},
+		addContent: function () {
+			this._ensureTemplatized();
+
+			var instance = this.stamp({});
+
+			Polymer.dom(this).appendChild(instance.root);
+		},
+
+		_forwardParentProp: function (prop, value) {
+			console.log('implement forwarding prop to template instances', prop, value);
+		}
+
+	});
+
+	Polymer({
+		is: 'x-elem',
+		properties: {
+			_hasActions: {
+				type: Number,
+				notify: true,
+				value: 0
+			}
+		}
+	});
+});
+	</script>
+
+	<x-elem></x-elem>
+
+
+</body>
+</html>
