From 4f628fd92693cad6bc1dfddc2574bea8c61211ac Mon Sep 17 00:00:00 2001
From: Kevin Schaaf <kschaaf@google.com>
Date: Thu, 13 Apr 2017 14:16:08 -0700
Subject: [PATCH] Add GestureEventListeners to dom-bind.

---
 lib/elements/dom-bind.html |  6 +++++-
 test/unit/dom-bind.html    | 29 ++++++++++++++++++-----------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/lib/elements/dom-bind.html b/lib/elements/dom-bind.html
index 7a95321a72..61770947a6 100644
--- a/lib/elements/dom-bind.html
+++ b/lib/elements/dom-bind.html
@@ -11,13 +11,17 @@
 <link rel="import" href="../utils/boot.html">
 <link rel="import" href="../mixins/property-effects.html">
 <link rel="import" href="../mixins/mutable-data.html">
+<link rel="import" href="../mixins/gesture-event-listeners.html">
 
 <script>
 
   (function() {
     'use strict';
 
-    const domBindBase = Polymer.OptionalMutableData(Polymer.PropertyEffects(HTMLElement));
+    const domBindBase =
+      Polymer.GestureEventListeners(
+        Polymer.OptionalMutableData(
+          Polymer.PropertyEffects(HTMLElement)));
 
     /**
      * Custom element to allow using Polymer's template features (data binding,
diff --git a/test/unit/dom-bind.html b/test/unit/dom-bind.html
index 70a6bef904..2f8071d061 100644
--- a/test/unit/dom-bind.html
+++ b/test/unit/dom-bind.html
@@ -32,7 +32,7 @@
 
   <dom-bind id="declarativeDomBind">
     <template>
-      <x-basic id="declaredXBasic1" value="{{value}}" notifyingvalue="{{nvalue}}" on-custom="handleEvent" computed="{{compute(dep)}}"></x-basic>
+      <x-basic id="declaredXBasic1" value="{{value}}" notifyingvalue="{{nvalue}}" on-custom="handleEvent" on-tap="handleTap" computed="{{compute(dep)}}"></x-basic>
       <x-basic id="declaredXBasic2" value="{{value}}" notifyingvalue="{{nvalue}}"></x-basic>
       <x-produce-a bind-to-text={{boundText}}></x-produce-a>
       <div id="boundTextDiv">{{boundText}}</div>
@@ -89,12 +89,9 @@
       });
 
       test('event listener fires', function() {
-        var count = 0;
-        domBind.handleEvent = function() {
-          count++;
-        };
+        domBind.handleEvent = sinon.spy();
         el1.fire('custom');
-        assert.equal(count, 1);
+        assert.equal(domBind.handleEvent.callCount, 1);
       });
 
       test('inline function runs', function() {
@@ -130,6 +127,7 @@
         el1.setAttribute('value', '{{value}}');
         el1.setAttribute('notifyingvalue', '{{nvalue}}');
         el1.setAttribute('on-custom', 'handleEvent');
+        el1.setAttribute('on-tap', 'handleTap');
         el1.setAttribute('computed', '{{compute(dep)}}');
 
         el2 = doc.createElement('x-basic');
@@ -165,12 +163,21 @@
       });
 
       test('event listener fires', function() {
-        var count = 0;
-        domBind.handleEvent = function() {
-          count++;
-        };
+        domBind.handleEvent = sinon.spy();
         el1.fire('custom');
-        assert.equal(count, 1);
+        assert.equal(domBind.handleEvent.callCount, 1);
+      });
+
+      test('gesture event listener fires', function() {
+        domBind.handleTap = sinon.spy();
+        el1.click();
+        assert.equal(domBind.handleTap.callCount, 1);
+      });
+
+      test('gesture event listener fires', function() {
+        domBind.handleTap = sinon.spy();
+        el1.click();
+        assert.equal(domBind.handleTap.callCount, 1);
       });
 
       test('inline function runs', function() {