@pingux/astro 2.177.7-alpha.0 → 2.177.8-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +16 -2
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +175 -2
- package/lib/cjs/libs/astro/tsconfig.lib.tsbuildinfo +1 -1
- package/lib/components/RockerButtonGroup/RockerButtonGroup.js +21 -7
- package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +173 -3
- package/package.json +1 -1
|
@@ -15,6 +15,7 @@ _Object$defineProperty(exports, "__esModule", {
|
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
17
|
exports["default"] = void 0;
|
|
18
|
+
var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
|
|
18
19
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
19
20
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
20
21
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
@@ -25,7 +26,7 @@ var _RockerButtonGroupContext = require("../../context/RockerButtonGroupContext"
|
|
|
25
26
|
var _hooks = require("../../hooks");
|
|
26
27
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
27
28
|
var _react2 = require("@emotion/react");
|
|
28
|
-
var _excluded = ["defaultSelectedKey", "defaultSelectedKeys", "disabledKeys", "selectedKey", "selectedKeys", "tabListProps"];
|
|
29
|
+
var _excluded = ["defaultSelectedKey", "defaultSelectedKeys", "disabledKeys", "selectedKey", "selectedKeys", "tabListProps", "onSelectionChange"];
|
|
29
30
|
function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
30
31
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
31
32
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -36,15 +37,28 @@ var RockerButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
|
|
|
36
37
|
selectedKeyProp = props.selectedKey,
|
|
37
38
|
selectedKeysProp = props.selectedKeys,
|
|
38
39
|
tabListProps = props.tabListProps,
|
|
40
|
+
onSelectionChange = props.onSelectionChange,
|
|
39
41
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
40
42
|
var buttonGroupRef = (0, _hooks.useLocalOrForwardRef)(ref);
|
|
41
43
|
(0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
|
|
44
|
+
var isUsingSingleKeyAPI = selectedKeyProp !== undefined || defaultSelectedKeyProp !== undefined;
|
|
42
45
|
var selectedKeys = selectedKeysProp || (selectedKeyProp ? [selectedKeyProp] : null);
|
|
43
46
|
var defaultSelectedKeys = defaultSelectedKeysProp || (defaultSelectedKeyProp ? [defaultSelectedKeyProp] : null);
|
|
44
|
-
var
|
|
47
|
+
var handleSelectionChange = function handleSelectionChange(keys) {
|
|
48
|
+
if (!onSelectionChange) return;
|
|
49
|
+
if (isUsingSingleKeyAPI) {
|
|
50
|
+
var firstKey = (0, _from["default"])(keys)[0];
|
|
51
|
+
onSelectionChange(firstKey);
|
|
52
|
+
} else {
|
|
53
|
+
onSelectionChange((0, _from["default"])(keys));
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
var theseProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, others), defaultSelectedKeys && {
|
|
45
57
|
defaultSelectedKeys: defaultSelectedKeys
|
|
46
58
|
}), selectedKeys && {
|
|
47
59
|
selectedKeys: selectedKeys
|
|
60
|
+
}), onSelectionChange && {
|
|
61
|
+
onSelectionChange: handleSelectionChange
|
|
48
62
|
});
|
|
49
63
|
var state = (0, _toggle.useToggleGroupState)(theseProps);
|
|
50
64
|
var _useToggleButtonGroup = (0, _button.useToggleButtonGroup)(theseProps, state, buttonGroupRef),
|
|
@@ -9,18 +9,25 @@ var _forEachInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/i
|
|
|
9
9
|
var _Object$setPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/set-prototype-of");
|
|
10
10
|
var _Promise = require("@babel/runtime-corejs3/core-js-stable/promise");
|
|
11
11
|
var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
|
|
12
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
13
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
12
14
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
13
15
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
|
|
16
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
17
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
14
18
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
15
19
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
16
20
|
var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
|
|
17
|
-
var _react =
|
|
21
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
18
22
|
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
|
19
23
|
var _index = require("../../index");
|
|
20
24
|
var _testWrapper = require("../../utils/testUtils/testWrapper");
|
|
21
25
|
var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
|
|
22
26
|
var _react2 = require("@emotion/react");
|
|
23
|
-
|
|
27
|
+
var _excluded = ["selectedKey", "onSelectionChange"],
|
|
28
|
+
_excluded2 = ["selectedKeys", "onSelectionChange"];
|
|
29
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
30
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return r; }; var t, r = {}, e = Object.prototype, n = e.hasOwnProperty, o = "function" == typeof _Symbol ? _Symbol : {}, i = o.iterator || "@@iterator", a = o.asyncIterator || "@@asyncIterator", u = o.toStringTag || "@@toStringTag"; function c(t, r, e, n) { return _Object$defineProperty(t, r, { value: e, enumerable: !n, configurable: !n, writable: !n }); } try { c({}, ""); } catch (t) { c = function c(t, r, e) { return t[r] = e; }; } function h(r, e, n, o) { var i = e && e.prototype instanceof Generator ? e : Generator, a = _Object$create(i.prototype); return c(a, "_invoke", function (r, e, n) { var o = 1; return function (i, a) { if (3 === o) throw Error("Generator is already running"); if (4 === o) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var u = n.delegate; if (u) { var c = d(u, n); if (c) { if (c === f) continue; return c; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (1 === o) throw o = 4, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = 3; var h = s(r, e, n); if ("normal" === h.type) { if (o = n.done ? 4 : 2, h.arg === f) continue; return { value: h.arg, done: n.done }; } "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg); } }; }(r, n, new Context(o || [])), !0), a; } function s(t, r, e) { try { return { type: "normal", arg: t.call(r, e) }; } catch (t) { return { type: "throw", arg: t }; } } r.wrap = h; var f = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var l = {}; c(l, i, function () { return this; }); var p = _Object$getPrototypeOf, y = p && p(p(x([]))); y && y !== e && n.call(y, i) && (l = y); var v = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(l); function g(t) { var _context0; _forEachInstanceProperty2(_context0 = ["next", "throw", "return"]).call(_context0, function (r) { c(t, r, function (t) { return this._invoke(r, t); }); }); } function AsyncIterator(t, r) { function e(o, i, a, u) { var c = s(t[o], t, i); if ("throw" !== c.type) { var h = c.arg, f = h.value; return f && "object" == _typeof(f) && n.call(f, "__await") ? r.resolve(f.__await).then(function (t) { e("next", t, a, u); }, function (t) { e("throw", t, a, u); }) : r.resolve(f).then(function (t) { h.value = t, a(h); }, function (t) { return e("throw", t, a, u); }); } u(c.arg); } var o; c(this, "_invoke", function (t, n) { function i() { return new r(function (r, o) { e(t, n, r, o); }); } return o = o ? o.then(i, i) : i(); }, !0); } function d(r, e) { var n = e.method, o = r.i[n]; if (o === t) return e.delegate = null, "throw" === n && r.i["return"] && (e.method = "return", e.arg = t, d(r, e), "throw" === e.method) || "return" !== n && (e.method = "throw", e.arg = new TypeError("The iterator does not provide a '" + n + "' method")), f; var i = s(o, r.i, e.arg); if ("throw" === i.type) return e.method = "throw", e.arg = i.arg, e.delegate = null, f; var a = i.arg; return a ? a.done ? (e[r.r] = a.value, e.next = r.n, "return" !== e.method && (e.method = "next", e.arg = t), e.delegate = null, f) : a : (e.method = "throw", e.arg = new TypeError("iterator result is not an object"), e.delegate = null, f); } function w(t) { this.tryEntries.push(t); } function m(r) { var e = r[4] || {}; e.type = "normal", e.arg = t, r[4] = e; } function Context(t) { this.tryEntries = [[-1]], _forEachInstanceProperty2(t).call(t, w, this), this.reset(!0); } function x(r) { if (null != r) { var e = r[i]; if (e) return e.call(r); if ("function" == typeof r.next) return r; if (!isNaN(r.length)) { var o = -1, a = function e() { for (; ++o < r.length;) if (n.call(r, o)) return e.value = r[o], e.done = !1, e; return e.value = t, e.done = !0, e; }; return a.next = a; } } throw new TypeError(_typeof(r) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, c(v, "constructor", GeneratorFunctionPrototype), c(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = c(GeneratorFunctionPrototype, u, "GeneratorFunction"), r.isGeneratorFunction = function (t) { var r = "function" == typeof t && t.constructor; return !!r && (r === GeneratorFunction || "GeneratorFunction" === (r.displayName || r.name)); }, r.mark = function (t) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, c(t, u, "GeneratorFunction")), t.prototype = _Object$create(v), t; }, r.awrap = function (t) { return { __await: t }; }, g(AsyncIterator.prototype), c(AsyncIterator.prototype, a, function () { return this; }), r.AsyncIterator = AsyncIterator, r.async = function (t, e, n, o, i) { void 0 === i && (i = _Promise); var a = new AsyncIterator(h(t, e, n, o), i); return r.isGeneratorFunction(e) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, g(v), c(v, u, "Generator"), c(v, i, function () { return this; }), c(v, "toString", function () { return "[object Generator]"; }), r.keys = function (t) { var r = Object(t), e = []; for (var n in r) e.unshift(n); return function t() { for (; e.length;) if ((n = e.pop()) in r) return t.value = n, t.done = !1, t; return t.done = !0, t; }; }, r.values = x, Context.prototype = { constructor: Context, reset: function reset(r) { var _context1; if (this.prev = this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, _forEachInstanceProperty2(_context1 = this.tryEntries).call(_context1, m), !r) for (var e in this) "t" === e.charAt(0) && n.call(this, e) && !isNaN(+_sliceInstanceProperty(e).call(e, 1)) && (this[e] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0][4]; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(r) { if (this.done) throw r; var e = this; function n(t) { a.type = "throw", a.arg = r, e.next = t; } for (var o = e.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i[4], u = this.prev, c = i[1], h = i[2]; if (-1 === i[0]) return n("end"), !1; if (!c && !h) throw Error("try statement without catch or finally"); if (null != i[0] && i[0] <= u) { if (u < c) return this.method = "next", this.arg = t, n(c), !0; if (u < h) return n(h), !1; } } }, abrupt: function abrupt(t, r) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var n = this.tryEntries[e]; if (n[0] > -1 && n[0] <= this.prev && this.prev < n[2]) { var o = n; break; } } o && ("break" === t || "continue" === t) && o[0] <= r && r <= o[2] && (o = null); var i = o ? o[4] : {}; return i.type = t, i.arg = r, o ? (this.method = "next", this.next = o[2], f) : this.complete(i); }, complete: function complete(t, r) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && r && (this.next = r), f; }, finish: function finish(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[2] === t) return this.complete(e[4], e[3]), m(e), f; } }, "catch": function _catch(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[0] === t) { var n = e[4]; if ("throw" === n.type) { var o = n.arg; m(e); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(r, e, n) { return this.delegate = { i: x(r), r: e, n: n }, "next" === this.method && (this.arg = t), f; } }, r; }
|
|
24
31
|
var testId = 'testId';
|
|
25
32
|
var testButtons = [{
|
|
26
33
|
name: 'And',
|
|
@@ -59,6 +66,56 @@ var getComponent = function getComponent() {
|
|
|
59
66
|
});
|
|
60
67
|
})));
|
|
61
68
|
};
|
|
69
|
+
var ControlledWithSelectedKey = function ControlledWithSelectedKey(_ref2) {
|
|
70
|
+
var initialKey = _ref2.selectedKey,
|
|
71
|
+
onSelectionChangeProp = _ref2.onSelectionChange,
|
|
72
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
|
|
73
|
+
var _useState = (0, _react.useState)(initialKey),
|
|
74
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
75
|
+
selectedKey = _useState2[0],
|
|
76
|
+
setSelectedKey = _useState2[1];
|
|
77
|
+
var handleSelectionChange = function handleSelectionChange(key) {
|
|
78
|
+
setSelectedKey(key);
|
|
79
|
+
onSelectionChangeProp === null || onSelectionChangeProp === void 0 || onSelectionChangeProp(key);
|
|
80
|
+
};
|
|
81
|
+
return (0, _react2.jsx)(_index.RockerButtonGroup, (0, _extends2["default"])({
|
|
82
|
+
selectedKey: selectedKey,
|
|
83
|
+
onSelectionChange: handleSelectionChange
|
|
84
|
+
}, props, {
|
|
85
|
+
"data-id": "test-container"
|
|
86
|
+
}), (0, _map["default"])(testButtons).call(testButtons, function (button) {
|
|
87
|
+
return (0, _react2.jsx)(_index.RockerButton, {
|
|
88
|
+
name: button.name,
|
|
89
|
+
key: button.key,
|
|
90
|
+
selectedStyles: button.selectedStyles
|
|
91
|
+
});
|
|
92
|
+
}));
|
|
93
|
+
};
|
|
94
|
+
var ControlledWithSelectedKeys = function ControlledWithSelectedKeys(_ref3) {
|
|
95
|
+
var initialKeys = _ref3.selectedKeys,
|
|
96
|
+
onSelectionChangeProp = _ref3.onSelectionChange,
|
|
97
|
+
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
|
|
98
|
+
var _useState3 = (0, _react.useState)(initialKeys),
|
|
99
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
100
|
+
selectedKeys = _useState4[0],
|
|
101
|
+
setSelectedKeys = _useState4[1];
|
|
102
|
+
var handleSelectionChange = function handleSelectionChange(keys) {
|
|
103
|
+
setSelectedKeys(keys);
|
|
104
|
+
onSelectionChangeProp === null || onSelectionChangeProp === void 0 || onSelectionChangeProp(keys);
|
|
105
|
+
};
|
|
106
|
+
return (0, _react2.jsx)(_index.RockerButtonGroup, (0, _extends2["default"])({
|
|
107
|
+
selectedKeys: selectedKeys,
|
|
108
|
+
onSelectionChange: handleSelectionChange
|
|
109
|
+
}, props, {
|
|
110
|
+
"data-id": "test-container"
|
|
111
|
+
}), (0, _map["default"])(testButtons).call(testButtons, function (button) {
|
|
112
|
+
return (0, _react2.jsx)(_index.RockerButton, {
|
|
113
|
+
name: button.name,
|
|
114
|
+
key: button.key,
|
|
115
|
+
selectedStyles: button.selectedStyles
|
|
116
|
+
});
|
|
117
|
+
}));
|
|
118
|
+
};
|
|
62
119
|
|
|
63
120
|
// Needs to be added to each components test file
|
|
64
121
|
(0, _universalComponentTest.universalComponentTests)({
|
|
@@ -208,4 +265,120 @@ test('rockerButton renders correct bg when selectedStyles prop is css variable',
|
|
|
208
265
|
return _context3.stop();
|
|
209
266
|
}
|
|
210
267
|
}, _callee3);
|
|
268
|
+
})));
|
|
269
|
+
test('should call onSelectionChange callback when selectedKey prop is provided', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
|
|
270
|
+
var onSelectionChange, button0, button1, button2;
|
|
271
|
+
return _regeneratorRuntime().wrap(function _callee6$(_context6) {
|
|
272
|
+
while (1) switch (_context6.prev = _context6.next) {
|
|
273
|
+
case 0:
|
|
274
|
+
onSelectionChange = jest.fn();
|
|
275
|
+
(0, _testWrapper.render)((0, _react2.jsx)(ControlledWithSelectedKey, {
|
|
276
|
+
selectedKey: "Or",
|
|
277
|
+
onSelectionChange: onSelectionChange
|
|
278
|
+
}));
|
|
279
|
+
button0 = _testWrapper.screen.getByRole('radio', {
|
|
280
|
+
name: testButtons[0].key
|
|
281
|
+
});
|
|
282
|
+
button1 = _testWrapper.screen.getByRole('radio', {
|
|
283
|
+
name: testButtons[1].key
|
|
284
|
+
});
|
|
285
|
+
button2 = _testWrapper.screen.getByRole('radio', {
|
|
286
|
+
name: testButtons[2].key
|
|
287
|
+
});
|
|
288
|
+
expect(button0).not.toHaveClass('is-selected');
|
|
289
|
+
expect(button1).toHaveClass('is-selected');
|
|
290
|
+
expect(button2).not.toHaveClass('is-selected');
|
|
291
|
+
_context6.next = 10;
|
|
292
|
+
return (0, _testWrapper.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
|
|
293
|
+
return _regeneratorRuntime().wrap(function _callee4$(_context4) {
|
|
294
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
295
|
+
case 0:
|
|
296
|
+
return _context4.abrupt("return", _userEvent["default"].click(button0));
|
|
297
|
+
case 1:
|
|
298
|
+
case "end":
|
|
299
|
+
return _context4.stop();
|
|
300
|
+
}
|
|
301
|
+
}, _callee4);
|
|
302
|
+
})));
|
|
303
|
+
case 10:
|
|
304
|
+
expect(onSelectionChange).toHaveBeenCalledWith(testButtons[0].key);
|
|
305
|
+
expect(button0).toHaveClass('is-selected');
|
|
306
|
+
_context6.next = 14;
|
|
307
|
+
return (0, _testWrapper.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
|
|
308
|
+
return _regeneratorRuntime().wrap(function _callee5$(_context5) {
|
|
309
|
+
while (1) switch (_context5.prev = _context5.next) {
|
|
310
|
+
case 0:
|
|
311
|
+
return _context5.abrupt("return", _userEvent["default"].click(button2));
|
|
312
|
+
case 1:
|
|
313
|
+
case "end":
|
|
314
|
+
return _context5.stop();
|
|
315
|
+
}
|
|
316
|
+
}, _callee5);
|
|
317
|
+
})));
|
|
318
|
+
case 14:
|
|
319
|
+
expect(onSelectionChange).toHaveBeenCalledWith(testButtons[2].key);
|
|
320
|
+
expect(button2).toHaveClass('is-selected');
|
|
321
|
+
case 16:
|
|
322
|
+
case "end":
|
|
323
|
+
return _context6.stop();
|
|
324
|
+
}
|
|
325
|
+
}, _callee6);
|
|
326
|
+
})));
|
|
327
|
+
test('should call onSelectionChange callback when selectedKeys prop is provided', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
|
|
328
|
+
var onSelectionChange, button0, button1, button2;
|
|
329
|
+
return _regeneratorRuntime().wrap(function _callee9$(_context9) {
|
|
330
|
+
while (1) switch (_context9.prev = _context9.next) {
|
|
331
|
+
case 0:
|
|
332
|
+
onSelectionChange = jest.fn();
|
|
333
|
+
(0, _testWrapper.render)((0, _react2.jsx)(ControlledWithSelectedKeys, {
|
|
334
|
+
selectedKeys: ['Or'],
|
|
335
|
+
onSelectionChange: onSelectionChange
|
|
336
|
+
}));
|
|
337
|
+
button0 = _testWrapper.screen.getByRole('radio', {
|
|
338
|
+
name: testButtons[0].key
|
|
339
|
+
});
|
|
340
|
+
button1 = _testWrapper.screen.getByRole('radio', {
|
|
341
|
+
name: testButtons[1].key
|
|
342
|
+
});
|
|
343
|
+
button2 = _testWrapper.screen.getByRole('radio', {
|
|
344
|
+
name: testButtons[2].key
|
|
345
|
+
});
|
|
346
|
+
expect(button0).not.toHaveClass('is-selected');
|
|
347
|
+
expect(button1).toHaveClass('is-selected');
|
|
348
|
+
expect(button2).not.toHaveClass('is-selected');
|
|
349
|
+
_context9.next = 10;
|
|
350
|
+
return (0, _testWrapper.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
|
|
351
|
+
return _regeneratorRuntime().wrap(function _callee7$(_context7) {
|
|
352
|
+
while (1) switch (_context7.prev = _context7.next) {
|
|
353
|
+
case 0:
|
|
354
|
+
return _context7.abrupt("return", _userEvent["default"].click(button0));
|
|
355
|
+
case 1:
|
|
356
|
+
case "end":
|
|
357
|
+
return _context7.stop();
|
|
358
|
+
}
|
|
359
|
+
}, _callee7);
|
|
360
|
+
})));
|
|
361
|
+
case 10:
|
|
362
|
+
expect(onSelectionChange).toHaveBeenCalledWith([testButtons[0].key]);
|
|
363
|
+
expect(button0).toHaveClass('is-selected');
|
|
364
|
+
_context9.next = 14;
|
|
365
|
+
return (0, _testWrapper.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
|
|
366
|
+
return _regeneratorRuntime().wrap(function _callee8$(_context8) {
|
|
367
|
+
while (1) switch (_context8.prev = _context8.next) {
|
|
368
|
+
case 0:
|
|
369
|
+
return _context8.abrupt("return", _userEvent["default"].click(button2));
|
|
370
|
+
case 1:
|
|
371
|
+
case "end":
|
|
372
|
+
return _context8.stop();
|
|
373
|
+
}
|
|
374
|
+
}, _callee8);
|
|
375
|
+
})));
|
|
376
|
+
case 14:
|
|
377
|
+
expect(onSelectionChange).toHaveBeenCalledWith([testButtons[2].key]);
|
|
378
|
+
expect(button2).toHaveClass('is-selected');
|
|
379
|
+
case 16:
|
|
380
|
+
case "end":
|
|
381
|
+
return _context9.stop();
|
|
382
|
+
}
|
|
383
|
+
}, _callee9);
|
|
211
384
|
})));
|