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.
Files changed (47) hide show
  1. package/lib/alerts/alert.spec.js +55 -32
  2. package/lib/avatar/avatar.spec.js +74 -42
  3. package/lib/badge/badge.spec.js +52 -30
  4. package/lib/buttons/SpinnerLoading.js +230 -0
  5. package/lib/buttons/buttons.spec.js +210 -136
  6. package/lib/calendar/calendar.spec.js +63 -32
  7. package/lib/checkbox/checkbox.spec.js +78 -37
  8. package/lib/dialog/dialog.spec.js +153 -80
  9. package/lib/drawer/Drawer.spec.js +95 -52
  10. package/lib/dropdown/dropdown.spec.js +58 -34
  11. package/lib/fieldset/fieldset.spec.js +123 -77
  12. package/lib/form/FieldNumber.js +6 -2
  13. package/lib/form/form.spec.js +81 -35
  14. package/lib/gridlayout/gridLayout.spec.js +70 -43
  15. package/lib/icons/helper.d.ts +0 -8
  16. package/lib/icons/helper.js +0 -8
  17. package/lib/icons/icons.spec.js +36 -20
  18. package/lib/inputs/base/base.spec.js +291 -176
  19. package/lib/inputs/base/index.js +1 -0
  20. package/lib/inputs/color/color_input.spec.js +67 -33
  21. package/lib/inputs/date/date.spec.js +156 -75
  22. package/lib/inputs/mask/helpers.js +1 -1
  23. package/lib/inputs/mask/input_mask.spec.js +290 -177
  24. package/lib/inputs/number/numberfield.spec.js +83 -42
  25. package/lib/inputs/search/search_input.spec.js +86 -46
  26. package/lib/inputs/select/select.spec.js +182 -127
  27. package/lib/inputs/text/textfield.spec.js +83 -42
  28. package/lib/inputs/textarea/index.js +1 -1
  29. package/lib/inputs/textarea/textarea.spec.js +27 -14
  30. package/lib/labelMessages/labelMessages.spec.js +61 -28
  31. package/lib/labels/label.spec.js +68 -41
  32. package/lib/list/list.spec.js +358 -211
  33. package/lib/menus/float/float-menu.spec.js +61 -27
  34. package/lib/menus/sidenav/sidenav.spec.js +78 -29
  35. package/lib/panel/panel.spec.js +106 -69
  36. package/lib/popover/popover.spec.js +70 -40
  37. package/lib/progress/progress.spec.js +48 -32
  38. package/lib/radio/radio.spec.js +59 -25
  39. package/lib/spinner/spinner.spec.js +65 -43
  40. package/lib/split/split.spec.js +76 -51
  41. package/lib/table/table.spec.js +149 -94
  42. package/lib/tabs/tabs.spec.js +158 -95
  43. package/lib/toolbar/toolbar.spec.js +182 -134
  44. package/lib/tooltip/tooltip.spec.js +51 -24
  45. package/lib/treeview/treeview.spec.js +86 -49
  46. package/lib/uitour/uitour.spec.js +56 -25
  47. package/package.json +1 -1
@@ -1,50 +1,63 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
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
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
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 (propsItem) {
31
- return /*#__PURE__*/_react.default.createElement(_.MenuItem, _extends({}, propsItem, {
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
- container = _render.container;
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
- customClass: 'customClass'
46
- })),
47
- container = _render2.container;
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__*/_regeneratorRuntime().mark(function _callee() {
60
- return _regeneratorRuntime().wrap(function _callee$(_context) {
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__*/_regeneratorRuntime().mark(function _callee2() {
80
- var dropdownComponent;
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
- dropdownComponent = _react2.screen.getByTestId('dropdown-component').firstChild;
93
- expect(dropdownComponent.childNodes.length).toBe(2);
94
- case 6:
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__*/_regeneratorRuntime().mark(function _callee3() {
122
+ it('should href match with prop', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
102
123
  var as;
103
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
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__*/_regeneratorRuntime().mark(function _callee4() {
149
+ it('should link have a icon and label', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
125
150
  var as;
126
- return _regeneratorRuntime().wrap(function _callee4$(_context4) {
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(String(menuData[0].title));
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(String(menuData[1].title));
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__*/_regeneratorRuntime().mark(function _callee5() {
158
- return _regeneratorRuntime().wrap(function _callee5$(_context5) {
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"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
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
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
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
- container = _render.container;
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
- container = _render2.container;
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
- showExpandMenu: true
185
- })),
186
- container = _render3.container;
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
- container = _render4.container;
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
- container = _render5.container;
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__*/_regeneratorRuntime().mark(function _callee() {
223
+ it('should open submenu on over', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
201
224
  var _render6, container;
202
- return _regeneratorRuntime().wrap(function _callee$(_context) {
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__*/_regeneratorRuntime().mark(function _callee2() {
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
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
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((_menuDataMock$ = menuDataMock[0]) === null || _menuDataMock$ === void 0 ? void 0 : (_menuDataMock$$itens = _menuDataMock$.itens) === null || _menuDataMock$$itens === void 0 ? void 0 : _menuDataMock$$itens.length);
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__*/_regeneratorRuntime().mark(function _callee3() {
277
+ it('submenu should have title', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
246
278
  var _render8, container;
247
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
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
- enableMenuSearch: true
270
- })),
271
- container = _render9.container;
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
- enableMenuSearch: true
277
- })),
278
- container = _render10.container;
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__*/_regeneratorRuntime().mark(function _callee4() {
324
+ it('should open popup menu when pressed HotKey', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
284
325
  var _render11, container;
285
- return _regeneratorRuntime().wrap(function _callee4$(_context4) {
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
- enableMenuSearch: true
310
- })),
311
- container = _render12.container;
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
  });