Test <Focus /> component

Author: TrySound

package.json

@@ -18,7 +18,7 @@
     "clean": "rimraf dist",
     "typecheck:flow": "flow check --max-warnings=0",
     "lint": "eslint src",
-    "test:only": "npm run build:code && jest",
+    "test:only": "jest",
     "test:umd": "jest --setupTestFrameworkScriptFile ./tests/jestUMDSetup.js",
     "test:cjs": "jest --setupTestFrameworkScriptFile ./tests/jestCJSSetup.js",
     "test": "npm run build && npm run lint && jest && npm run test:umd && npm run test:cjs",

tests/components/Focus.test.js

@@ -1,9 +1,33 @@
 import * as React from 'react'
 import TestRenderer from 'react-test-renderer'
 import { Focus } from '../../src'
+import { last } from './utils'
 
 test('<Focus />', () => {
   const renderFn = jest.fn().mockReturnValue(null)
   TestRenderer.create(<Focus render={renderFn} />)
-  // TODO
+  const lastCalled = () => last(renderFn.mock.calls)[0]
+
+  expect(renderFn).toHaveBeenCalledTimes(1)
+  expect(lastCalled().isFocused).toEqual(false)
+
+  lastCalled().bind.onFocus()
+  expect(renderFn).toHaveBeenCalledTimes(2)
+  expect(lastCalled().isFocused).toEqual(true)
+
+  lastCalled().bind.onBlur()
+  expect(lastCalled().isFocused).toEqual(false)
+})
+
+test('<Focus onChange />', () => {
+  const renderFn = jest.fn().mockReturnValue(null)
+  const onChangeFn = jest.fn()
+  const lastCalled = () => last(renderFn.mock.calls)[0]
+  TestRenderer.create(<Focus onChange={onChangeFn} render={renderFn} />)
+
+  expect(onChangeFn).toHaveBeenCalledTimes(0)
+
+  lastCalled().bind.onFocus()
+  expect(onChangeFn).toHaveBeenCalledTimes(1)
+  expect(onChangeFn).lastCalledWith({ isFocused: true })
 })