Rewrite test suite to React Hooks

Author: wojtekmaj

test/DateBonduariesOptions.jsx

@@ -5,18 +5,19 @@ import { getISOLocalDateTime } from '@wojtekmaj/date-utils';
 export default function DateBonduariesOptions({
   maxDate,
   minDate,
-  setState,
+  setMaxDate,
+  setMinDate,
 }) {
   function onMinChange(event) {
     const { value } = event.target;
 
-    setState({ minDate: new Date(value) });
+    setMinDate(new Date(value));
   }
 
   function onMaxChange(event) {
     const { value } = event.target;
 
-    setState({ maxDate: new Date(value) });
+    setMaxDate(new Date(value));
   }
 
   return (
@@ -37,7 +38,7 @@ export default function DateBonduariesOptions({
         />
          
         <button
-          onClick={() => setState({ minDate: null })}
+          onClick={() => setMinDate(null)}
           type="button"
         >
           Clear
@@ -55,7 +56,7 @@ export default function DateBonduariesOptions({
         />
         &nbsp;
         <button
-          onClick={() => setState({ maxDate: null })}
+          onClick={() => setMaxDate(null)}
           type="button"
         >
           Clear
@@ -68,5 +69,6 @@ export default function DateBonduariesOptions({
 DateBonduariesOptions.propTypes = {
   maxDate: PropTypes.instanceOf(Date),
   minDate: PropTypes.instanceOf(Date),
-  setState: PropTypes.func.isRequired,
+  setMaxDate: PropTypes.func.isRequired,
+  setMinDate: PropTypes.func.isRequired,
 };

test/LocaleOptions.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 export default function LocaleOptions({
   locale,
-  setState,
+  setLocale,
 }) {
   function onChange(event) {
     let { value: nextLocale } = event.target;
@@ -12,19 +12,19 @@ export default function LocaleOptions({
       nextLocale = null;
     }
 
-    setState({ locale: nextLocale });
+    setLocale(nextLocale);
   }
 
   function onCustomChange(event) {
     event.preventDefault();
 
     const { value: nextLocale } = event.target.customLocale;
 
-    setState({ locale: nextLocale });
+    setLocale(nextLocale);
   }
 
   function resetLocale() {
-    setState({ locale: null });
+    setLocale(null);
   }
 
   return (
@@ -119,5 +119,5 @@ export default function LocaleOptions({
 
 LocaleOptions.propTypes = {
   locale: PropTypes.string,
-  setState: PropTypes.func.isRequired,
+  setLocale: PropTypes.func.isRequired,
 };

test/MaxDetailOptions.jsx

@@ -7,11 +7,15 @@ function upperCaseFirstLetter(str) {
   return str.slice(0, 1).toUpperCase() + str.slice(1);
 }
 
-export default function MaxDetailOptions({ maxDetail, minDetail, setState }) {
+export default function MaxDetailOptions({
+  maxDetail,
+  minDetail,
+  setMaxDetail,
+}) {
   function onChange(event) {
     const { value } = event.target;
 
-    setState({ maxDetail: value });
+    setMaxDetail(value);
   }
 
   const minDetailIndex = allViews.indexOf(minDetail);
@@ -45,5 +49,5 @@ export default function MaxDetailOptions({ maxDetail, minDetail, setState }) {
 MaxDetailOptions.propTypes = {
   maxDetail: PropTypes.oneOf(allViews).isRequired,
   minDetail: PropTypes.oneOf(allViews).isRequired,
-  setState: PropTypes.func.isRequired,
+  setMaxDetail: PropTypes.func.isRequired,
 };

test/MinDetailOptions.jsx

@@ -7,11 +7,15 @@ function upperCaseFirstLetter(str) {
   return str.slice(0, 1).toUpperCase() + str.slice(1);
 }
 
-export default function MinDetailOptions({ maxDetail, minDetail, setState }) {
+export default function MinDetailOptions({
+  maxDetail,
+  minDetail,
+  setMinDetail,
+}) {
   function onChange(event) {
     const { value } = event.target;
 
-    setState({ minDetail: value });
+    setMinDetail(value);
   }
 
   const maxDetailIndex = allViews.indexOf(maxDetail);
@@ -45,5 +49,5 @@ export default function MinDetailOptions({ maxDetail, minDetail, setState }) {
 MinDetailOptions.propTypes = {
   maxDetail: PropTypes.oneOf(allViews).isRequired,
   minDetail: PropTypes.oneOf(allViews).isRequired,
-  setState: PropTypes.func.isRequired,
+  setMinDetail: PropTypes.func.isRequired,
 };