@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

package/cjs/components/Tooltip/__creevey__/Tooltip.creevey.js

@@ -1,534 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _creevey = require("creevey");
-
-var _utils = require("../../../lib/utils");
-
-(0, _creevey.kind)('Tooltip', function () {
-  (0, _creevey.story)('FocusTooltip', function () {
-    (0, _creevey.test)('01 - plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:_context.next = 2;return (
-              (0, _utils.delay)(1000));case 2:_context.t0 =
-            this;_context.next = 5;return this.takeScreenshot();case 5:_context.t1 = _context.sent;_context.next = 8;return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('01 - plain');case 8:case "end":return _context.stop();}}, _callee, this);}))
-    );
-
-    (0, _creevey.test)('02 - focus', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {return _regenerator.default.wrap(function _callee2$(_context2) {while (1) switch (_context2.prev = _context2.next) {case 0:_context2.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              sendKeys(this.keys.TAB).
-              pause(500).
-              perform());case 2:_context2.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context2.t0 =
-            this;_context2.next = 7;return this.takeScreenshot();case 7:_context2.t1 = _context2.sent;_context2.next = 10;return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('02 - focus');case 10:case "end":return _context2.stop();}}, _callee2, this);}))
-    );
-
-    (0, _creevey.test)('03 - blur', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {return _regenerator.default.wrap(function _callee3$(_context3) {while (1) switch (_context3.prev = _context3.next) {case 0:_context3.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              sendKeys(this.keys.TAB).
-              perform());case 2:_context3.next = 4;return (
-
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: 'body' })).
-              perform());case 4:_context3.next = 6;return (
-              (0, _utils.delay)(1000));case 6:_context3.t0 =
-            this;_context3.next = 9;return this.takeScreenshot();case 9:_context3.t1 = _context3.sent;_context3.next = 12;return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('03 - blur');case 12:case "end":return _context3.stop();}}, _callee3, this);}))
-    );
-  });
-
-  (0, _creevey.story)('FocusTooltipNativeInput', function () {
-    (0, _creevey.test)('01 - plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {return _regenerator.default.wrap(function _callee4$(_context4) {while (1) switch (_context4.prev = _context4.next) {case 0:_context4.next = 2;return (
-              (0, _utils.delay)(1000));case 2:_context4.t0 =
-            this;_context4.next = 5;return this.takeScreenshot();case 5:_context4.t1 = _context4.sent;_context4.next = 8;return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage('01 - plain');case 8:case "end":return _context4.stop();}}, _callee4, this);}))
-    );
-
-    (0, _creevey.test)('02 - focus', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {return _regenerator.default.wrap(function _callee5$(_context5) {while (1) switch (_context5.prev = _context5.next) {case 0:_context5.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: 'input' })).
-              perform());case 2:_context5.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context5.t0 =
-            this;_context5.next = 7;return this.takeScreenshot();case 7:_context5.t1 = _context5.sent;_context5.next = 10;return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('02 - focus');case 10:case "end":return _context5.stop();}}, _callee5, this);}))
-    );
-
-    (0, _creevey.test)('03 - blur', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {return _regenerator.default.wrap(function _callee6$(_context6) {while (1) switch (_context6.prev = _context6.next) {case 0:_context6.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: 'input' })).
-              perform());case 2:_context6.next = 4;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: 'body' })).
-              perform());case 4:_context6.next = 6;return (
-              (0, _utils.delay)(1000));case 6:_context6.t0 =
-            this;_context6.next = 9;return this.takeScreenshot();case 9:_context6.t1 = _context6.sent;_context6.next = 12;return _context6.t0.expect.call(_context6.t0, _context6.t1).to.matchImage('03 - blur');case 12:case "end":return _context6.stop();}}, _callee6, this);}))
-    );
-  });
-
-  (0, _creevey.story)('TooltipWithExternalDynamicContent', function (_ref7) {var setStoryParameters = _ref7.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'story-skip-1': { in: 'chrome2022', tests: ['06 - changes left position if does not fit'] }
-      }
-    });
-    (0, _creevey.test)('01 - plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {return _regenerator.default.wrap(function _callee7$(_context7) {while (1) switch (_context7.prev = _context7.next) {case 0:_context7.next = 2;return (
-              (0, _utils.delay)(1000));case 2:_context7.t0 =
-            this;_context7.next = 5;return this.takeScreenshot();case 5:_context7.t1 = _context7.sent;_context7.next = 8;return _context7.t0.expect.call(_context7.t0, _context7.t1).to.matchImage('01 - plain');case 8:case "end":return _context7.stop();}}, _callee7, this);}))
-    );
-
-    (0, _creevey.test)('02 - changes top position if does not fit', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {return _regenerator.default.wrap(function _callee8$(_context8) {while (1) switch (_context8.prev = _context8.next) {case 0:_context8.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-0 button' })).
-              perform());case 2:_context8.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context8.t0 =
-            this;_context8.next = 7;return this.takeScreenshot();case 7:_context8.t1 = _context8.sent;_context8.next = 10;return _context8.t0.expect.call(_context8.t0, _context8.t1).to.matchImage('02 - changes top position if does not fit');case 10:case "end":return _context8.stop();}}, _callee8, this);}))
-    );
-
-    (0, _creevey.test)('03 - does not change position back on shrink', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {return _regenerator.default.wrap(function _callee9$(_context9) {while (1) switch (_context9.prev = _context9.next) {case 0:_context9.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-0 button' })).
-              pause(100).
-              click(this.browser.findElement({ css: '#Container-0 button' })).
-              perform());case 2:_context9.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context9.t0 =
-            this;_context9.next = 7;return this.takeScreenshot();case 7:_context9.t1 = _context9.sent;_context9.next = 10;return _context9.t0.expect.call(_context9.t0, _context9.t1).to.matchImage('03 - does not change position back on shrink');case 10:case "end":return _context9.stop();}}, _callee9, this);}))
-    );
-
-    (0, _creevey.test)('04 - does not change top position if fits', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {return _regenerator.default.wrap(function _callee10$(_context10) {while (1) switch (_context10.prev = _context10.next) {case 0:_context10.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-1 button' })).
-              perform());case 2:_context10.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context10.t0 =
-            this;_context10.next = 7;return this.takeScreenshot();case 7:_context10.t1 = _context10.sent;_context10.next = 10;return _context10.t0.expect.call(_context10.t0, _context10.t1).to.matchImage('04 - does not change top position if fits');case 10:case "end":return _context10.stop();}}, _callee10, this);}))
-    );
-
-    (0, _creevey.test)('05 - does not change position on shrink', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {return _regenerator.default.wrap(function _callee11$(_context11) {while (1) switch (_context11.prev = _context11.next) {case 0:_context11.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-1 button' })).
-              perform());case 2:_context11.next = 4;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-1 button' })).
-              perform());case 4:_context11.next = 6;return (
-              (0, _utils.delay)(1000));case 6:_context11.t0 =
-            this;_context11.next = 9;return this.takeScreenshot();case 9:_context11.t1 = _context11.sent;_context11.next = 12;return _context11.t0.expect.call(_context11.t0, _context11.t1).to.matchImage('05 - does not change position on shrink');case 12:case "end":return _context11.stop();}}, _callee11, this);}))
-    );
-
-    (0, _creevey.test)('06 - changes left position if does not fit', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {return _regenerator.default.wrap(function _callee12$(_context12) {while (1) switch (_context12.prev = _context12.next) {case 0:_context12.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-2 button' })).
-              perform());case 2:_context12.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context12.t0 =
-            this;_context12.next = 7;return this.takeScreenshot();case 7:_context12.t1 = _context12.sent;_context12.next = 10;return _context12.t0.expect.call(_context12.t0, _context12.t1).to.matchImage('06 - changes left position if does not fit');case 10:case "end":return _context12.stop();}}, _callee12, this);}))
-    );
-
-    (0, _creevey.test)('07 - does not change position back on shrink', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {return _regenerator.default.wrap(function _callee13$(_context13) {while (1) switch (_context13.prev = _context13.next) {case 0:_context13.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-2 button' })).
-              perform());case 2:_context13.next = 4;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-2 button' })).
-              perform());case 4:_context13.next = 6;return (
-              (0, _utils.delay)(1000));case 6:_context13.t0 =
-            this;_context13.next = 9;return this.takeScreenshot();case 9:_context13.t1 = _context13.sent;_context13.next = 12;return _context13.t0.expect.call(_context13.t0, _context13.t1).to.matchImage('07 - does not change position back on shrink');case 12:case "end":return _context13.stop();}}, _callee13, this);}))
-    );
-
-    (0, _creevey.test)('08 - does not change bottom position if fits', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {return _regenerator.default.wrap(function _callee14$(_context14) {while (1) switch (_context14.prev = _context14.next) {case 0:_context14.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-3 button' })).
-              perform());case 2:_context14.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context14.t0 =
-            this;_context14.next = 7;return this.takeScreenshot();case 7:_context14.t1 = _context14.sent;_context14.next = 10;return _context14.t0.expect.call(_context14.t0, _context14.t1).to.matchImage('08 - does not change bottom position if fits');case 10:case "end":return _context14.stop();}}, _callee14, this);}))
-    );
-
-    (0, _creevey.test)('09 - does not change position on shrink', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {return _regenerator.default.wrap(function _callee15$(_context15) {while (1) switch (_context15.prev = _context15.next) {case 0:_context15.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-3 button' })).
-              pause(100).
-              click(this.browser.findElement({ css: '#Container-3 button' })).
-              perform());case 2:_context15.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context15.t0 =
-            this;_context15.next = 7;return this.takeScreenshot();case 7:_context15.t1 = _context15.sent;_context15.next = 10;return _context15.t0.expect.call(_context15.t0, _context15.t1).to.matchImage('09 - does not change position on shrink');case 10:case "end":return _context15.stop();}}, _callee15, this);}))
-    );
-
-    (0, _creevey.test)('10 - does not change bottom position if does not fit', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {return _regenerator.default.wrap(function _callee16$(_context16) {while (1) switch (_context16.prev = _context16.next) {case 0:_context16.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-4 button' })).
-              perform());case 2:_context16.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context16.t0 =
-            this;_context16.next = 7;return this.takeScreenshot();case 7:_context16.t1 = _context16.sent;_context16.next = 10;return _context16.t0.expect.call(_context16.t0, _context16.t1).to.matchImage(
-              '10 - does not change bottom position if does not fit');case 10:case "end":return _context16.stop();}}, _callee16, this);}))
-
-    );
-
-    (0, _creevey.test)('11 - does not change position on shrink', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17() {return _regenerator.default.wrap(function _callee17$(_context17) {while (1) switch (_context17.prev = _context17.next) {case 0:_context17.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#Container-4 button' })).
-              pause(100).
-              click(this.browser.findElement({ css: '#Container-4 button' })).
-              perform());case 2:_context17.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context17.t0 =
-            this;_context17.next = 7;return this.takeScreenshot();case 7:_context17.t1 = _context17.sent;_context17.next = 10;return _context17.t0.expect.call(_context17.t0, _context17.t1).to.matchImage('11 - does not change position on shrink');case 10:case "end":return _context17.stop();}}, _callee17, this);}))
-    );
-  });
-
-  (0, _creevey.story)('TooltipWithInputAndSwitchableContent', function (_ref19) {var setStoryParameters = _ref19.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        // TODO @Khlutkova fix after update browsers
-        'story-skip-0': {
-          in: ['firefox2022', 'firefox2022Dark', 'chrome2022Dark'],
-          tests: ['focus and types', 'clear input']
-        }
-      }
-    });
-
-    (0, _creevey.test)('focus and types', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18() {return _regenerator.default.wrap(function _callee18$(_context18) {while (1) switch (_context18.prev = _context18.next) {case 0:_context18.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: 'input' })).
-              sendKeys('Hi').
-              perform());case 2:_context18.next = 4;return (
-              (0, _utils.delay)(2000));case 4:_context18.t0 =
-            this;_context18.next = 7;return this.takeScreenshot();case 7:_context18.t1 = _context18.sent;_context18.next = 10;return _context18.t0.expect.call(_context18.t0, _context18.t1).to.matchImage('focus and types');case 10:case "end":return _context18.stop();}}, _callee18, this);}))
-    );
-
-    (0, _creevey.test)('clear input', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19() {return _regenerator.default.wrap(function _callee19$(_context19) {while (1) switch (_context19.prev = _context19.next) {case 0:_context19.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: 'input' })).
-              sendKeys('Hi').
-              sendKeys(this.keys.BACK_SPACE, this.keys.BACK_SPACE).
-              perform());case 2:_context19.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context19.t0 =
-            this;_context19.next = 7;return this.takeScreenshot();case 7:_context19.t1 = _context19.sent;_context19.next = 10;return _context19.t0.expect.call(_context19.t0, _context19.t1).to.matchImage('clear input');case 10:case "end":return _context19.stop();}}, _callee19, this);}))
-    );
-  });
-
-  (0, _creevey.story)('DynamicTriggersStory', function (_ref22) {var setStoryParameters = _ref22.setStoryParameters;
-    setStoryParameters({
-      captureElement: '[data-comp-name~="TestTooltip"]'
-    });
-
-    (0, _creevey.test)('without trigger', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20() {return _regenerator.default.wrap(function _callee20$(_context20) {while (1) switch (_context20.prev = _context20.next) {case 0:_context20.next = 2;return (
-              (0, _utils.delay)(1000));case 2:_context20.t0 =
-            this;_context20.next = 5;return this.takeScreenshot();case 5:_context20.t1 = _context20.sent;_context20.next = 8;return _context20.t0.expect.call(_context20.t0, _context20.t1).to.matchImage('without trigger');case 8:case "end":return _context20.stop();}}, _callee20, this);}))
-    );
-
-    (0, _creevey.test)('hover - mouseEnter', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21() {return _regenerator.default.wrap(function _callee21$(_context21) {while (1) switch (_context21.prev = _context21.next) {case 0:_context21.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#hover' })).
-              move({
-                origin: this.browser.findElement({ css: '[type="button"]' })
-              }).
-              perform());case 2:_context21.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context21.t0 =
-            this;_context21.next = 7;return this.takeScreenshot();case 7:_context21.t1 = _context21.sent;_context21.next = 10;return _context21.t0.expect.call(_context21.t0, _context21.t1).to.matchImage('hover - mouseEnter');case 10:case "end":return _context21.stop();}}, _callee21, this);}))
-    );
-
-    (0, _creevey.test)('hover - mouseLeave', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee22() {return _regenerator.default.wrap(function _callee22$(_context22) {while (1) switch (_context22.prev = _context22.next) {case 0:_context22.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#hover' })).
-              move({
-                origin: this.browser.findElement({ css: '[type="button"]' })
-              }).
-              pause(500).
-              perform());case 2:_context22.next = 4;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({ css: 'body' })
-              }).
-              pause(500).
-              perform());case 4:_context22.next = 6;return (
-              (0, _utils.delay)(1000));case 6:_context22.t0 =
-            this;_context22.next = 9;return this.takeScreenshot();case 9:_context22.t1 = _context22.sent;_context22.next = 12;return _context22.t0.expect.call(_context22.t0, _context22.t1).to.matchImage('hover - mouseLeave');case 12:case "end":return _context22.stop();}}, _callee22, this);}))
-    );
-
-    (0, _creevey.test)('click - click anchor', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee23() {return _regenerator.default.wrap(function _callee23$(_context23) {while (1) switch (_context23.prev = _context23.next) {case 0:_context23.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#click' })).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              perform());case 2:_context23.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context23.t0 =
-            this;_context23.next = 7;return this.takeScreenshot();case 7:_context23.t1 = _context23.sent;_context23.next = 10;return _context23.t0.expect.call(_context23.t0, _context23.t1).to.matchImage('click - click anchor');case 10:case "end":return _context23.stop();}}, _callee23, this);}))
-    );
-
-    (0, _creevey.test)('click - click outside', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee24() {return _regenerator.default.wrap(function _callee24$(_context24) {while (1) switch (_context24.prev = _context24.next) {case 0:_context24.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#click' })).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              click(this.browser.findElement({ css: 'body' })).
-              perform());case 2:_context24.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context24.t0 =
-            this;_context24.next = 7;return this.takeScreenshot();case 7:_context24.t1 = _context24.sent;_context24.next = 10;return _context24.t0.expect.call(_context24.t0, _context24.t1).to.matchImage('click - click outside');case 10:case "end":return _context24.stop();}}, _callee24, this);}))
-    );
-
-    (0, _creevey.test)('focus - focus', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee25() {return _regenerator.default.wrap(function _callee25$(_context25) {while (1) switch (_context25.prev = _context25.next) {case 0:_context25.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#focus' })).
-              perform());case 2:_context25.next = 4;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              perform());case 4:_context25.next = 6;return (
-              (0, _utils.delay)(1000));case 6:_context25.t0 =
-            this;_context25.next = 9;return this.takeScreenshot();case 9:_context25.t1 = _context25.sent;_context25.next = 12;return _context25.t0.expect.call(_context25.t0, _context25.t1).to.matchImage('focus - focus');case 12:case "end":return _context25.stop();}}, _callee25, this);}))
-    );
-
-    (0, _creevey.test)('focus - blur', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee26() {return _regenerator.default.wrap(function _callee26$(_context26) {while (1) switch (_context26.prev = _context26.next) {case 0:_context26.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#focus' })).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              click(this.browser.findElement({ css: 'body' })).
-              perform());case 2:_context26.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context26.t0 =
-            this;_context26.next = 7;return this.takeScreenshot();case 7:_context26.t1 = _context26.sent;_context26.next = 10;return _context26.t0.expect.call(_context26.t0, _context26.t1).to.matchImage('focus - blur');case 10:case "end":return _context26.stop();}}, _callee26, this);}))
-    );
-
-    (0, _creevey.test)('opened', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee27() {return _regenerator.default.wrap(function _callee27$(_context27) {while (1) switch (_context27.prev = _context27.next) {case 0:_context27.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#opened' })).
-              perform());case 2:_context27.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context27.t0 =
-            this;_context27.next = 7;return this.takeScreenshot();case 7:_context27.t1 = _context27.sent;_context27.next = 10;return _context27.t0.expect.call(_context27.t0, _context27.t1).to.matchImage('opened');case 10:case "end":return _context27.stop();}}, _callee27, this);}))
-    );
-
-    (0, _creevey.test)('closed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee28() {return _regenerator.default.wrap(function _callee28$(_context28) {while (1) switch (_context28.prev = _context28.next) {case 0:_context28.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#opened' })).
-              click(this.browser.findElement({ css: '#closed' })).
-              perform());case 2:_context28.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context28.t0 =
-            this;_context28.next = 7;return this.takeScreenshot();case 7:_context28.t1 = _context28.sent;_context28.next = 10;return _context28.t0.expect.call(_context28.t0, _context28.t1).to.matchImage('closed');case 10:case "end":return _context28.stop();}}, _callee28, this);}))
-    );
-
-    (0, _creevey.test)('hover&focus - mouseEnter', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee29() {return _regenerator.default.wrap(function _callee29$(_context29) {while (1) switch (_context29.prev = _context29.next) {case 0:_context29.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#hover_focus' })).
-              move({
-                origin: this.browser.findElement({ css: '[type="button"]' })
-              }).
-              perform());case 2:_context29.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context29.t0 =
-            this;_context29.next = 7;return this.takeScreenshot();case 7:_context29.t1 = _context29.sent;_context29.next = 10;return _context29.t0.expect.call(_context29.t0, _context29.t1).to.matchImage('hover&focus - mouseEnter');case 10:case "end":return _context29.stop();}}, _callee29, this);}))
-    );
-
-    (0, _creevey.test)('hover&focus - mouseLeave', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee30() {return _regenerator.default.wrap(function _callee30$(_context30) {while (1) switch (_context30.prev = _context30.next) {case 0:_context30.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#hover_focus' })).
-              move({
-                origin: this.browser.findElement({ css: '[type="button"]' })
-              }).
-              move({
-                origin: this.browser.findElement({ css: 'body' })
-              }).
-              perform());case 2:_context30.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context30.t0 =
-            this;_context30.next = 7;return this.takeScreenshot();case 7:_context30.t1 = _context30.sent;_context30.next = 10;return _context30.t0.expect.call(_context30.t0, _context30.t1).to.matchImage('hover&focus - mouseLeave');case 10:case "end":return _context30.stop();}}, _callee30, this);}))
-    );
-
-    (0, _creevey.test)('hover&focus - focus', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee31() {return _regenerator.default.wrap(function _callee31$(_context31) {while (1) switch (_context31.prev = _context31.next) {case 0:_context31.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#hover_focus' })).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              perform());case 2:_context31.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context31.t0 =
-            this;_context31.next = 7;return this.takeScreenshot();case 7:_context31.t1 = _context31.sent;_context31.next = 10;return _context31.t0.expect.call(_context31.t0, _context31.t1).to.matchImage('hover&focus - focus');case 10:case "end":return _context31.stop();}}, _callee31, this);}))
-    );
-
-    (0, _creevey.test)('hover&focus - focus - mouseLeave', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee32() {return _regenerator.default.wrap(function _callee32$(_context32) {while (1) switch (_context32.prev = _context32.next) {case 0:_context32.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#hover_focus' })).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              move({
-                origin: this.browser.findElement({ css: 'body' })
-              }).
-              perform());case 2:_context32.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context32.t0 =
-            this;_context32.next = 7;return this.takeScreenshot();case 7:_context32.t1 = _context32.sent;_context32.next = 10;return _context32.t0.expect.call(_context32.t0, _context32.t1).to.matchImage('hover&focus - focus - mouseLeave');case 10:case "end":return _context32.stop();}}, _callee32, this);}))
-    );
-
-    (0, _creevey.test)('hover&focus - blur', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee33() {return _regenerator.default.wrap(function _callee33$(_context33) {while (1) switch (_context33.prev = _context33.next) {case 0:_context33.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: '#hover_focus' })).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              pause(100).
-              sendKeys(this.keys.TAB).
-              click(this.browser.findElement({ css: 'body' })).
-              perform());case 2:_context33.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context33.t0 =
-            this;_context33.next = 7;return this.takeScreenshot();case 7:_context33.t1 = _context33.sent;_context33.next = 10;return _context33.t0.expect.call(_context33.t0, _context33.t1).to.matchImage('hover&focus - blur');case 10:case "end":return _context33.stop();}}, _callee33, this);}))
-    );
-  });
-
-  (0, _creevey.story)('RenderInFirstAvailablePosition', function () {
-    (0, _creevey.test)('render in available position', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee34() {return _regenerator.default.wrap(function _callee34$(_context34) {while (1) switch (_context34.prev = _context34.next) {case 0:_context34.next = 2;return (
-              this.browser.
-              actions({ bridge: true }).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              perform());case 2:_context34.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context34.t0 =
-            this;_context34.next = 7;return this.takeScreenshot();case 7:_context34.t1 = _context34.sent;_context34.next = 10;return _context34.t0.expect.call(_context34.t0, _context34.t1).to.matchImage('render in available position');case 10:case "end":return _context34.stop();}}, _callee34, this);}))
-    );
-
-    (0, _creevey.test)('relocate on new available position', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee35() {return _regenerator.default.wrap(function _callee35$(_context35) {while (1) switch (_context35.prev = _context35.next) {case 0:_context35.next = 2;return (
-              this.browser.
-              actions({ bridge: true }).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              perform());case 2:_context35.next = 4;return (
-              this.browser.
-              actions({ bridge: true }).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              perform());case 4:_context35.next = 6;return (
-              this.browser.
-              actions({ bridge: true }).
-              click(this.browser.findElement({ css: '[type="button"]' })).
-              perform());case 6:_context35.next = 8;return (
-              (0, _utils.delay)(1000));case 8:_context35.t0 =
-            this;_context35.next = 11;return this.takeScreenshot();case 11:_context35.t1 = _context35.sent;_context35.next = 14;return _context35.t0.expect.call(_context35.t0, _context35.t1).to.matchImage('relocate on new available position');case 14:case "end":return _context35.stop();}}, _callee35, this);}))
-    );
-  });
-
-  (0, _creevey.story)('TooltipWithManualControl', function () {
-    (0, _creevey.test)('call show', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee36() {var btns;return _regenerator.default.wrap(function _callee36$(_context36) {while (1) switch (_context36.prev = _context36.next) {case 0:_context36.next = 2;return (
-              this.browser.findElements({ css: '[type="button"]' }));case 2:btns = _context36.sent;_context36.next = 5;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(btns[0]).
-              perform());case 5:_context36.next = 7;return (
-              (0, _utils.delay)(1000));case 7:_context36.t0 =
-            this;_context36.next = 10;return this.takeScreenshot();case 10:_context36.t1 = _context36.sent;_context36.next = 13;return _context36.t0.expect.call(_context36.t0, _context36.t1).to.matchImage('call show');case 13:case "end":return _context36.stop();}}, _callee36, this);}))
-    );
-
-    (0, _creevey.test)('call hide after show', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee37() {var btns;return _regenerator.default.wrap(function _callee37$(_context37) {while (1) switch (_context37.prev = _context37.next) {case 0:_context37.next = 2;return (
-              this.browser.findElements({ css: '[type="button"]' }));case 2:btns = _context37.sent;_context37.next = 5;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(btns[0]).
-              click(btns[1]).
-              perform());case 5:_context37.next = 7;return (
-              (0, _utils.delay)(1000));case 7:_context37.t0 =
-            this;_context37.next = 10;return this.takeScreenshot();case 10:_context37.t1 = _context37.sent;_context37.next = 13;return _context37.t0.expect.call(_context37.t0, _context37.t1).to.matchImage('call hide after show');case 13:case "end":return _context37.stop();}}, _callee37, this);}))
-    );
-  });
-
-  (0, _creevey.story)('TooltipWithAnchor', function (_ref41) {var setStoryParameters = _ref41.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'themes do not affect logic': {
-          in: /firefox/,
-          tests: ['hover by dynamic anchor']
-        }
-      }
-    });
-
-    (0, _creevey.test)('hover by dynamic anchor', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee38() {return _regenerator.default.wrap(function _callee38$(_context38) {while (1) switch (_context38.prev = _context38.next) {case 0:_context38.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({ x: 0, y: 0 }).
-              move({ origin: this.browser.findElement({ css: '[data-tid~="tooltip_anchor_1"]' }) }).
-              perform());case 2:_context38.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context38.t0 =
-            this;_context38.next = 7;return this.takeScreenshot();case 7:_context38.t1 = _context38.sent;_context38.next = 10;return _context38.t0.expect.call(_context38.t0, _context38.t1).to.matchImage('hover by dynamic anchor');case 10:case "end":return _context38.stop();}}, _callee38, this);}))
-    );
-  });
-});