linear-react-components-ui 1.0.11-beta.3 → 1.0.12-beta.1
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/alerts/alert.spec.js +55 -32
- package/lib/avatar/avatar.spec.js +74 -42
- package/lib/badge/badge.spec.js +52 -30
- package/lib/buttons/SpinnerLoading.js +230 -0
- package/lib/buttons/buttons.spec.js +210 -136
- package/lib/calendar/calendar.spec.js +63 -32
- package/lib/checkbox/checkbox.spec.js +78 -37
- package/lib/dialog/dialog.spec.js +153 -80
- package/lib/drawer/Drawer.spec.js +95 -52
- package/lib/dropdown/dropdown.spec.js +58 -34
- package/lib/fieldset/fieldset.spec.js +123 -77
- package/lib/form/FieldNumber.js +6 -2
- package/lib/form/form.spec.js +81 -35
- package/lib/gridlayout/gridLayout.spec.js +70 -43
- package/lib/icons/helper.d.ts +0 -8
- package/lib/icons/helper.js +0 -8
- package/lib/icons/icons.spec.js +36 -20
- package/lib/inputs/base/base.spec.js +291 -176
- package/lib/inputs/base/index.js +1 -0
- package/lib/inputs/color/color_input.spec.js +67 -33
- package/lib/inputs/date/date.spec.js +156 -75
- package/lib/inputs/mask/helpers.js +1 -1
- package/lib/inputs/mask/input_mask.spec.js +290 -177
- package/lib/inputs/number/numberfield.spec.js +83 -42
- package/lib/inputs/search/search_input.spec.js +86 -46
- package/lib/inputs/select/select.spec.js +182 -127
- package/lib/inputs/text/textfield.spec.js +83 -42
- package/lib/inputs/textarea/index.js +1 -1
- package/lib/inputs/textarea/textarea.spec.js +27 -14
- package/lib/labelMessages/labelMessages.spec.js +61 -28
- package/lib/labels/label.spec.js +68 -41
- package/lib/list/list.spec.js +358 -211
- package/lib/menus/float/float-menu.spec.js +61 -27
- package/lib/menus/sidenav/sidenav.spec.js +78 -29
- package/lib/panel/panel.spec.js +106 -69
- package/lib/popover/popover.spec.js +70 -40
- package/lib/progress/progress.spec.js +48 -32
- package/lib/radio/radio.spec.js +59 -25
- package/lib/spinner/spinner.spec.js +65 -43
- package/lib/split/split.spec.js +76 -51
- package/lib/table/table.spec.js +149 -94
- package/lib/tabs/tabs.spec.js +158 -95
- package/lib/toolbar/toolbar.spec.js +182 -134
- package/lib/tooltip/tooltip.spec.js +51 -24
- package/lib/treeview/treeview.spec.js +86 -49
- package/lib/uitour/uitour.spec.js +56 -25
- package/package.json +1 -1
|
@@ -1,50 +1,63 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
|
|
5
7
|
require("babel-polyfill");
|
|
8
|
+
|
|
6
9
|
var _react2 = require("@testing-library/react");
|
|
10
|
+
|
|
7
11
|
require("@testing-library/jest-dom");
|
|
12
|
+
|
|
8
13
|
var _ = _interopRequireWildcard(require("."));
|
|
14
|
+
|
|
9
15
|
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); }
|
|
16
|
+
|
|
10
17
|
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; }
|
|
18
|
+
|
|
11
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
20
|
+
|
|
13
21
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
22
|
+
|
|
14
23
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
15
|
-
|
|
24
|
+
|
|
16
25
|
var menuData = [{
|
|
17
26
|
title: 'Fiscal',
|
|
27
|
+
key: 'FISCAL',
|
|
18
28
|
url: '/teste',
|
|
19
29
|
iconName: 'code',
|
|
20
30
|
iconColor: 'gray',
|
|
21
31
|
iconSize: 24
|
|
22
32
|
}, {
|
|
23
33
|
title: 'Financeiro',
|
|
34
|
+
key: 'FINANCEIRO',
|
|
24
35
|
url: '/teste1',
|
|
25
36
|
iconName: 'folder_close',
|
|
26
37
|
iconColor: 'red',
|
|
27
38
|
iconSize: 24
|
|
28
39
|
}];
|
|
40
|
+
|
|
29
41
|
var floatMenuMockRender = function floatMenuMockRender(props) {
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_.default, props, menuData.map(function (
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(_.MenuItem,
|
|
32
|
-
key: propsItem.title
|
|
33
|
-
}));
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_.default, props, menuData.map(function (p) {
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_.MenuItem, p);
|
|
34
44
|
}));
|
|
35
45
|
};
|
|
46
|
+
|
|
36
47
|
describe('SideNav Menu', function () {
|
|
37
48
|
describe('Default', function () {
|
|
38
49
|
it('should render', function () {
|
|
39
50
|
var _render = (0, _react2.render)(floatMenuMockRender()),
|
|
40
|
-
|
|
51
|
+
container = _render.container;
|
|
52
|
+
|
|
41
53
|
expect(container.firstChild).toBeInTheDocument();
|
|
42
54
|
});
|
|
43
55
|
it('should apply customClass prop', function () {
|
|
44
56
|
var _render2 = (0, _react2.render)(floatMenuMockRender({
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
57
|
+
customClass: 'customClass'
|
|
58
|
+
})),
|
|
59
|
+
container = _render2.container;
|
|
60
|
+
|
|
48
61
|
expect(container.firstChild).toHaveClass('customClass');
|
|
49
62
|
});
|
|
50
63
|
it('should apply iconSize prop', function () {
|
|
@@ -52,23 +65,29 @@ describe('SideNav Menu', function () {
|
|
|
52
65
|
iconSize: 18,
|
|
53
66
|
iconColor: 'red'
|
|
54
67
|
}));
|
|
68
|
+
|
|
55
69
|
var svg = _react2.screen.getByTestId('icon');
|
|
70
|
+
|
|
56
71
|
expect(svg).toHaveAttribute('fill', 'red');
|
|
57
72
|
expect(svg).toHaveAttribute('width', '18px');
|
|
58
73
|
});
|
|
59
|
-
it('should open float menu', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
60
|
-
return
|
|
74
|
+
it('should open float menu', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
75
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
61
76
|
while (1) {
|
|
62
77
|
switch (_context.prev = _context.next) {
|
|
63
78
|
case 0:
|
|
64
79
|
(0, _react2.render)(floatMenuMockRender());
|
|
80
|
+
|
|
65
81
|
_react2.fireEvent.click(_react2.screen.getByRole('button'));
|
|
82
|
+
|
|
66
83
|
_context.next = 4;
|
|
67
84
|
return (0, _react2.waitFor)(function () {
|
|
68
85
|
return _react2.screen.getByTestId('dropdown-component');
|
|
69
86
|
});
|
|
87
|
+
|
|
70
88
|
case 4:
|
|
71
89
|
expect(_react2.screen.getByTestId('dropdown-component')).toBeInTheDocument();
|
|
90
|
+
|
|
72
91
|
case 5:
|
|
73
92
|
case "end":
|
|
74
93
|
return _context.stop();
|
|
@@ -76,44 +95,50 @@ describe('SideNav Menu', function () {
|
|
|
76
95
|
}
|
|
77
96
|
}, _callee);
|
|
78
97
|
})));
|
|
79
|
-
it('should menu have 2 children', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
80
|
-
|
|
81
|
-
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
98
|
+
it('should menu have 2 children', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
99
|
+
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
82
100
|
while (1) {
|
|
83
101
|
switch (_context2.prev = _context2.next) {
|
|
84
102
|
case 0:
|
|
85
103
|
(0, _react2.render)(floatMenuMockRender());
|
|
104
|
+
|
|
86
105
|
_react2.fireEvent.click(_react2.screen.getByRole('button'));
|
|
106
|
+
|
|
87
107
|
_context2.next = 4;
|
|
88
108
|
return (0, _react2.waitFor)(function () {
|
|
89
109
|
return _react2.screen.getByTestId('dropdown-component');
|
|
90
110
|
});
|
|
111
|
+
|
|
91
112
|
case 4:
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
case
|
|
113
|
+
expect(_react2.screen.getByTestId('dropdown-component').firstChild.childNodes.length).toBe(2);
|
|
114
|
+
|
|
115
|
+
case 5:
|
|
95
116
|
case "end":
|
|
96
117
|
return _context2.stop();
|
|
97
118
|
}
|
|
98
119
|
}
|
|
99
120
|
}, _callee2);
|
|
100
121
|
})));
|
|
101
|
-
it('should href match with prop', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
122
|
+
it('should href match with prop', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
|
|
102
123
|
var as;
|
|
103
|
-
return
|
|
124
|
+
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
104
125
|
while (1) {
|
|
105
126
|
switch (_context3.prev = _context3.next) {
|
|
106
127
|
case 0:
|
|
107
128
|
(0, _react2.render)(floatMenuMockRender());
|
|
129
|
+
|
|
108
130
|
_react2.fireEvent.click(_react2.screen.getByRole('button'));
|
|
131
|
+
|
|
109
132
|
_context3.next = 4;
|
|
110
133
|
return (0, _react2.waitFor)(function () {
|
|
111
134
|
return _react2.screen.getByTestId('dropdown-component');
|
|
112
135
|
});
|
|
136
|
+
|
|
113
137
|
case 4:
|
|
114
138
|
as = _react2.screen.getAllByRole('link');
|
|
115
139
|
expect(as[0].href).toBe('http://localhost/teste');
|
|
116
140
|
expect(as[1].href).toBe('http://localhost/teste1');
|
|
141
|
+
|
|
117
142
|
case 7:
|
|
118
143
|
case "end":
|
|
119
144
|
return _context3.stop();
|
|
@@ -121,30 +146,34 @@ describe('SideNav Menu', function () {
|
|
|
121
146
|
}
|
|
122
147
|
}, _callee3);
|
|
123
148
|
})));
|
|
124
|
-
it('should link have a icon and label', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
149
|
+
it('should link have a icon and label', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
|
|
125
150
|
var as;
|
|
126
|
-
return
|
|
151
|
+
return regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
127
152
|
while (1) {
|
|
128
153
|
switch (_context4.prev = _context4.next) {
|
|
129
154
|
case 0:
|
|
130
155
|
(0, _react2.render)(floatMenuMockRender());
|
|
156
|
+
|
|
131
157
|
_react2.fireEvent.click(_react2.screen.getByRole('button'));
|
|
158
|
+
|
|
132
159
|
_context4.next = 4;
|
|
133
160
|
return (0, _react2.waitFor)(function () {
|
|
134
161
|
return _react2.screen.getByTestId('dropdown-component');
|
|
135
162
|
});
|
|
163
|
+
|
|
136
164
|
case 4:
|
|
137
165
|
as = document.querySelectorAll('.dropdown-component .items .floatmenuitem');
|
|
138
166
|
expect(as[0].firstChild).toHaveClass('-items');
|
|
139
167
|
expect(as[0].querySelector('.iconcontainer')).toBeInTheDocument();
|
|
140
168
|
expect(as[0].querySelector('.icon-component')).toBeInTheDocument();
|
|
141
169
|
expect(as[0].querySelector('.nameitem')).toBeInTheDocument();
|
|
142
|
-
expect(as[0]).toHaveTextContent(
|
|
170
|
+
expect(as[0]).toHaveTextContent(menuData[0].title);
|
|
143
171
|
expect(as[1].firstChild).toHaveClass('-items');
|
|
144
172
|
expect(as[1].querySelector('.iconcontainer')).toBeInTheDocument();
|
|
145
173
|
expect(as[1].querySelector('.icon-component')).toBeInTheDocument();
|
|
146
174
|
expect(as[1].querySelector('.nameitem')).toBeInTheDocument();
|
|
147
|
-
expect(as[1]).toHaveTextContent(
|
|
175
|
+
expect(as[1]).toHaveTextContent(menuData[1].title);
|
|
176
|
+
|
|
148
177
|
case 15:
|
|
149
178
|
case "end":
|
|
150
179
|
return _context4.stop();
|
|
@@ -154,19 +183,22 @@ describe('SideNav Menu', function () {
|
|
|
154
183
|
})));
|
|
155
184
|
});
|
|
156
185
|
describe('IsLoading', function () {
|
|
157
|
-
it('should open float menu', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
158
|
-
return
|
|
186
|
+
it('should open float menu', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
|
|
187
|
+
return regeneratorRuntime.wrap(function _callee5$(_context5) {
|
|
159
188
|
while (1) {
|
|
160
189
|
switch (_context5.prev = _context5.next) {
|
|
161
190
|
case 0:
|
|
162
191
|
(0, _react2.render)(floatMenuMockRender({
|
|
163
192
|
isLoading: true
|
|
164
193
|
}));
|
|
194
|
+
|
|
165
195
|
_react2.fireEvent.click(_react2.screen.getByRole('button'));
|
|
196
|
+
|
|
166
197
|
_context5.next = 4;
|
|
167
198
|
return (0, _react2.waitFor)(function () {
|
|
168
199
|
return _react2.screen.getByTestId('dropdown-component');
|
|
169
200
|
});
|
|
201
|
+
|
|
170
202
|
case 4:
|
|
171
203
|
_context5.next = 6;
|
|
172
204
|
return (0, _react2.waitFor)(function () {
|
|
@@ -174,8 +206,10 @@ describe('SideNav Menu', function () {
|
|
|
174
206
|
}, {
|
|
175
207
|
timeout: 3000
|
|
176
208
|
});
|
|
209
|
+
|
|
177
210
|
case 6:
|
|
178
211
|
expect(_react2.screen.getByTestId('spinner')).toBeTruthy();
|
|
212
|
+
|
|
179
213
|
case 7:
|
|
180
214
|
case "end":
|
|
181
215
|
return _context5.stop();
|
|
@@ -1,22 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
|
|
5
7
|
var _react2 = require("@testing-library/react");
|
|
8
|
+
|
|
6
9
|
require("babel-polyfill");
|
|
10
|
+
|
|
7
11
|
require("@testing-library/jest-dom/extend-expect");
|
|
12
|
+
|
|
8
13
|
var _index = _interopRequireDefault(require("./index"));
|
|
14
|
+
|
|
9
15
|
var _NavMenuGroup = _interopRequireDefault(require("./NavMenuGroup"));
|
|
16
|
+
|
|
10
17
|
var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
|
|
18
|
+
|
|
11
19
|
var _float = _interopRequireWildcard(require("../float"));
|
|
20
|
+
|
|
12
21
|
var _NavSubMenuItem = _interopRequireDefault(require("./NavSubMenuItem"));
|
|
22
|
+
|
|
13
23
|
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); }
|
|
24
|
+
|
|
14
25
|
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; }
|
|
26
|
+
|
|
15
27
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
28
|
+
|
|
17
29
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
30
|
+
|
|
18
31
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
19
|
-
|
|
32
|
+
|
|
33
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
34
|
+
|
|
20
35
|
var menuDataMock = [{
|
|
21
36
|
permissoes: [{
|
|
22
37
|
codigo: 'ACESSO'
|
|
@@ -133,6 +148,7 @@ var menuDataMock = [{
|
|
|
133
148
|
var mockFn = jest.fn(function (x) {
|
|
134
149
|
return 42 + x;
|
|
135
150
|
});
|
|
151
|
+
|
|
136
152
|
var sidebarNavMockRender = function sidebarNavMockRender(props) {
|
|
137
153
|
return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
|
|
138
154
|
onExpandMenuClick: mockFn
|
|
@@ -167,52 +183,64 @@ var sidebarNavMockRender = function sidebarNavMockRender(props) {
|
|
|
167
183
|
}));
|
|
168
184
|
})));
|
|
169
185
|
};
|
|
186
|
+
|
|
170
187
|
describe('SideNav Menu', function () {
|
|
171
188
|
describe('Default', function () {
|
|
172
189
|
it('should render', function () {
|
|
173
190
|
var _render = (0, _react2.render)(sidebarNavMockRender()),
|
|
174
|
-
|
|
191
|
+
container = _render.container;
|
|
192
|
+
|
|
175
193
|
expect(container.firstChild).toBeTruthy();
|
|
176
194
|
});
|
|
177
195
|
it('should have .sidenav-component', function () {
|
|
178
196
|
var _render2 = (0, _react2.render)(sidebarNavMockRender()),
|
|
179
|
-
|
|
197
|
+
container = _render2.container;
|
|
198
|
+
|
|
180
199
|
expect(container.firstChild).toHaveClass('sidenav-component');
|
|
181
200
|
});
|
|
182
201
|
it('should show expand menu', function () {
|
|
183
202
|
var _render3 = (0, _react2.render)(sidebarNavMockRender({
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
203
|
+
showExpandMenu: true
|
|
204
|
+
})),
|
|
205
|
+
container = _render3.container;
|
|
206
|
+
|
|
187
207
|
expect(container.querySelector('.openclosemenu')).toBeInTheDocument();
|
|
188
208
|
});
|
|
189
209
|
it('should render all items', function () {
|
|
190
210
|
var _render4 = (0, _react2.render)(sidebarNavMockRender()),
|
|
191
|
-
|
|
211
|
+
container = _render4.container;
|
|
192
212
|
/* primeiro item é o float menu */
|
|
213
|
+
|
|
214
|
+
|
|
193
215
|
expect(container.querySelectorAll('li.item').length - 1).toBe(menuDataMock.length);
|
|
194
216
|
});
|
|
195
217
|
it('should be rendering 3 items SVGs', function () {
|
|
196
218
|
var _render5 = (0, _react2.render)(sidebarNavMockRender()),
|
|
197
|
-
|
|
219
|
+
container = _render5.container;
|
|
220
|
+
|
|
198
221
|
expect(container.querySelectorAll('li.item .icon-component').length).toBe(3);
|
|
199
222
|
});
|
|
200
|
-
it('should open submenu on over', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
223
|
+
it('should open submenu on over', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
201
224
|
var _render6, container;
|
|
202
|
-
|
|
225
|
+
|
|
226
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
203
227
|
while (1) {
|
|
204
228
|
switch (_context.prev = _context.next) {
|
|
205
229
|
case 0:
|
|
206
230
|
_render6 = (0, _react2.render)(sidebarNavMockRender({
|
|
207
231
|
menuSize: 'large'
|
|
208
232
|
})), container = _render6.container;
|
|
233
|
+
|
|
209
234
|
_react2.fireEvent.mouseOver(container.querySelector('.customscroll .item'));
|
|
235
|
+
|
|
210
236
|
_context.next = 4;
|
|
211
237
|
return (0, _react2.waitFor)(function () {
|
|
212
238
|
return container.querySelector('.submenu-container');
|
|
213
239
|
});
|
|
240
|
+
|
|
214
241
|
case 4:
|
|
215
242
|
expect(container.querySelector('.submenu-container')).toBeTruthy();
|
|
243
|
+
|
|
216
244
|
case 5:
|
|
217
245
|
case "end":
|
|
218
246
|
return _context.stop();
|
|
@@ -220,21 +248,25 @@ describe('SideNav Menu', function () {
|
|
|
220
248
|
}
|
|
221
249
|
}, _callee);
|
|
222
250
|
})));
|
|
223
|
-
it('submenu should render all items', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
224
|
-
var _menuDataMock$, _menuDataMock$$itens;
|
|
251
|
+
it('submenu should render all items', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
225
252
|
var _render7, container;
|
|
226
|
-
|
|
253
|
+
|
|
254
|
+
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
227
255
|
while (1) {
|
|
228
256
|
switch (_context2.prev = _context2.next) {
|
|
229
257
|
case 0:
|
|
230
258
|
_render7 = (0, _react2.render)(sidebarNavMockRender()), container = _render7.container;
|
|
259
|
+
|
|
231
260
|
_react2.fireEvent.mouseOver(container.querySelector('.customscroll .item'));
|
|
261
|
+
|
|
232
262
|
_context2.next = 4;
|
|
233
263
|
return (0, _react2.waitFor)(function () {
|
|
234
264
|
return container.querySelector('.submenu-container');
|
|
235
265
|
});
|
|
266
|
+
|
|
236
267
|
case 4:
|
|
237
|
-
expect(container.querySelectorAll('.submenu-container .submenu .item.hvr-forward').length).toBe(
|
|
268
|
+
expect(container.querySelectorAll('.submenu-container .submenu .item.hvr-forward').length).toBe(menuDataMock[0].itens.length);
|
|
269
|
+
|
|
238
270
|
case 5:
|
|
239
271
|
case "end":
|
|
240
272
|
return _context2.stop();
|
|
@@ -242,20 +274,25 @@ describe('SideNav Menu', function () {
|
|
|
242
274
|
}
|
|
243
275
|
}, _callee2);
|
|
244
276
|
})));
|
|
245
|
-
it('submenu should have title', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
277
|
+
it('submenu should have title', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
|
|
246
278
|
var _render8, container;
|
|
247
|
-
|
|
279
|
+
|
|
280
|
+
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
248
281
|
while (1) {
|
|
249
282
|
switch (_context3.prev = _context3.next) {
|
|
250
283
|
case 0:
|
|
251
284
|
_render8 = (0, _react2.render)(sidebarNavMockRender()), container = _render8.container;
|
|
285
|
+
|
|
252
286
|
_react2.fireEvent.mouseOver(container.querySelector('.customscroll .item'));
|
|
287
|
+
|
|
253
288
|
_context3.next = 4;
|
|
254
289
|
return (0, _react2.waitFor)(function () {
|
|
255
290
|
return container.querySelector('.submenu-container');
|
|
256
291
|
});
|
|
292
|
+
|
|
257
293
|
case 4:
|
|
258
294
|
expect(container.querySelector('.submenu-container .title')).toHaveTextContent(menuDataMock[0].titulo);
|
|
295
|
+
|
|
259
296
|
case 5:
|
|
260
297
|
case "end":
|
|
261
298
|
return _context3.stop();
|
|
@@ -266,29 +303,35 @@ describe('SideNav Menu', function () {
|
|
|
266
303
|
describe('Popup Search Menu', function () {
|
|
267
304
|
it('should enable menu search', function () {
|
|
268
305
|
var _render9 = (0, _react2.render)(sidebarNavMockRender({
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
306
|
+
enableMenuSearch: true
|
|
307
|
+
})),
|
|
308
|
+
container = _render9.container;
|
|
309
|
+
|
|
272
310
|
expect(container.querySelector('.searchmenubutton')).toBeInTheDocument();
|
|
273
311
|
});
|
|
274
312
|
it('should render tooltip on over menu search item', function () {
|
|
275
313
|
var _render10 = (0, _react2.render)(sidebarNavMockRender({
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
314
|
+
enableMenuSearch: true
|
|
315
|
+
})),
|
|
316
|
+
container = _render10.container;
|
|
317
|
+
|
|
279
318
|
var navitem = container.querySelector('.-customsidenavitem');
|
|
319
|
+
|
|
280
320
|
_react2.fireEvent.mouseOver(navitem);
|
|
321
|
+
|
|
281
322
|
expect(document.querySelector('.tooltip-component')).toBeInTheDocument();
|
|
282
323
|
});
|
|
283
|
-
it('should open popup menu when pressed HotKey', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
|
324
|
+
it('should open popup menu when pressed HotKey', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
|
|
284
325
|
var _render11, container;
|
|
285
|
-
|
|
326
|
+
|
|
327
|
+
return regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
286
328
|
while (1) {
|
|
287
329
|
switch (_context4.prev = _context4.next) {
|
|
288
330
|
case 0:
|
|
289
331
|
_render11 = (0, _react2.render)(sidebarNavMockRender({
|
|
290
332
|
enableMenuSearch: true
|
|
291
333
|
})), container = _render11.container;
|
|
334
|
+
|
|
292
335
|
_react2.fireEvent.keyDown(container, {
|
|
293
336
|
key: 'F',
|
|
294
337
|
code: 'keyF',
|
|
@@ -296,7 +339,9 @@ describe('SideNav Menu', function () {
|
|
|
296
339
|
ctrlKey: true,
|
|
297
340
|
shiftKey: true
|
|
298
341
|
});
|
|
342
|
+
|
|
299
343
|
expect(document.querySelector('.searchmenu')).toBeInTheDocument();
|
|
344
|
+
|
|
300
345
|
case 3:
|
|
301
346
|
case "end":
|
|
302
347
|
return _context4.stop();
|
|
@@ -306,9 +351,10 @@ describe('SideNav Menu', function () {
|
|
|
306
351
|
})));
|
|
307
352
|
it('should search on input change', function () {
|
|
308
353
|
var _render12 = (0, _react2.render)(sidebarNavMockRender({
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
354
|
+
enableMenuSearch: true
|
|
355
|
+
})),
|
|
356
|
+
container = _render12.container;
|
|
357
|
+
|
|
312
358
|
_react2.fireEvent.keyDown(container, {
|
|
313
359
|
key: 'F',
|
|
314
360
|
code: 'keyF',
|
|
@@ -316,12 +362,15 @@ describe('SideNav Menu', function () {
|
|
|
316
362
|
ctrlKey: true,
|
|
317
363
|
shiftKey: true
|
|
318
364
|
});
|
|
365
|
+
|
|
319
366
|
var input = document.querySelector('.searchmenu .inputwrapper .inputcontent .textinput');
|
|
367
|
+
|
|
320
368
|
_react2.fireEvent.change(input, {
|
|
321
369
|
target: {
|
|
322
370
|
value: 'A'
|
|
323
371
|
}
|
|
324
372
|
});
|
|
373
|
+
|
|
325
374
|
expect(document.querySelector('.searchmenu')).toBeInTheDocument();
|
|
326
375
|
expect(document.querySelectorAll('.searchmenu .list-component .item').length).toBe(5);
|
|
327
376
|
});
|