more test on MainSection's behavior

Author: jcouyang

examples/todomvc/package.json

@@ -21,7 +21,7 @@
     "build": "NODE_ENV=production browserify src/app.jsx --extension=.jsx --extension=.es6 | java -jar bin/compiler.jar > public/app.js",
     "start": "ecstatic -p 8000 public",
     "watch": "watchify -d src/app.jsx --extension=.jsx --extension=.es6 -o public/app.js -dv",
-    "test": "jest"
+    "test": "jest --coverage"
   },
   "jest": {
     "moduleFileExtensions": [

examples/todomvc/src/components/MainSection.jsx

@@ -7,7 +7,7 @@ const remote = 'todos.json';
 import * as most from 'most'
 import Intent from '../todo.action'
 import r from 'ramda'
-const anyToId = ()=>r.identity
+const alwaysId = ()=>r.identity
 
 const MainSection = ({todos,filter}) => {
   const completedCount = todos.reduce((count, todo) => todo.done ? count + 1 : count, 0);
@@ -42,7 +42,7 @@ export default connect((intent$)=>{
     Delete: id => r.over(lensTodos, r.filter(todo=>todo.id!=id)),
     Filter: filter=>state=>({ filter }),
     Done: index=>r.over(lensTodoComplete(index), r.not),
-    _:anyToId
+    _: alwaysId
   }))
   let data$ = most.fromPromise(rest(remote))
                   .map(x=>JSON.parse(x.entity))

examples/todomvc/src/components/__tests__/MainSection-spec.jsx

@@ -108,5 +108,45 @@ describe('MainSection', ()=>{
           })
       })
     })
+
+    describe('delete', ()=> {
+      it('should remove todos id 0', ()=>{
+        do$([
+          ()=>send(Intent.Delete(0)),
+        ])
+        return historyStreamOf(mainSection)
+          .take$(2)
+          .then(state=>{
+            expect(state.todos).toEqual([{"done": false, "id": 1, "text": "Give it a Star on Github"}])
+          })
+      })
+    })
+
+    describe('done', ()=> {
+      it('should complete todo 0', ()=>{
+        do$([
+          ()=>send(Intent.Done(0)),
+        ])
+        return historyStreamOf(mainSection)
+          .take$(2)
+          .then(state=>{
+            expect(state.todos).toEqual([{"done": true, "id": 0, "text": "Try React Most"}, {"done": false, "id": 1, "text": "Give it a Star on Github"}])
+          })
+      })
+    })
+
+    describe('click filter completed', ()=> {
+      it('should only use SHOW_COMPLETED filter', ()=>{
+        do$([
+          ()=>send(Intent.Edit({id:0, done:true}, 0)),
+          ()=>send(Intent.Filter(FILTER_FUNC['SHOW_COMPLETED'])),
+        ])
+        return historyStreamOf(mainSection)
+          .take$(3)
+          .then(state=>{
+            expect(state.filter).toEqual(FILTER_FUNC['SHOW_COMPLETED'])
+          })
+      })
+    })
   })
 });