@pingux/astro 2.32.0-alpha.8 → 2.32.0

package/lib/cjs/components/TreeView/TreeViewKeyboardDelegate.js

@@ -0,0 +1,200 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.verifyIndex = exports.sectionPressHandlers = exports.pageUpOrDown = exports.onUpPress = exports.onTabPress = exports.onSpacePress = exports.onRightPress = exports.onRightLeftItemPress = exports.onPageUpPress = exports.onPageDownPress = exports.onLeftPress = exports.onHomePress = exports.onEnterPress = exports.onEndPress = exports.onDownPress = exports.itemPressHandlers = void 0;
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+var focusPrevious = function focusPrevious(index, refArray, flatKeyList) {
+  if (index !== 0) {
+    var key = flatKeyList[index - 1].key;
+    var _refArray$find = (0, _find["default"])(refArray).call(refArray, function (item) {
+        return item.key === key;
+      }),
+      thisRef = _refArray$find.thisRef;
+    thisRef.current.focus();
+  }
+};
+var focusNext = function focusNext(index, refArray, flatKeyList) {
+  if (index !== flatKeyList.length - 1) {
+    var key = flatKeyList[index + 1].key;
+    var _refArray$find2 = (0, _find["default"])(refArray).call(refArray, function (item) {
+        return item.key === key;
+      }),
+      thisRef = _refArray$find2.thisRef;
+    thisRef.current.focus();
+  }
+};
+var verifyIndex = function verifyIndex(thisIndex, interval, length) {
+  var newIndex = thisIndex + interval;
+  if (newIndex < 0) {
+    return 0;
+  }
+  if (newIndex >= length) {
+    return length - 1;
+  }
+  return newIndex;
+};
+exports.verifyIndex = verifyIndex;
+var onHomePress = function onHomePress(key, flatKeyArray, refArray) {
+  var _thisRef$current;
+  var firstKey = flatKeyArray[0];
+  if (firstKey.key === key) {
+    return;
+  }
+  var _refArray$find3 = (0, _find["default"])(refArray).call(refArray, function (_item) {
+      return _item.key === firstKey.key;
+    }),
+    thisRef = _refArray$find3.thisRef;
+  (_thisRef$current = thisRef.current) === null || _thisRef$current === void 0 ? void 0 : _thisRef$current.focus();
+};
+exports.onHomePress = onHomePress;
+var onEndPress = function onEndPress(key, flatKeyArray, refArray) {
+  var _thisRef$current2;
+  var lastKey = flatKeyArray[flatKeyArray.length - 1];
+  if (lastKey.key === key) {
+    return;
+  }
+  var _refArray$find4 = (0, _find["default"])(refArray).call(refArray, function (_item) {
+      return _item.key === lastKey.key;
+    }),
+    thisRef = _refArray$find4.thisRef;
+  (_thisRef$current2 = thisRef.current) === null || _thisRef$current2 === void 0 ? void 0 : _thisRef$current2.focus();
+};
+exports.onEndPress = onEndPress;
+var pageUpOrDown = function pageUpOrDown(key, flatKeyArray, refArray, pageLength) {
+  var _thisRef$current3;
+  var thisIndex = (0, _findIndex["default"])(flatKeyArray).call(flatKeyArray, function (item) {
+    return item.key === key;
+  });
+  var newIndex = verifyIndex(thisIndex, pageLength, flatKeyArray.length);
+  var foundKey = flatKeyArray[newIndex].key;
+  var _refArray$find5 = (0, _find["default"])(refArray).call(refArray, function (_item) {
+      return _item.key === foundKey;
+    }),
+    thisRef = _refArray$find5.thisRef;
+  (_thisRef$current3 = thisRef.current) === null || _thisRef$current3 === void 0 ? void 0 : _thisRef$current3.focus();
+};
+exports.pageUpOrDown = pageUpOrDown;
+var onEnterPress = function onEnterPress(e, state, key) {
+  state.toggleKey(key);
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onEnterPress = onEnterPress;
+var onLeftPress = function onLeftPress(e, focusManager, state, key, isExpanded, refArray) {
+  var isEventTargetAKey = (0, _find["default"])(refArray).call(refArray, function (_item) {
+    return _item.thisRef.current === e.target;
+  });
+  if (isExpanded && isEventTargetAKey) {
+    state.toggleKey(key);
+  }
+  if (isExpanded && !isEventTargetAKey) {
+    focusManager.focusPrevious();
+  }
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onLeftPress = onLeftPress;
+var onSpacePress = function onSpacePress(e, tree, key, isSelected) {
+  if (isSelected) {
+    tree.setSelectedKeys([]);
+  } else {
+    tree.setSelectedKeys([key]);
+  }
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onSpacePress = onSpacePress;
+var onUpPress = function onUpPress(e, key, refArray, flatKeyList) {
+  var foundIndex = (0, _findIndex["default"])(flatKeyList).call(flatKeyList, function (item) {
+    return item.key === key;
+  });
+  focusPrevious(foundIndex, refArray, flatKeyList);
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onUpPress = onUpPress;
+var onTabPress = function onTabPress(e, refArray, focusManager, isSection) {
+  var isEventTargetAKey = (0, _find["default"])(refArray).call(refArray, function (_item) {
+    return _item.thisRef.current === e.target;
+  });
+  if (isEventTargetAKey && isSection) {
+    focusManager.focusNext();
+    e.preventDefault();
+    e.stopPropagation();
+  }
+};
+exports.onTabPress = onTabPress;
+var onRightPress = function onRightPress(e, focusManager, state, key, isExpanded, refArray) {
+  if (!isExpanded) {
+    state.toggleKey(key);
+    return;
+  }
+  var isEventTargetAKey = (0, _find["default"])(refArray).call(refArray, function (_item) {
+    return _item.thisRef.current === e.target;
+  });
+  if (isExpanded && isEventTargetAKey) {
+    focusManager.focusNext();
+  }
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onRightPress = onRightPress;
+var onDownPress = function onDownPress(e, key, refArray, flatKeyList) {
+  // find the key
+  var foundIndex = (0, _findIndex["default"])(flatKeyList).call(flatKeyList, function (item) {
+    return item.key === key;
+  });
+  focusNext(foundIndex, refArray, flatKeyList);
+  // check if first or last
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onDownPress = onDownPress;
+var onRightLeftItemPress = function onRightLeftItemPress(e) {
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onRightLeftItemPress = onRightLeftItemPress;
+var onPageUpPress = function onPageUpPress(e, key, flatKeyArray, refArray, pageLength) {
+  pageUpOrDown(key, flatKeyArray, refArray, -Math.abs(pageLength));
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onPageUpPress = onPageUpPress;
+var onPageDownPress = function onPageDownPress(e, key, flatKeyArray, refArray, pageLength) {
+  pageUpOrDown(key, flatKeyArray, refArray, Math.abs(pageLength));
+  e.preventDefault();
+  e.stopPropagation();
+};
+exports.onPageDownPress = onPageDownPress;
+var sectionPressHandlers = {
+  onEnterPress: onEnterPress,
+  onSpacePress: onSpacePress,
+  onLeftPress: onLeftPress,
+  onRightPress: onRightPress,
+  onUpPress: onUpPress,
+  onDownPress: onDownPress,
+  onTabPress: onTabPress,
+  onPageUpPress: onPageUpPress,
+  onPageDownPress: onPageDownPress,
+  onHomePress: onHomePress,
+  onEndPress: onEndPress
+};
+exports.sectionPressHandlers = sectionPressHandlers;
+var itemPressHandlers = {
+  onSpacePress: onSpacePress,
+  onDownPress: onDownPress,
+  onUpPress: onUpPress,
+  onRightLeftItemPress: onRightLeftItemPress,
+  onTabPress: onTabPress,
+  onPageUpPress: onPageUpPress,
+  onPageDownPress: onPageDownPress,
+  onHomePress: onHomePress,
+  onEndPress: onEndPress
+};
+exports.itemPressHandlers = itemPressHandlers;

package/lib/cjs/components/TreeView/TreeViewKeyboardDelegate.test.js

@@ -0,0 +1,511 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.refArray = exports.flatKeyArray = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _isIterable = require("../../utils/devUtils/props/isIterable");
+var _testWrapper = require("../../utils/testUtils/testWrapper");
+var _TreeViewItem = require("./TreeViewItem");
+var _TreeViewKeyboardDelegate = require("./TreeViewKeyboardDelegate");
+var _TreeViewSection = require("./TreeViewSection");
+var _react2 = require("@emotion/react");
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var testId = 'test-keyboard-tree';
+var toggleKey = jest.fn();
+var setSelectedKeys = jest.fn();
+var focusPrevious = jest.fn();
+var focusNext = jest.fn();
+var refFocus = jest.fn();
+var state = {
+  toggleKey: toggleKey
+};
+var tree = {
+  setSelectedKeys: setSelectedKeys
+};
+var focusManager = {
+  focusPrevious: focusPrevious,
+  focusNext: focusNext
+};
+var refArray = [{
+  key: 'testprior',
+  thisRef: {
+    current: {
+      focus: refFocus
+    }
+  }
+}, {
+  key: 'test',
+  thisRef: {
+    current: {
+      focus: refFocus
+    }
+  }
+}, {
+  key: 'testsecond',
+  thisRef: {
+    current: {
+      focus: refFocus
+    }
+  }
+}];
+exports.refArray = refArray;
+var flatKeyArray = [{
+  key: 'testprior'
+}, {
+  key: 'test'
+}, {
+  key: 'testsecond'
+}];
+exports.flatKeyArray = flatKeyArray;
+var defaultProps = {
+  'data-testid': testId,
+  focusManager: focusManager,
+  state: state,
+  tree: tree,
+  key: 'test',
+  flatKeyArray: flatKeyArray,
+  refArray: refArray
+};
+var TestComponent = function TestComponent(props) {
+  var focusManagerProp = props.focusManager,
+    stateProp = props.state,
+    treeProp = props.tree,
+    isSelected = props.isSelected,
+    isExpanded = props.isExpanded,
+    _props$isInRefArray = props.isInRefArray,
+    isInRefArray = _props$isInRefArray === void 0 ? true : _props$isInRefArray,
+    flatKeyArrayProp = props.flatKeyArray,
+    refArrayProp = props.refArray;
+  var thisRef = (0, _react.useRef)(null);
+  var testOnKeyDown = function testOnKeyDown(e) {
+    props.onKeyDown(e, stateProp, 'test', treeProp, isSelected, isExpanded, focusManagerProp, flatKeyArrayProp, refArrayProp, 5, true);
+  };
+  var testOnKeyDownAddRef = function testOnKeyDownAddRef(e) {
+    var _context;
+    props.onKeyDown(e, stateProp, 'test', treeProp, isSelected, isExpanded, focusManagerProp, flatKeyArrayProp, (0, _concat["default"])(_context = []).call(_context, refArrayProp, [{
+      key: 'button',
+      thisRef: thisRef
+    }]), 5, true);
+  };
+  return (0, _react2.jsx)("div", null, (0, _react2.jsx)("button", {
+    ref: thisRef,
+    onKeyDown: function onKeyDown(e) {
+      return isInRefArray ? testOnKeyDownAddRef(e) : testOnKeyDown(e);
+    }
+  }, "let us test keypresses"));
+};
+TestComponent.propTypes = {
+  isInRefArray: _propTypes["default"].bool,
+  isEventTargetAKey: _propTypes["default"].bool,
+  state: _propTypes["default"].shape({
+    toggleKey: _propTypes["default"].func
+  }),
+  tree: _propTypes["default"].shape({
+    setSelectedKeys: _propTypes["default"].func
+  }),
+  focusManager: _propTypes["default"].shape({
+    focusPrevious: _propTypes["default"].func,
+    focusNext: _propTypes["default"].func
+  }),
+  isExpanded: _propTypes["default"].bool,
+  isSelected: _propTypes["default"].bool,
+  onKeyDown: _propTypes["default"].func,
+  flatKeyArray: _isIterable.isIterableProp,
+  refArray: _isIterable.isIterableProp
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(TestComponent, (0, _extends2["default"])({}, defaultProps, props)));
+};
+afterEach(function () {
+  jest.clearAllMocks();
+});
+afterAll(function () {
+  jest.restoreAllMocks();
+});
+test('OnEnterPress calls when enter is pressed', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'Enter',
+    keyCode: 13
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'Enter',
+    keyCode: 13
+  });
+  expect(toggleKey).toHaveBeenCalled();
+});
+test('onSpacePress calls when space is pressed', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'Space',
+    keyCode: 32
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'Space',
+    keyCode: 32
+  });
+  expect(setSelectedKeys).toHaveBeenCalled();
+});
+test('onSpacePress calls when space is pressed, and selected', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection,
+    isSelected: true
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'Space',
+    keyCode: 32
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'Space',
+    keyCode: 32
+  });
+  expect(setSelectedKeys).toHaveBeenCalled();
+});
+test('onSpacePress calls when space is pressed, item', function () {
+  getComponent({
+    onKeyDown: _TreeViewItem.onKeyDownItem,
+    isInRefArray: false
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'Space',
+    keyCode: 32
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'Space',
+    keyCode: 32
+  });
+  expect(setSelectedKeys).toHaveBeenCalled();
+});
+test('onLeftPress calls when Left Arrow is pressed and expanded', function () {
+  getComponent({
+    isExpanded: true,
+    onKeyDown: _TreeViewSection.onKeyDownSection,
+    isInRefArray: false
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowLeft',
+    keyCode: 37
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowLeft',
+    keyCode: 37
+  });
+  expect(toggleKey).not.toHaveBeenCalled();
+  expect(focusPrevious).toHaveBeenCalled();
+});
+test('onLeftPress does not call when Left Arrow is pressed and NOT expanded', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowLeft',
+    keyCode: 37
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowLeft',
+    keyCode: 37
+  });
+  expect(toggleKey).not.toHaveBeenCalled();
+  expect(focusPrevious).not.toHaveBeenCalled();
+});
+test('onRightPress calls when Right Arrow is pressed and NOT expanded', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection,
+    isInRefArray: false
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowRight',
+    keyCode: 39
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowRight',
+    keyCode: 39
+  });
+  expect(toggleKey).toHaveBeenCalled();
+  expect(focusNext).not.toHaveBeenCalled();
+});
+test('onRightPress calls correct callback when Right Arrow is pressed and expanded', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection,
+    isExpanded: true,
+    isInRefArray: false
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowRight',
+    keyCode: 39
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowRight',
+    keyCode: 39
+  });
+  expect(toggleKey).not.toHaveBeenCalled();
+  expect(focusNext).not.toHaveBeenCalled();
+});
+test('onLeftPress calls when Left Arrow is pressed and expanded', function () {
+  getComponent({
+    isExpanded: true,
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowRight',
+    keyCode: 39
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowRight',
+    keyCode: 39
+  });
+  expect(toggleKey).not.toHaveBeenCalled();
+});
+test('onDownPress calls when down Arrow is pressed and expanded', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowDown',
+    keyCode: 40
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowDown',
+    keyCode: 40
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onUpPress calls when down Arrow is pressed and expanded', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowUp',
+    keyCode: 38
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowUp',
+    keyCode: 38
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onUpPress calls when down Arrow is pressed and expanded for items', function () {
+  getComponent({
+    onKeyDown: _TreeViewItem.onKeyDownItem
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowUp',
+    keyCode: 38
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowUp',
+    keyCode: 38
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onPageUpPress calls when page up is pressed', function () {
+  getComponent({
+    onKeyDown: _TreeViewItem.onKeyDownItem
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'PageUp',
+    keyCode: 33
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'PageUp',
+    keyCode: 33
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onPageUpPress calls when page up is pressed, on section', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'PageUp',
+    keyCode: 33
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'PageUp',
+    keyCode: 33
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onPageDownPress calls when page up is pressed', function () {
+  getComponent({
+    onKeyDown: _TreeViewItem.onKeyDownItem
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'PageDown',
+    keyCode: 34
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'PageDown',
+    keyCode: 34
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onPageDownPress calls when page up is pressed, on section', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'PageDown',
+    keyCode: 34
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'PageDown',
+    keyCode: 34
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onDownPress calls when down Arrow is pressed and expanded, for items', function () {
+  getComponent({
+    onKeyDown: _TreeViewItem.onKeyDownItem
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'ArrowDown',
+    keyCode: 40
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'ArrowDown',
+    keyCode: 40
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onTabPress calls correct callbacks', function () {
+  getComponent({
+    onKeyDown: _TreeViewItem.onKeyDownItem
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'Tab',
+    keyCode: 9
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'Tab',
+    keyCode: 9
+  });
+  expect(focusNext).not.toHaveBeenCalled();
+});
+test('onTabPress calls correct callbacks', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'Tab',
+    keyCode: 9
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'Tab',
+    keyCode: 9
+  });
+  expect(focusNext).toHaveBeenCalled();
+});
+test('onEndPress calls correct callbacks', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'End',
+    keyCode: 35
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'End',
+    keyCode: 35
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onEndPress calls correct callbacks', function () {
+  getComponent({
+    onKeyDown: _TreeViewItem.onKeyDownItem
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'End',
+    keyCode: 35
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'End',
+    keyCode: 35
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onHomePress calls correct callbacks', function () {
+  getComponent({
+    onKeyDown: _TreeViewSection.onKeyDownSection
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'Home',
+    keyCode: 36
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'Home',
+    keyCode: 36
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onHomePress calls correct callbacks', function () {
+  getComponent({
+    onKeyDown: _TreeViewItem.onKeyDownItem
+  });
+  var button = _testWrapper.screen.getByRole('button');
+  _testWrapper.fireEvent.keyDown(button, {
+    key: 'Home',
+    keyCode: 36
+  });
+  _testWrapper.fireEvent.keyUp(button, {
+    key: 'Home',
+    keyCode: 36
+  });
+  expect(refFocus).toHaveBeenCalled();
+});
+test('onLeftPress calls correct callbacks, when correct props are provided', function () {
+  var thisRefArray = [{
+    thisRef: {
+      current: 'test target'
+    }
+  }];
+  var thisEvent = {
+    target: 'test target',
+    preventDefault: function preventDefault() {
+      return jest.fn();
+    },
+    stopPropagation: function stopPropagation() {
+      return jest.fn();
+    }
+  };
+  (0, _TreeViewKeyboardDelegate.onLeftPress)(thisEvent, focusManager, state, 'test', true, thisRefArray);
+  expect(toggleKey).toHaveBeenCalled();
+});