{"body":"","parents":["23405c9c4c30b07892e0721de9e5c59620b34bc4"],"files":[{"path":"packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js","status":"M"},{"path":"packages\/react-events\/src\/dom\/__tests__\/FocusWithin-test.internal.js","status":"A"}],"commit":{"authoredAt":"2019-08-06T09:16:21-07:00","subject":"[react-events] Separate the Focus\/FocusWithin unit tests (#16298)","authorEmail":"necolas@fb.com","revision":"ed497007967b4324798b70be1708e478d95c5802","authorName":"Nicolas Gallagher","shortRevision":"ed49700796"},"patch":"diff --git a\/packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js\nindex 1c685a14e4..3fca82bb70 100644\n--- a\/packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/Focus-test.internal.js\n@@ -13,9 +13,7 @@ let React;\n let ReactFeatureFlags;\n let ReactDOM;\n let FocusResponder;\n-let FocusWithinResponder;\n let useFocusResponder;\n-let useFocusWithinResponder;\n \n const createEvent = (type, data) => {\n const event = document.createEvent('CustomEvent');\n@@ -42,10 +40,7 @@ const modulesInit = () => {\n React = require('react');\n ReactDOM = require('react-dom');\n FocusResponder = require('react-events\/focus').FocusResponder;\n- FocusWithinResponder = require('react-events\/focus').FocusWithinResponder;\n useFocusResponder = require('react-events\/focus').useFocusResponder;\n- useFocusWithinResponder = require('react-events\/focus')\n- .useFocusWithinResponder;\n };\n \n describe('Focus event responder', () => {\n@@ -406,246 +401,3 @@ describe('Focus event responder', () => {\n expect(FocusResponder.displayName).toBe('Focus');\n });\n });\n-\n-describe('FocusWithin event responder', () => {\n- let container;\n-\n- beforeEach(() => {\n- jest.resetModules();\n- modulesInit();\n-\n- container = document.createElement('div');\n- document.body.appendChild(container);\n- });\n-\n- afterEach(() => {\n- ReactDOM.render(null, container);\n- document.body.removeChild(container);\n- container = null;\n- });\n-\n- describe('disabled', () => {\n- let onFocusWithinChange, onFocusWithinVisibleChange, ref;\n-\n- beforeEach(() => {\n- onFocusWithinChange = jest.fn();\n- onFocusWithinVisibleChange = jest.fn();\n- ref = React.createRef();\n- const Component = () => {\n- const listener = useFocusWithinResponder({\n- disabled: true,\n- onFocusWithinChange,\n- onFocusWithinVisibleChange,\n- });\n- return

;\n- };\n- ReactDOM.render(, container);\n- });\n-\n- it('prevents custom events being dispatched', () => {\n- ref.current.dispatchEvent(createEvent('focus'));\n- ref.current.dispatchEvent(createEvent('blur'));\n- expect(onFocusWithinChange).not.toBeCalled();\n- expect(onFocusWithinVisibleChange).not.toBeCalled();\n- });\n- });\n-\n- describe('onFocusWithinChange', () => {\n- let onFocusWithinChange, ref, innerRef, innerRef2;\n-\n- beforeEach(() => {\n- onFocusWithinChange = jest.fn();\n- ref = React.createRef();\n- innerRef = React.createRef();\n- innerRef2 = React.createRef();\n- const Component = () => {\n- const listener = useFocusWithinResponder({\n- onFocusWithinChange,\n- });\n- return (\n-

\n-

\n- <\/div>\n- );\n- };\n- ReactDOM.render(, container);\n- });\n-\n- it('is called after \"blur\" and \"focus\" events on focus target', () => {\n- ref.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinChange).toHaveBeenCalledTimes(1);\n- expect(onFocusWithinChange).toHaveBeenCalledWith(true);\n- ref.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: container}),\n- );\n- expect(onFocusWithinChange).toHaveBeenCalledTimes(2);\n- expect(onFocusWithinChange).toHaveBeenCalledWith(false);\n- });\n-\n- it('is called after \"blur\" and \"focus\" events on descendants', () => {\n- innerRef.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinChange).toHaveBeenCalledTimes(1);\n- expect(onFocusWithinChange).toHaveBeenCalledWith(true);\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: container}),\n- );\n- expect(onFocusWithinChange).toHaveBeenCalledTimes(2);\n- expect(onFocusWithinChange).toHaveBeenCalledWith(false);\n- });\n-\n- it('is only called once when focus moves within and outside the subtree', () => {\n- \/\/ focus shifts into subtree\n- innerRef.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinChange).toHaveBeenCalledTimes(1);\n- expect(onFocusWithinChange).toHaveBeenCalledWith(true);\n- \/\/ focus moves around subtree\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: innerRef2.current}),\n- );\n- innerRef2.current.dispatchEvent(createEvent('focus'));\n- innerRef2.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: ref.current}),\n- );\n- ref.current.dispatchEvent(createEvent('focus'));\n- ref.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: innerRef.current}),\n- );\n- expect(onFocusWithinChange).toHaveBeenCalledTimes(1);\n- \/\/ focus shifts outside subtree\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: container}),\n- );\n- expect(onFocusWithinChange).toHaveBeenCalledTimes(2);\n- expect(onFocusWithinChange).toHaveBeenCalledWith(false);\n- });\n- });\n-\n- describe('onFocusWithinVisibleChange', () => {\n- let onFocusWithinVisibleChange, ref, innerRef, innerRef2;\n-\n- beforeEach(() => {\n- onFocusWithinVisibleChange = jest.fn();\n- ref = React.createRef();\n- innerRef = React.createRef();\n- innerRef2 = React.createRef();\n- const Component = () => {\n- const listener = useFocusWithinResponder({\n- onFocusWithinVisibleChange,\n- });\n- return (\n-

\n-

\n- <\/div>\n- );\n- };\n- ReactDOM.render(, container);\n- });\n-\n- it('is called after \"focus\" and \"blur\" on focus target if keyboard was used', () => {\n- \/\/ use keyboard first\n- container.dispatchEvent(createKeyboardEvent('keydown', {key: 'Tab'}));\n- ref.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n- ref.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: container}),\n- );\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(2);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n- });\n-\n- it('is called after \"focus\" and \"blur\" on descendants if keyboard was used', () => {\n- \/\/ use keyboard first\n- container.dispatchEvent(createKeyboardEvent('keydown', {key: 'Tab'}));\n- innerRef.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: container}),\n- );\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(2);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n- });\n-\n- it('is called if non-keyboard event is dispatched on target previously focused with keyboard', () => {\n- \/\/ use keyboard first\n- ref.current.dispatchEvent(createEvent('focus'));\n- ref.current.dispatchEvent(createKeyboardEvent('keydown', {key: 'Tab'}));\n- ref.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: innerRef.current}),\n- );\n- innerRef.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n- \/\/ then use pointer on the next target, focus should no longer be visible\n- innerRef2.current.dispatchEvent(createEvent('pointerdown'));\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: innerRef2.current}),\n- );\n- innerRef2.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(2);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n- \/\/ then use keyboard again\n- innerRef2.current.dispatchEvent(\n- createKeyboardEvent('keydown', {key: 'Tab', shiftKey: true}),\n- );\n- innerRef2.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: innerRef.current}),\n- );\n- innerRef.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(3);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n- \/\/ then use pointer on the target, focus should no longer be visible\n- innerRef.current.dispatchEvent(createEvent('pointerdown'));\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(4);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n- \/\/ onFocusVisibleChange should not be called again\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: container}),\n- );\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(4);\n- });\n-\n- it('is not called after \"focus\" and \"blur\" events without keyboard', () => {\n- innerRef.current.dispatchEvent(createEvent('pointerdown'));\n- innerRef.current.dispatchEvent(createEvent('focus'));\n- container.dispatchEvent(createEvent('pointerdown'));\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: container}),\n- );\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(0);\n- });\n-\n- it('is only called once when focus moves within and outside the subtree', () => {\n- \/\/ focus shifts into subtree\n- innerRef.current.dispatchEvent(createEvent('focus'));\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n- \/\/ focus moves around subtree\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: innerRef2.current}),\n- );\n- innerRef2.current.dispatchEvent(createEvent('focus'));\n- innerRef2.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: ref.current}),\n- );\n- ref.current.dispatchEvent(createEvent('focus'));\n- ref.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: innerRef.current}),\n- );\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n- \/\/ focus shifts outside subtree\n- innerRef.current.dispatchEvent(\n- createEvent('blur', {relatedTarget: container}),\n- );\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(2);\n- expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n- });\n- });\n-\n- it('expect displayName to show up for event component', () => {\n- expect(FocusWithinResponder.displayName).toBe('FocusWithin');\n- });\n-});\ndiff --git a\/packages\/react-events\/src\/dom\/__tests__\/FocusWithin-test.internal.js b\/packages\/react-events\/src\/dom\/__tests__\/FocusWithin-test.internal.js\nnew file mode 100644\nindex 0000000000..5de66686fd\n--- \/dev\/null\n+++ b\/packages\/react-events\/src\/dom\/__tests__\/FocusWithin-test.internal.js\n@@ -0,0 +1,288 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\n+ * @emails react-core\n+ *\/\n+\n+'use strict';\n+\n+let React;\n+let ReactFeatureFlags;\n+let ReactDOM;\n+let FocusWithinResponder;\n+let useFocusWithinResponder;\n+\n+const createEvent = (type, data) => {\n+ const event = document.createEvent('CustomEvent');\n+ event.initCustomEvent(type, true, true);\n+ if (data != null) {\n+ Object.entries(data).forEach(([key, value]) => {\n+ event[key] = value;\n+ });\n+ }\n+ return event;\n+};\n+\n+const createKeyboardEvent = (type, data) => {\n+ return new KeyboardEvent(type, {\n+ bubbles: true,\n+ cancelable: true,\n+ ...data,\n+ });\n+};\n+\n+const modulesInit = () => {\n+ ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n+ ReactFeatureFlags.enableFlareAPI = true;\n+ React = require('react');\n+ ReactDOM = require('react-dom');\n+ FocusWithinResponder = require('react-events\/focus').FocusWithinResponder;\n+ useFocusWithinResponder = require('react-events\/focus')\n+ .useFocusWithinResponder;\n+};\n+\n+describe('FocusWithin event responder', () => {\n+ let container;\n+\n+ beforeEach(() => {\n+ jest.resetModules();\n+ modulesInit();\n+\n+ container = document.createElement('div');\n+ document.body.appendChild(container);\n+ });\n+\n+ afterEach(() => {\n+ ReactDOM.render(null, container);\n+ document.body.removeChild(container);\n+ container = null;\n+ });\n+\n+ describe('disabled', () => {\n+ let onFocusWithinChange, onFocusWithinVisibleChange, ref;\n+\n+ beforeEach(() => {\n+ onFocusWithinChange = jest.fn();\n+ onFocusWithinVisibleChange = jest.fn();\n+ ref = React.createRef();\n+ const Component = () => {\n+ const listener = useFocusWithinResponder({\n+ disabled: true,\n+ onFocusWithinChange,\n+ onFocusWithinVisibleChange,\n+ });\n+ return

;\n+ };\n+ ReactDOM.render(, container);\n+ });\n+\n+ it('prevents custom events being dispatched', () => {\n+ ref.current.dispatchEvent(createEvent('focus'));\n+ ref.current.dispatchEvent(createEvent('blur'));\n+ expect(onFocusWithinChange).not.toBeCalled();\n+ expect(onFocusWithinVisibleChange).not.toBeCalled();\n+ });\n+ });\n+\n+ describe('onFocusWithinChange', () => {\n+ let onFocusWithinChange, ref, innerRef, innerRef2;\n+\n+ beforeEach(() => {\n+ onFocusWithinChange = jest.fn();\n+ ref = React.createRef();\n+ innerRef = React.createRef();\n+ innerRef2 = React.createRef();\n+ const Component = () => {\n+ const listener = useFocusWithinResponder({\n+ onFocusWithinChange,\n+ });\n+ return (\n+

\n+

\n+ <\/div>\n+ );\n+ };\n+ ReactDOM.render(, container);\n+ });\n+\n+ it('is called after \"blur\" and \"focus\" events on focus target', () => {\n+ ref.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinChange).toHaveBeenCalledTimes(1);\n+ expect(onFocusWithinChange).toHaveBeenCalledWith(true);\n+ ref.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: container}),\n+ );\n+ expect(onFocusWithinChange).toHaveBeenCalledTimes(2);\n+ expect(onFocusWithinChange).toHaveBeenCalledWith(false);\n+ });\n+\n+ it('is called after \"blur\" and \"focus\" events on descendants', () => {\n+ innerRef.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinChange).toHaveBeenCalledTimes(1);\n+ expect(onFocusWithinChange).toHaveBeenCalledWith(true);\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: container}),\n+ );\n+ expect(onFocusWithinChange).toHaveBeenCalledTimes(2);\n+ expect(onFocusWithinChange).toHaveBeenCalledWith(false);\n+ });\n+\n+ it('is only called once when focus moves within and outside the subtree', () => {\n+ \/\/ focus shifts into subtree\n+ innerRef.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinChange).toHaveBeenCalledTimes(1);\n+ expect(onFocusWithinChange).toHaveBeenCalledWith(true);\n+ \/\/ focus moves around subtree\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: innerRef2.current}),\n+ );\n+ innerRef2.current.dispatchEvent(createEvent('focus'));\n+ innerRef2.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: ref.current}),\n+ );\n+ ref.current.dispatchEvent(createEvent('focus'));\n+ ref.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: innerRef.current}),\n+ );\n+ expect(onFocusWithinChange).toHaveBeenCalledTimes(1);\n+ \/\/ focus shifts outside subtree\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: container}),\n+ );\n+ expect(onFocusWithinChange).toHaveBeenCalledTimes(2);\n+ expect(onFocusWithinChange).toHaveBeenCalledWith(false);\n+ });\n+ });\n+\n+ describe('onFocusWithinVisibleChange', () => {\n+ let onFocusWithinVisibleChange, ref, innerRef, innerRef2;\n+\n+ beforeEach(() => {\n+ onFocusWithinVisibleChange = jest.fn();\n+ ref = React.createRef();\n+ innerRef = React.createRef();\n+ innerRef2 = React.createRef();\n+ const Component = () => {\n+ const listener = useFocusWithinResponder({\n+ onFocusWithinVisibleChange,\n+ });\n+ return (\n+

\n+

\n+ <\/div>\n+ );\n+ };\n+ ReactDOM.render(, container);\n+ });\n+\n+ it('is called after \"focus\" and \"blur\" on focus target if keyboard was used', () => {\n+ \/\/ use keyboard first\n+ container.dispatchEvent(createKeyboardEvent('keydown', {key: 'Tab'}));\n+ ref.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n+ ref.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: container}),\n+ );\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(2);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n+ });\n+\n+ it('is called after \"focus\" and \"blur\" on descendants if keyboard was used', () => {\n+ \/\/ use keyboard first\n+ container.dispatchEvent(createKeyboardEvent('keydown', {key: 'Tab'}));\n+ innerRef.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: container}),\n+ );\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(2);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n+ });\n+\n+ it('is called if non-keyboard event is dispatched on target previously focused with keyboard', () => {\n+ \/\/ use keyboard first\n+ ref.current.dispatchEvent(createEvent('focus'));\n+ ref.current.dispatchEvent(createKeyboardEvent('keydown', {key: 'Tab'}));\n+ ref.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: innerRef.current}),\n+ );\n+ innerRef.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n+ \/\/ then use pointer on the next target, focus should no longer be visible\n+ innerRef2.current.dispatchEvent(createEvent('pointerdown'));\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: innerRef2.current}),\n+ );\n+ innerRef2.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(2);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n+ \/\/ then use keyboard again\n+ innerRef2.current.dispatchEvent(\n+ createKeyboardEvent('keydown', {key: 'Tab', shiftKey: true}),\n+ );\n+ innerRef2.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: innerRef.current}),\n+ );\n+ innerRef.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(3);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n+ \/\/ then use pointer on the target, focus should no longer be visible\n+ innerRef.current.dispatchEvent(createEvent('pointerdown'));\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(4);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n+ \/\/ onFocusVisibleChange should not be called again\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: container}),\n+ );\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(4);\n+ });\n+\n+ it('is not called after \"focus\" and \"blur\" events without keyboard', () => {\n+ innerRef.current.dispatchEvent(createEvent('pointerdown'));\n+ innerRef.current.dispatchEvent(createEvent('focus'));\n+ container.dispatchEvent(createEvent('pointerdown'));\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: container}),\n+ );\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(0);\n+ });\n+\n+ it('is only called once when focus moves within and outside the subtree', () => {\n+ \/\/ focus shifts into subtree\n+ innerRef.current.dispatchEvent(createEvent('focus'));\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(true);\n+ \/\/ focus moves around subtree\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: innerRef2.current}),\n+ );\n+ innerRef2.current.dispatchEvent(createEvent('focus'));\n+ innerRef2.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: ref.current}),\n+ );\n+ ref.current.dispatchEvent(createEvent('focus'));\n+ ref.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: innerRef.current}),\n+ );\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(1);\n+ \/\/ focus shifts outside subtree\n+ innerRef.current.dispatchEvent(\n+ createEvent('blur', {relatedTarget: container}),\n+ );\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledTimes(2);\n+ expect(onFocusWithinVisibleChange).toHaveBeenCalledWith(false);\n+ });\n+ });\n+\n+ it('expect displayName to show up for event component', () => {\n+ expect(FocusWithinResponder.displayName).toBe('FocusWithin');\n+ });\n+});\n"}

dillon1000/react

Files changed