Add fire-demo.html to inspect handler arguments (#80, #102)

fat · Feb 16, 2014 · 8f0daf5 · 8f0daf5
1 parent a235704
commit 8f0daf5
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/tests/fire-demo.html b/tests/fire-demo.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>bean.fire() demo</title>
+<style>
+  html { font-family:sans-serif; color:#111; background:#efefef }
+  body { margin:1em auto; width:96% }
+  #test { font-weight:bold }
+  #test:hover { cursor:crosshair }
+</style>
+
+<p>Open the console.</p>
+<div id="test">div#test</div>
+
+<script src="../src/bean.js"></script>
+<script>
+!function(bean) {
+  var plain = {}, el = document.getElementById('test')
+  function handler() {
+    console.log(arguments)
+  }
+
+  [
+    [el, 'click'], [el, 'wow'], [plain, 'wow'],
+    [el, 'click.x'], [el, 'wow.x'], [plain, 'wow.x']
+  ].some(function(a) {
+    console.group(a[0].toString().slice(8, -1) + ': "' + a[1] + '" event')
+    bean.on(a[0], a[1], handler)
+    bean.fire(a[0], a[1]) // no extras
+    bean.fire(a[0], a[1], [1, 2]) // array extras
+    console.groupEnd()
+  }, void console.log('All groups should look alike:'))
+
+}(bean);
+</script>