Add setOn and setOff toggle helpers (#174)

renatorib · Sep 27, 2018 · d00b3e1 · d00b3e1
1 parent b26a5c6
commit d00b3e1
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 11 deletions.
diff --git a/.size-snapshot.json b/.size-snapshot.json
@@ -1,25 +1,25 @@
 {
   "dist/react-powerplug.umd.js": {
-    "bundled": 21987,
-    "minified": 8695,
-    "gzipped": 2340
+    "bundled": 21934,
+    "minified": 8685,
+    "gzipped": 2348
   },
   "dist/react-powerplug.cjs.js": {
-    "bundled": 19848,
-    "minified": 9886,
-    "gzipped": 2372
+    "bundled": 19793,
+    "minified": 9876,
+    "gzipped": 2373
   },
   "dist/react-powerplug.esm.js": {
-    "bundled": 19227,
-    "minified": 9357,
-    "gzipped": 2238,
+    "bundled": 19172,
+    "minified": 9347,
+    "gzipped": 2235,
     "treeshaked": {
       "rollup": {
         "code": 197,
         "import_statements": 197
       },
       "webpack": {
-        "code": 1517
+        "code": 1495
       }
     }
   }

diff --git a/src/components/Toggle.js b/src/components/Toggle.js
@@ -7,9 +7,11 @@ const Toggle = ({ initial = false, onChange, ...props }) => (
     {({ value, set, reset }) =>
       renderProps(props, {
         on: value,
-        toggle: () => set(on => !on),
         set: value => set(value),
         reset,
+        toggle: () => set(on => !on),
+        setOn: () => set(true),
+        setOff: () => set(false),
       })
     }
   </Value>

diff --git a/tests/components/Toggle.test.js b/tests/components/Toggle.test.js
@@ -24,6 +24,12 @@ test('<Toggle />', () => {
 
   lastCallArg(renderFn).reset()
   expect(renderFn).lastCalledWith(expect.objectContaining({ on: false }))
+
+  lastCallArg(renderFn).setOn()
+  expect(renderFn).lastCalledWith(expect.objectContaining({ on: true }))
+
+  lastCallArg(renderFn).setOff()
+  expect(renderFn).lastCalledWith(expect.objectContaining({ on: false }))
 })
 
 test('<Toggle onChange />', () => {