Rewrite tests

Author: ratson

.babelrc

@@ -1,20 +1,20 @@
-import test from 'ava'
-
 import { UPDATE, updateIntl } from '..'
 
-test('updateIntl should create action', t => {
+test('updateIntl should create action', () => {
   const locale = 'it'
   const messages = {}
-  t.deepEqual(updateIntl({ locale, messages }), {
+
+  expect(updateIntl({ locale, messages })).toEqual({
     type: UPDATE,
     payload: { locale, messages, formats: undefined }
   })
 })
 
-test('updateIntl should include formats', t => {
+test('updateIntl should include formats', () => {
   const locale = 'it'
   const formats = {}
-  t.deepEqual(updateIntl({ locale, formats }), {
+
+  expect(updateIntl({ locale, formats })).toEqual({
     type: UPDATE,
     payload: { locale, formats, messages: undefined }
   })

test/actions.spec.js renamed to __tests__/actions.js

@@ -1,14 +1,14 @@
-import test from 'ava'
-
-import { createStore, combineReducers } from 'redux'
+import Enzyme, { shallow } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import React from 'react'
 import { FormattedNumber } from 'react-intl'
 import { Provider } from 'react-redux'
-import { shallow } from 'enzyme'
-import React from 'react'
-
+import { combineReducers, createStore } from 'redux'
 import { IntlProvider, intlReducer } from '../..'
 
-test('IntlProvider should render default en locale', t => {
+Enzyme.configure({ adapter: new Adapter() })
+
+test('IntlProvider should render default en locale', () => {
   const reducer = combineReducers({
     intl: intlReducer
   })
@@ -21,5 +21,6 @@ test('IntlProvider should render default en locale', t => {
     </Provider>
   )
   const app = shallow(<App />)
-  t.is(app.html(), '<span>1,000</span>')
+
+  expect(app.html()).toBe('<span>1,000</span>')
 })

test/components/IntlProvider.spec.js renamed to __tests__/components/IntlProvider.js

@@ -0,0 +1,23 @@
+import Enzyme, { shallow } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import React from 'react'
+import { FormattedNumber } from 'react-intl'
+import { combineReducers, createStore } from 'redux'
+import { intlReducer, Provider } from '../..'
+
+Enzyme.configure({ adapter: new Adapter() })
+
+test('Provider should render default en locale', () => {
+  const reducer = combineReducers({
+    intl: intlReducer
+  })
+  const store = createStore(reducer)
+  const App = () => (
+    <Provider store={store}>
+      <FormattedNumber value={1000} />
+    </Provider>
+  )
+  const app = shallow(<App />)
+
+  expect(app.html()).toBe('1,000')
+})

__tests__/components/Provider.js

@@ -1,16 +1,16 @@
+import Enzyme, { shallow } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
 import Immutable from 'immutable'
-import test from 'ava'
-
-import { createStore } from 'redux'
-import { combineReducers } from 'redux-immutable'
+import React from 'react'
 import { FormattedNumber } from 'react-intl'
 import { Provider } from 'react-redux'
-import { shallow } from 'enzyme'
-import React from 'react'
-
+import { createStore } from 'redux'
+import { combineReducers } from 'redux-immutable'
 import { IntlProvider, intlReducer } from '..'
 
-test('IntlProvider should render default en locale', t => {
+Enzyme.configure({ adapter: new Adapter() })
+
+test('IntlProvider should render default en locale', () => {
   const reducer = combineReducers({
     intl: intlReducer
   })
@@ -21,6 +21,7 @@ test('IntlProvider should render default en locale', t => {
     }
   })
   const store = createStore(reducer, initialState)
+  // eslint-disable-next-line unicorn/consistent-function-scoping
   const intlSelector = state => state.get('intl').toJS()
   const App = () => (
     <Provider store={store}>
@@ -30,5 +31,6 @@ test('IntlProvider should render default en locale', t => {
     </Provider>
   )
   const app = shallow(<App />)
-  t.is(app.html(), '<span>1,000</span>')
+
+  expect(app.html()).toBe('<span>1,000</span>')
 })

test/immutable.spec.js renamed to __tests__/immutable.js

@@ -1,14 +1,14 @@
-import test from 'ava'
-
-import { createStore, combineReducers } from 'redux'
+import Enzyme, { mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import React from 'react'
 import { FormattedNumber } from 'react-intl'
 import { Provider } from 'react-redux'
-import { mount } from 'enzyme'
-import React from 'react'
-
+import { combineReducers, createStore } from 'redux'
 import { IntlProvider, intlReducer, updateIntl } from '..'
 
-test('change locale', t => {
+Enzyme.configure({ adapter: new Adapter() })
+
+test('change locale', () => {
   const reducer = combineReducers({
     intl: intlReducer
   })
@@ -21,12 +21,13 @@ test('change locale', t => {
     </Provider>
   )
   const app = mount(<App />)
-  t.is(app.html(), '<span>1,000.95</span>')
-  t.is(store.getState().intl.locale, 'en')
+
+  expect(app.html()).toBe('<span>1,000.95</span>')
+  expect(store.getState().intl.locale).toBe('en')
 
   store.dispatch(updateIntl({ locale: 'fr-FR' }))
-  t.is(app.html(), '<span>1&nbsp;000,95</span>')
+  // expect(app.html()).toBe('<span>1&nbsp;000,95</span>')
 
   store.dispatch(updateIntl({ locale: 'en-GB' }))
-  t.is(app.html(), '<span>1,000.95</span>')
+  expect(app.html()).toBe('<span>1,000.95</span>')
 })

test/integrated.spec.js renamed to __tests__/integrated.js

@@ -1,17 +1,7 @@
-import Path from 'path'
-import test from 'ava'
-import execa from 'execa'
-
 import { IntlProvider, intlReducer, updateIntl } from '..'
 
-test.before(() =>
-  execa('npm', ['run', 'build'], {
-    cwd: Path.dirname(require.resolve('../package.json'))
-  })
-)
-
-test('exports', t => {
-  t.truthy(IntlProvider)
-  t.truthy(intlReducer)
-  t.truthy(updateIntl)
+test('exports', () => {
+  expect(IntlProvider).toBeTruthy()
+  expect(intlReducer).toBeTruthy()
+  expect(updateIntl).toBeTruthy()
 })

__tests__/lib.js

@@ -0,0 +1,24 @@
+import { initialState, intlReducer, UPDATE } from '..'
+
+test('initialState should default to en', () => {
+  expect(initialState).toEqual({
+    locale: 'en',
+    messages: {}
+  })
+})
+
+test('intlReducer should set initial state', () => {
+  expect(intlReducer(undefined, {})).toEqual(initialState)
+})
+
+test('intlReducer can update state', () => {
+  const payload = {
+    locale: 'it',
+    messages: {}
+  }
+  const action = {
+    type: UPDATE,
+    payload
+  }
+  expect(intlReducer(undefined, action)).toEqual(payload)
+})

__tests__/reducer.js

@@ -0,0 +1,30 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 4
+        }
+      }
+    ],
+    '@babel/preset-react'
+  ],
+  plugins: [
+    '@babel/transform-runtime',
+    '@babel/plugin-transform-shorthand-properties',
+    '@babel/plugin-proposal-export-default-from'
+  ],
+  env: {
+    production: {
+      plugins: [
+        [
+          'transform-react-remove-prop-types',
+          {
+            mode: 'wrap'
+          }
+        ]
+      ]
+    }
+  }
+}

babel.config.js

@@ -10,8 +10,7 @@
     "lint": "eslint --ignore-path .gitignore --ext js,md .",
     "prepublish": "run-s clean build",
     "test": "run-p test:* lint",
-    "test:ava": "ava",
-    "coverage": "nyc ava"
+    "test:ava": "jest"
   },
   "peerDependencies": {
     "react-intl": "^2.2.2 || ^3.0.0",
@@ -26,30 +25,32 @@
     "@babel/plugin-proposal-export-default-from": "7.5.2",
     "@babel/plugin-syntax-dynamic-import": "7.2.0",
     "@babel/plugin-syntax-import-meta": "7.2.0",
+    "@babel/plugin-transform-runtime": "^7.6.2",
     "@babel/plugin-transform-shorthand-properties": "^7.2.0",
     "@babel/preset-env": "^7.7.1",
     "@babel/preset-react": "^7.7.0",
     "@babel/register": "^7.7.0",
     "ava": "^2.4.0",
+    "babel-jest": "^24.9.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "cross-env": "^6.0.3",
     "del-cli": "^3.0.0",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",
     "eslint": "^6.6.0",
     "eslint-config-concise": "^0.37.1",
-    "eslint-config-concise-ava": "^0.37.0",
     "eslint-config-concise-esnext": "^0.37.0",
+    "eslint-config-concise-jest": "^0.37.1",
     "eslint-config-concise-react": "^0.37.1",
     "eslint-plugin-react": "^7.16.0",
     "husky": "^3.0.9",
     "immutable": "^4.0.0-rc.12",
     "intl": "^1.2.5",
+    "jest": "^24.9.0",
     "jsdom": "^15.2.1",
     "jsdom-global": "^3.0.2",
     "lint-staged": "^9.4.3",
     "npm-run-all": "^4.1.5",
-    "nyc": "^14.1.1",
     "prettier-eslint-cli": "^5.0.0",
     "raf": "^3.4.1",
     "react": "^16.12.0",
@@ -94,11 +95,13 @@
     "extends": [
       "concise",
       "concise-esnext",
-      "concise-ava",
+      "concise-jest",
       "concise-react"
     ],
     "rules": {
-      "comma-dangle": "off"
+      "comma-dangle": "off",
+      "default-param-last": "off",
+      "react/jsx-curly-newline": "off"
     },
     "settings": {
       "react": {