test(button): add a dynamically disabled button to the basic test

ionic-team · Jul 12, 2018 · 8e58ea4 · 8e58ea4
1 parent 0421e21
commit 8e58ea4
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/core/src/components/button/test/basic/index.html b/core/src/components/button/test/basic/index.html
@@ -70,10 +70,14 @@
       </p>
 
       <p>
-        <ion-button disabled>Button Disabled</ion-button>
+        <ion-button id="disabledButton" disabled onclick="clickedButton(event)">Button Disabled</ion-button>
         <ion-button color="secondary" disabled>Secondary Disabled</ion-button>
       </p>
 
+      <p>
+          <ion-button onclick="toggleDisabled()">Toggle Disabled</ion-button>
+      </p>
+
       <p>
         <ion-button id="dynamicColor1" onclick="changeColor(event)">Change Color</ion-button>
         <ion-button id="dynamicColor2" onclick="changeColor(event)" fill="outline">Change Color</ion-button>
@@ -98,6 +102,16 @@
 
       el.color = newColor;
     }
+
+    function toggleDisabled() {
+      var buttonEl = this.document.getElementById('disabledButton');
+      console.log(buttonEl);
+      buttonEl.disabled = !buttonEl.disabled;
+    }
+
+    function clickedButton(ev) {
+      console.log("Clicked button", ev);
+    }
   </script>
 </body>