update for mocha 0.10

Author: ShMcK

README.md

@@ -3,13 +3,14 @@
 A [CodeRoad](https://coderoad.github.io) tutorial for learning Redux.
 
 <!-- @import('01') -->
-<!-- @import('02') -->
 <!-- @import('03') -->
 <!-- @import('04') -->
 <!-- @import('05') -->
 <!-- @import('06') -->
+<!-- @import('07') -->
 <!-- @import('08') -->
 <!-- @import('09') -->
+<!-- @import('10') -->
 
 
 ## CodeRoad
@@ -28,6 +29,10 @@ CodeRoad is an open-sourced interactive tutorial platform for the Atom Editor. L
 
 ## Outline
 
-##### File Structure
+##### The Store
 
-Refactor your project into different files.
+The "single source of truth".
+
+```js
+const store = createStore(reducer, initialState);
+```

coderoad.json

@@ -1,55 +1,77 @@
 {
   "info": {
     "title": "CodeRoad Redux JS Tutorial",
-    "description": "A [CodeRoad](https://coderoad.github.io) tutorial for learning Redux.\n\n<!-- @import('01') -->\n<!-- @import('02') -->\n<!-- @import('03') -->\n<!-- @import('04') -->\n<!-- @import('05') -->\n<!-- @import('06') -->\n<!-- @import('08') -->\n<!-- @import('09') -->"
+    "description": "A [CodeRoad](https://coderoad.github.io) tutorial for learning Redux.\n\n<!-- @import('01') -->\n<!-- @import('03') -->\n<!-- @import('04') -->\n<!-- @import('05') -->\n<!-- @import('06') -->\n<!-- @import('07') -->\n<!-- @import('08') -->\n<!-- @import('09') -->\n<!-- @import('10') -->"
   },
   "pages": [
     {
-      "title": "File Structure",
-      "description": "Refactor your project into different files.",
+      "title": "The Store",
+      "description": "The \"single source of truth\".\n\n```js\nconst store = createStore(reducer, initialState);\n```",
       "tasks": [
         {
-          "description": "create a folder in your base directory called \"pokemon\" and add a file inside called \"index.js\"",
+          "description": "install Redux.",
+          "hints": [
+            "Run `npm install --save redux`."
+          ],
+          "actions": [
+            "open('index.js')"
+          ],
           "tests": [
-            "07/01"
+            "02/01"
           ]
         },
         {
-          "description": "take your `VOTE_UP` action type from \"index.js\" and put it in \"pokemon/index.js\"",
-          "tests": [
-            "07/02"
+          "description": "import `createStore` from the redux module.",
+          "hints": [
+            "Add `import { createStore } from 'redux';`"
           ],
+          "tests": [
+            "02/02"
+          ]
+        },
+        {
+          "description": "create your first store and call it `store`. Use a simple \"reducer\" function for now, let's say `state => state`.",
           "hints": [
-            "\"pokemon/index.js\" should have `const VOTE_UP = 'VOTE_UP';`"
+            "declare your store, `const store`",
+            "call store with a simple reducer, `const store = createStore(state => state)`"
+          ],
+          "tests": [
+            "02/03"
           ]
         },
         {
-          "description": "take your `voteUp` action creator from \"index.js\" and put it in \"pokemon/index.js\". Export it as a [\"named\" export](https://developer.mozilla.org/en/docs/web/javascript/reference/statements/export).",
+          "description": "log your store to the console and have a look.",
           "tests": [
-            "07/03"
+            "02/04"
           ],
           "hints": [
-            "move `voteUp` into \"pokemon/index.js\"",
-            "\"pokemon/index.js\" should have `const voteUp = id => ({ type: VOTE_UP, payload: { id } });`"
+            "console.log(store)"
           ]
         },
         {
-          "description": "take your `pokemon` reducer from \"index.js\" and put it in \"pokemon/index.js\". Export the reducer as a \"default\" export",
+          "description": "log `store.getState()` to the console",
           "tests": [
-            "07/04"
+            "02/05"
+          ],
+          "hints": [
+            "console.log(store.getState())"
           ]
         },
         {
-          "description": "in your \"index.js\" file, import the action creators and reducer in one line of code.",
+          "description": "move the initial state to the top of the file, and pass it in as a second param your `createStore`",
           "tests": [
-            "07/05"
+            "02/06"
           ],
           "hints": [
-            "Try this: `import { default as pokemon, voteUp } from './pokemon';`"
+            "Move `initialState` above your `store`",
+            "Pass in `initialState` as a second param to `createStore`"
+          ],
+          "actions": [
+            "insert('const initialState = {\n  pokemon: [{\n    id: 1,\n    name: 'Luvdisc',\n    description: 'This heart-shaped POKéMON earned its name by swimming after loving couples it spotted in the ocean’s waves.',\n    votes: 3\n  }, {\n    id: 2,\n    name: 'Trubbish',\n    description: 'Wanting more garbage, they follow people who litter. They always belch poison gas.',\n    votes: 2\n  }, {\n    id: 3,\n    name: 'Stunfisk',\n    description: 'Its skin is very hard, so it is unhurt even if stepped on by sumo wrestlers. It smiles when transmitting electricity.',\n    votes: 0\n  }]\n };\n')"
           ]
         }
       ],
-      "onPageComplete": ""
+      "onPageComplete": "As you can see, the store is just an object with various methods like \"dispatch\" and \"getState\". Let's see what these methods do in the next step."
     }
   ]
 }

package.json

@@ -14,10 +14,10 @@
   },
   "config": {
     "dir": "tutorial",
-    "testSuffix": ".js",
+    "edit": true,
     "language": "JS",
     "runner": "mocha-coderoad",
-    "edit": true
+    "testSuffix": ".js"
   },
   "dependencies": {
     "mocha-coderoad": "0.9.1"

tutorial/01/01.js

@@ -1,4 +1,4 @@
-var expect = require('chai').expect;
+const expect = require('chai').expect;
 
 describe('01 setup', () => {
 

tutorial/02/01.js

@@ -1,11 +1,11 @@
-var chai = require('chai');
-var spies = require('chai-spies');
-var expect = chai.expect;
+const chai = require('chai');
+const spies = require('chai-spies');
+const expect = chai.expect;
 chai.use(spies);
 
-var spy = chai.spy.on(console, 'log');
+let spy = chai.spy.on(console, 'log');
 
-/// load('index.js')
+const index = require('BASE/index.js');
 
 describe('01 Redux', () => {
 

tutorial/02/02.js

@@ -1,5 +1,7 @@
 describe('02 createStore', () => {
 
+  const createStore = index.__get__('createStore');
+
   it('isn\'t imported. `import { createStore } from "redux";`', () => {
     expect(createStore).to.be.defined;
   });

tutorial/02/03.js

@@ -1,5 +1,7 @@
 describe('03 store', () => {
 
+  const store = index.__get__('store');
+
   it('isn\'t defined. `const store`', () => {
     expect(store).to.be.defined;
   });

tutorial/02/06.js

@@ -3,23 +3,23 @@ describe('06 log initialState', () => {
   it('isn\'t logged to the console.', () => {
 
     const initialState = {
-    pokemon: [{
-      id: 1,
-      name: 'Luvdisc',
-      description: 'This heart-shaped POKéMON earned its name by swimming after loving couples it spotted in the ocean’s waves.',
-      votes: 3
-    }, {
-      id: 2,
-      name: 'Trubbish',
-      description: 'Wanting more garbage, they follow people who litter. They always belch poison gas.',
-      votes: 2
-    }, {
-      id: 3,
-      name: 'Stunfisk',
-      description: 'Its skin is very hard, so it is unhurt even if stepped on by sumo wrestlers. It smiles when transmitting electricity.',
-      votes: 0
-    }]
-   };
+      pokemon: [{
+        id: 1,
+        name: 'Luvdisc',
+        description: 'This heart-shaped POKéMON earned its name by swimming after loving couples it spotted in the ocean’s waves.',
+        votes: 3
+      }, {
+        id: 2,
+        name: 'Trubbish',
+        description: 'Wanting more garbage, they follow people who litter. They always belch poison gas.',
+        votes: 2
+      }, {
+        id: 3,
+        name: 'Stunfisk',
+        description: 'Its skin is very hard, so it is unhurt even if stepped on by sumo wrestlers. It smiles when transmitting electricity.',
+        votes: 0
+      }]
+    };
 
     expect(spy).to.have.been.called.with(initialState);
   });

tutorial/03/01.js

@@ -1,6 +1,8 @@
 const expect = require('chai').expect;
 
-/// load('index.js')
+const index = require('BASE/index.js');
+
+const voteUp = index.__get__('voteUp');
 
 describe('01 voteUp Action', () => {
 

tutorial/03/04.js

@@ -1,5 +1,7 @@
 describe('04 VOTE_UP action type', () => {
 
+  const VOTE_UP = index.__get__('VOTE_UP');
+
   it('doesn\t exist', () => {
     expect(VOTE_UP).to.be.defined;
   });