use eslint:recommended

Author: cesine

.eslintrc

@@ -1,23 +1,22 @@
 {
   "parser": "babel-eslint",
   "extends": [
-    "standard",
+    "eslint:recommended",
+    "plugin:mocha/recommended",
     "standard-react"
   ],
   "plugins": [
     "babel",
+    "mocha",
     "react",
     "promise"
   ],
   "env": {
-    "mocha" : true
+    "mocha": true,
+    "node": true
   },
   "globals": {
-    "document": false,
-    "expect": false,
-    "navigator": false,
-    "sinon": false,
-    "window": false
+    "Symbol": false
   },
   "rules": {}
 }

app/app.js

@@ -1,3 +1,4 @@
+/* global window, document */
 import 'babel-polyfill'
 import { browserHistory } from 'react-router'
 import Immutable from 'immutable'
@@ -17,6 +18,7 @@ if (window.__REDUX_STATE__) {
       reduxState[key] = Immutable.fromJS(val)
     })
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.error(e)
   }
 }
@@ -27,4 +29,4 @@ ReactDOM.render((
   <Provider store={store}>
     { createRoutes(browserHistory) }
   </Provider>
-  ), document.getElementById('root'))
+), document.getElementById('root'))

app/components/App/index.jsx

@@ -8,17 +8,17 @@ FieldDBObject.todo = function () {}
 FieldDBObject.warn = function () {}
 FieldDBObject.confirm = function (message, optionalLocale) {
   const deferred = Q.defer()
-  console.warn('Not confirming: ', message)
+  // console.warn('Not confirming: ', message)
   deferred.reject({
     message: message,
     optionalLocale: optionalLocale,
     response: null
   })
   return deferred.promise
 }
-FieldDBObject.prompt = function (message, optionalLocale, providedInput) {
+FieldDBObject.prompt = function (message, optionalLocale) {
   const deferred = Q.defer()
-  console.warn('Not prompting: ', message)
+  // console.warn('Not prompting: ', message)
   deferred.reject({
     message: message,
     optionalLocale: optionalLocale,
@@ -47,7 +47,7 @@ class App extends Component {
           htmlAttributes={{
             'lang': 'en'
           }}
-      />
+        />
         {this.props.children}
       </div>
     )
@@ -58,7 +58,7 @@ App.propTypes = {
   children: React.PropTypes.object.isRequired
 }
 
-function mapStateToProps (state) {
+function mapStateToProps () {
   return {}
 }
 

app/components/App/store.js

@@ -9,14 +9,15 @@ const logger = createLogger({
   level: 'info',
   collapsed: false,
   logger: console,
-  predicate: (getState, action) => true
+  predicate: () => true
 })
 
 let middlewares = [
   thunkMiddleware,
   apiMiddleware
 ]
 
+// By default: debug all state changes if in development mode
 if (process.env.NODE_ENV !== 'production') {
   middlewares = [...middlewares, logger]
 }

app/components/Corpora/Corpora.jsx

@@ -8,30 +8,30 @@ class Corpora extends Component {
       <div className={this.props.className}>
         <h1>Corpora</h1>
         {
-      this.props.corpora.map((connection) => {
-        let website = connection.get('website') || ''
-        if (connection.get('searchKeywords')) {
-          website = `${website}/search/${connection.get('searchKeywords')}`
-        } else {
-          website = `${website}/search`
-        }
-        return (
-          <div className='media' key={connection.get('dbname')}>
-            <Link to={website} className='pull-left'>
-              <img src={'https://secure.gravatar.com/avatar/' + connection.get('gravatar') + '.jpg?s=96&d=retro&r=pg'} alt='Corpus image' className='media-object' />
-            </Link>
-            <div className='media-body'>
-              <h4 className='media-heading'>
-                <Link to={website}>
-                  {connection.get('title')}
+          this.props.corpora.map((connection) => {
+            let website = connection.get('website') || ''
+            if (connection.get('searchKeywords')) {
+              website = `${website}/search/${connection.get('searchKeywords')}`
+            } else {
+              website = `${website}/search`
+            }
+            return (
+              <div className='media' key={connection.get('dbname')}>
+                <Link to={website} className='pull-left'>
+                  <img src={'https://secure.gravatar.com/avatar/' + connection.get('gravatar') + '.jpg?s=96&d=retro&r=pg'} alt='Corpus image' className='media-object' />
                 </Link>
-              </h4>
-              <p>{connection.get('description')}</p>
-            </div>
-          </div>
-        )
-      })
-      }
+                <div className='media-body'>
+                  <h4 className='media-heading'>
+                    <Link to={website}>
+                      {connection.get('title')}
+                    </Link>
+                  </h4>
+                  <p>{connection.get('description')}</p>
+                </div>
+              </div>
+            )
+          })
+        }
       </div>
     )
   }

app/components/Corpora/Corpora.test.js

@@ -1,12 +1,18 @@
+import { expect } from 'chai'
 import Immutable from 'immutable'
 import { Link } from 'react-router'
 import React from 'react'
 import { shallow } from 'enzyme'
 
 import Corpora from './Corpora.jsx'
 
+function renderDoc (props) {
+  return shallow(<Corpora {...props} />)
+}
+
 describe('Component::Corpora', function () {
-  let props
+  let props;
+
   beforeEach(function () {
     props = {
       corpora: Immutable.fromJS([
@@ -27,12 +33,9 @@ describe('Component::Corpora', function () {
       ])
     }
   })
-  function renderDoc () {
-    return shallow(<Corpora {...props} />)
-  }
 
   it('renders corpora', function () {
-    let doc = renderDoc()
+    let doc = renderDoc(props)
     let corpusMaskComps = doc.find(Link)
 
     expect(corpusMaskComps.length).to.equal(props.corpora.size * 2)

app/components/Corpora/CorporaContainer.test.js

@@ -1,6 +1,8 @@
+import { expect } from 'chai'
 import Immutable from 'immutable'
 import React from 'react'
 import { shallow } from 'enzyme'
+import sinon from 'sinon'
 
 import Corpora from './Corpora.jsx'
 import { CorpusMaskContainer } from './index.jsx'

app/components/Corpora/actions.test.js

@@ -1,3 +1,4 @@
+import { expect } from 'chai'
 import { CALL_API } from 'middleware/api'
 
 import * as actionCreator from './actions'

app/components/Corpora/reducer.test.js

@@ -1,3 +1,4 @@
+import { expect } from 'chai'
 import * as ActionType from './actions'
 import corpusMaskReducer from './reducer'
 

app/components/CorpusMask/CorpusMaskContainer.test.js

@@ -1,7 +1,9 @@
+import { expect } from 'chai'
 import { browserHistory } from 'react-router'
 import Immutable from 'immutable'
 import { mount, shallow } from 'enzyme'
 import React from 'react'
+import sinon from 'sinon'
 
 import { CorpusMaskContainer } from './index.jsx'