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

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

@@ -1,1171 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { story, kind, test } from 'creevey';
-import { delay } from "../../../../lib/utils";
-kind('Tooltip', function () {
-  story('FocusTooltip', function () {
-    test('01 - plain', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return 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);
-    })));
-    test('02 - focus', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('03 - blur', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      return _regeneratorRuntime.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 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);
-    })));
-  });
-  story('FocusTooltipNativeInput', function () {
-    test('01 - plain', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            _context4.next = 2;
-            return 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);
-    })));
-    test('02 - focus', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('03 - blur', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-      return _regeneratorRuntime.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 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);
-    })));
-  });
-  story('TooltipWithExternalDynamicContent', function (_ref7) {
-    var setStoryParameters = _ref7.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'story-skip-1': {
-          "in": 'chrome2022',
-          tests: ['06 - changes left position if does not fit']
-        }
-      }
-    });
-    test('01 - plain', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
-          case 0:
-            _context7.next = 2;
-            return 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);
-    })));
-    test('02 - changes top position if does not fit', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('03 - does not change position back on shrink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('04 - does not change top position if fits', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('05 - does not change position on shrink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('06 - changes left position if does not fit', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('07 - does not change position back on shrink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('08 - does not change bottom position if fits', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('09 - does not change position on shrink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('10 - does not change bottom position if does not fit', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('11 - does not change position on shrink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee17() {
-      return _regeneratorRuntime.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 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);
-    })));
-  });
-  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']
-        }
-      }
-    });
-    test('focus and types', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('clear input', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee19() {
-      return _regeneratorRuntime.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 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);
-    })));
-  });
-  story('DynamicTriggersStory', function (_ref22) {
-    var setStoryParameters = _ref22.setStoryParameters;
-    setStoryParameters({
-      captureElement: '[data-comp-name~="TestTooltip"]'
-    });
-    test('without trigger', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20() {
-      return _regeneratorRuntime.wrap(function _callee20$(_context20) {
-        while (1) switch (_context20.prev = _context20.next) {
-          case 0:
-            _context20.next = 2;
-            return 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);
-    })));
-    test('hover - mouseEnter', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('hover - mouseLeave', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('click - click anchor', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('click - click outside', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('focus - focus', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee25() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('focus - blur', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee26() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('opened', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('closed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee28() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('hover&focus - mouseEnter', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee29() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('hover&focus - mouseLeave', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('hover&focus - focus', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('hover&focus - focus - mouseLeave', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee32() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('hover&focus - blur', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee33() {
-      return _regeneratorRuntime.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 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);
-    })));
-  });
-  story('RenderInFirstAvailablePosition', function () {
-    test('render in available position', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
-      return _regeneratorRuntime.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 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);
-    })));
-    test('relocate on new available position', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee35() {
-      return _regeneratorRuntime.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 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);
-    })));
-  });
-  story('TooltipWithManualControl', function () {
-    test('call show', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee36() {
-      var btns;
-      return _regeneratorRuntime.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 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);
-    })));
-    test('call hide after show', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee37() {
-      var btns;
-      return _regeneratorRuntime.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 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);
-    })));
-  });
-  story('TooltipWithAnchor', function (_ref41) {
-    var setStoryParameters = _ref41.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'themes do not affect logic': {
-          "in": /firefox/,
-          tests: ['hover by dynamic anchor']
-        }
-      }
-    });
-    test('hover by dynamic anchor', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee38() {
-      return _regeneratorRuntime.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 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);
-    })));
-  });
-});