updated test suite dependancies

Author: Debananda

.babelrc

@@ -8,6 +8,11 @@
       "plugins": ["lodash", "@babel/plugin-proposal-class-properties"],
       "presets": ["@babel/preset-env", "@babel/preset-react"],
       "ignore": ["**/__tests__/*.js", "**/fake-*"]
+    },
+    "test": {
+      "presets": ["@babel/preset-env", "@babel/preset-react"],
+      "plugins": ["@babel/plugin-proposal-class-properties"],
+      "only": ["./**/*.js", "node_modules/jest-runtime"]
     }
   }
 }

.prettierrc

@@ -1,3 +1,4 @@
 {
-  "singleQuote": true
+  "singleQuote": true,
+  "arrowParens": "always"
 }

package-lock.json

@@ -38,6 +38,7 @@
     "@babel/plugin-proposal-class-properties": "^7.3.3",
     "@babel/preset-env": "^7.3.1",
     "@babel/preset-react": "^7.0.0",
+    "@babel/register": "^7.0.0",
     "@storybook/addon-info": "^4.1.13",
     "@storybook/react": "^4.1.13",
     "@types/jest": "^24.0.6",
@@ -53,6 +54,7 @@
     "babel-plugin-lodash": "^3.3.4",
     "cross-env": "^5.2.0",
     "enzyme": "^3.9.0",
+    "enzyme-adapter-react-16": "^1.9.1",
     "eslint": "^5.14.1",
     "eslint-config-airbnb": "^17.1.0",
     "eslint-plugin-import": "^2.16.0",
@@ -88,9 +90,9 @@
   },
   "ava": {
     "require": [
-      "babel-register"
-    ],
-    "babel": "inherit"
+      "@babel/register",
+      "./test/helpers/setupTest.js"
+    ]
   },
   "author": "Ryan Lanciaux & Joel Lanciaux",
   "license": "MIT"

package.json

@@ -17,7 +17,9 @@ test('renders with correct value', (t) => {
 test('onClick works', (t) => {
   let clicked = false;
 
-  const onClick = () => { clicked = true; };
+  const onClick = () => {
+    clicked = true;
+  };
   const wrapper = shallow(<Cell onClick={onClick} />);
   wrapper.simulate('click');
 
@@ -27,7 +29,9 @@ test('onClick works', (t) => {
 test('onMouseEnter works', (t) => {
   let over = false;
 
-  const onMouseEnter = () => { over = true; };
+  const onMouseEnter = () => {
+    over = true;
+  };
   const wrapper = shallow(<Cell onMouseEnter={onMouseEnter} />);
   wrapper.simulate('mouseEnter');
 
@@ -37,7 +41,7 @@ test('onMouseEnter works', (t) => {
 test('onMouseLeave works', (t) => {
   let leave = false;
 
-  const onMouseLeave = () => leave = true;
+  const onMouseLeave = () => (leave = true);
   const wrapper = shallow(<Cell onMouseLeave={onMouseLeave} />);
   wrapper.simulate('mouseLeave');
 
@@ -48,5 +52,3 @@ test('class name gets applied', (t) => {
   const wrapper = shallow(<Cell className="test" />);
   t.true(wrapper.matchesElement(<td className="test" />));
 });
-
-

src/components/__tests__/CellTest.js

@@ -10,10 +10,12 @@ test('renders', (t) => {
 });
 
 test('renders with style', (t) => {
-  const style = { backgroundColor: "#EDEDED" };
+  const style = { backgroundColor: '#EDEDED' };
   const wrapper = shallow(<Filter style={style} />);
 
-  t.true(wrapper.matchesElement(<input style={{ backgroundColor: "#EDEDED" }} />));
+  t.true(
+    wrapper.matchesElement(<input style={{ backgroundColor: '#EDEDED' }} />)
+  );
 });
 
 test('renders with className', (t) => {
@@ -24,12 +26,10 @@ test('renders with className', (t) => {
 
 test('calls setFilter on change', (t) => {
   let calledSetFilter = false;
-  const setFilter = (e) => calledSetFilter = true;
+  const setFilter = (e) => (calledSetFilter = true);
   const wrapper = shallow(<Filter setFilter={setFilter} />);
 
-  wrapper.simulate('change',
-    { target: { value: 'abc' } }
-  );
+  wrapper.simulate('change', { target: { value: 'abc' } });
 
   t.true(calledSetFilter);
-});
+});

src/components/__tests__/FilterTest.js

@@ -10,16 +10,16 @@ import PageDropdown from '../PageDropdown';
 test('renders with style', (t) => {
   const style = { backgroundColor: '#EDEDED' };
   const wrapper = shallow(<PageDropdown style={style} />);
-
-  t.is(wrapper.node.type, 'select');
-  t.is(wrapper.node.props.style, style);
+  const node = wrapper.getElements()[0];
+  t.is(node.type, 'select');
+  t.is(node.props.style, style);
 });
 
 test('renders with className', (t) => {
   const wrapper = shallow(<PageDropdown className="className" />);
-
-  t.is(wrapper.node.type, 'select');
-  t.is(wrapper.node.props.className, 'className');
+  const node = wrapper.getElements()[0];
+  t.is(node.type, 'select');
+  t.is(node.props.className, 'className');
 });
 
 test('renders with option element at page 0 if no pages provided', (t) => {
@@ -39,14 +39,18 @@ test('renders at selected page', (t) => {
   // using mount because attempting to get selectedIndex later on
   const wrapper = mount(<PageDropdown currentPage={3} maxPages={10} />);
 
-  const select = wrapper.find('select').node;
-  t.is(select.selectedIndex, 2);
+  const select = wrapper.find('select');
+  t.is(select.props().value, 3);
 });
 
 test('fires set page event', (t) => {
   let changed = false;
-  const onChange = () => { changed = true; };
-  const wrapper = mount(<PageDropdown currentPage={0} maxPages={10} setPage={onChange} />);
+  const onChange = () => {
+    changed = true;
+  };
+  const wrapper = mount(
+    <PageDropdown currentPage={0} maxPages={10} setPage={onChange} />
+  );
   wrapper.simulate('change', { target: { value: 3 } });
   t.true(changed);
 });