Add grunt build and jasmine tests running. Event stream tests

Author: leoasis

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+tmp
+

dist/react-bacon.js

@@ -1,4 +1,4 @@
-!function(e){if("object"==typeof exports)module.exports=e();else if("function"==typeof define&&define.amd)define(e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.ReactBacon=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+!function(e){if("object"==typeof exports)module.exports=e();else if("function"==typeof define&&define.amd)define(e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.ReactBacon=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
 module.exports.BaconMixin = ((function(){
   'use strict';
 

gruntfile.js

@@ -0,0 +1,38 @@
+module.exports = function(grunt) {
+  grunt.loadNpmTasks('grunt-contrib-jasmine');
+  grunt.loadNpmTasks('grunt-browserify');
+
+  grunt.initConfig({
+    browserify: {
+      umd: {
+        files: {
+          'dist/react-bacon.js': './src/react-bacon.js'
+        },
+        options: {
+          bundleOptions: {
+            standalone: 'ReactBacon'
+          }
+        }
+      },
+      test: {
+        files: {
+          'tmp/specs.js': './spec/**/*_spec.js'
+        },
+        options: {
+          alias: ['./src/react-bacon.js:react-bacon'],
+          transform: ['reactify']
+        }
+      }
+    },
+    jasmine: {
+      options: {
+        specs: ['tmp/specs.js'],
+        reporter: 'spec'
+      },
+      src: ['dist/react-bacon.js']
+    }
+  });
+
+  grunt.registerTask('spec', ['browserify:test', 'jasmine']);
+  grunt.registerTask('default', 'spec');
+};

package.json

@@ -12,5 +12,16 @@
   "bugs": {
     "url": "https://github.com/jamesmacaulay/react-bacon/issues"
   },
-  "homepage": "https://github.com/jamesmacaulay/react-bacon"
+  "homepage": "https://github.com/jamesmacaulay/react-bacon",
+  "devDependencies": {
+    "react": "~0.10.0",
+    "grunt": "~0.4.4",
+    "grunt-contrib-jasmine": "~0.6.3",
+    "browserify": "~3.44.2",
+    "grunt-browserify": "~2.0.8",
+    "reactify": "~0.13.1"
+  },
+  "dependencies": {
+    "baconjs": "~0.7.10"
+  }
 }

spec/react-bacon_spec.js

@@ -0,0 +1,102 @@
+/** @jsx React.DOM */
+
+var React = require('react/addons');
+var Utils = React.addons.TestUtils;
+Bacon = require('baconjs');
+var BaconMixin = require('react-bacon').BaconMixin;
+
+describe('BaconMixin', function() {
+  describe('#eventStream', function() {
+    it('returns the stream for that defined name', function() {
+      var stream;
+      var Component = React.createClass({
+        mixins: [BaconMixin],
+        componentWillMount: function() {
+          stream = this.eventStream('clicks');
+        },
+        render: function() {
+          return <div />
+        }
+      });
+      var component = Utils.renderIntoDocument(<Component />);
+      expect(stream instanceof Bacon.EventStream).toBe(true);
+    });
+
+    it('returns always the same event stream', function() {
+      var reference, anotherReference;
+      var Component = React.createClass({
+        mixins: [BaconMixin],
+        componentWillMount: function() {
+          reference = this.eventStream('clicks');
+          anotherReference = this.eventStream('clicks');
+        },
+        render: function() {
+          return <div />
+        }
+      });
+      var component = Utils.renderIntoDocument(<Component />);
+      expect(reference).toBe(anotherReference);
+    });
+
+    it('defines a function property with the name of the stream', function() {
+      var Component = React.createClass({
+        mixins: [BaconMixin],
+        componentWillMount: function() {
+          this.eventStream('clicks');
+        },
+        render: function() {
+          return <div />
+        }
+      });
+
+      var component = Utils.renderIntoDocument(<Component />);
+      expect(component.clicks.constructor).toBe(Function);
+    });
+
+    it('that defined function can be used as event handler, and pushes to the stream', function() {
+      var clickedDiv;
+      var Component = React.createClass({
+        mixins: [BaconMixin],
+        componentWillMount: function() {
+          this.eventStream('clicks').onValue(function() {
+            clickedDiv = true;
+          });
+        },
+        render: function() {
+          return <div onClick={this.clicks}/>
+        }
+      });
+
+      var component = Utils.renderIntoDocument(<Component />);
+      var div = Utils.findRenderedDOMComponentWithTag(component, 'div');
+      Utils.Simulate.click(div);
+
+      expect(clickedDiv).toBe(true);
+    });
+
+    it('removes subscribers when the component unmounts', function() {
+      var stream;
+      var Component = React.createClass({
+        mixins: [BaconMixin],
+        componentWillMount: function() {
+          stream = this.eventStream('clicks');
+          stream.onValue(function() {
+            // Does something
+          });
+        },
+        render: function() {
+          return <div onClick={this.clicks}/>
+        }
+      });
+
+      var component = Utils.renderIntoDocument(<Component />);
+
+      expect(stream.hasSubscribers()).toBe(true);
+
+      var unmounted = React.unmountComponentAtNode(component.getDOMNode().parentNode);
+      expect(unmounted).toBe(true);
+
+      expect(stream.hasSubscribers()).toBe(false);
+    });
+  });
+});