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

package/components/ComboBox/__creevey__/ComboBox.creevey/ComboBox.creevey.js

@@ -1,1043 +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";
-import { CustomComboBoxDataTids } from "../../../../internal/CustomComboBox";
-kind('ComboBox', function () {
-  story('SimpleComboboxStory', function (_ref) {
-    var setStoryParameters = _ref.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'hover does not work in chrome': {
-          "in": ['chrome2022', 'chrome2022Dark'],
-          tests: ['hovered']
-        }
-      }
-    });
-    test('plain', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = this;
-            _context.next = 3;
-            return this.takeScreenshot();
-          case 3:
-            _context.t1 = _context.sent;
-            _context.next = 6;
-            return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('plain');
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, this);
-    })));
-    test('opened', /*#__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
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context2.t0 = this;
-            _context2.next = 5;
-            return this.takeScreenshot();
-          case 5:
-            _context2.t1 = _context2.sent;
-            _context2.next = 8;
-            return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('opened');
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, this);
-    })));
-    test('hovered', /*#__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
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context3.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).move({
-              origin: this.browser.findElement({
-                css: '[data-comp-name~="MenuItem"]:nth-of-type(4)'
-              })
-            }).perform();
-          case 4:
-            _context3.t0 = this;
-            _context3.next = 7;
-            return this.takeScreenshot();
-          case 7:
-            _context3.t1 = _context3.sent;
-            _context3.next = 10;
-            return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('hovered');
-          case 10:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3, this);
-    })));
-    test('selected', /*#__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 this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context4.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).move({
-              origin: this.browser.findElement({
-                css: '[data-comp-name~="MenuItem"]:nth-of-type(4)'
-              })
-            }).perform();
-          case 4:
-            _context4.next = 6;
-            return this.browser.actions({
-              bridge: true
-            }).press().release().perform();
-          case 6:
-            _context4.t0 = this;
-            _context4.next = 9;
-            return this.takeScreenshot();
-          case 9:
-            _context4.t1 = _context4.sent;
-            _context4.next = 12;
-            return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage('selected');
-          case 12:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4, this);
-    })));
-    test('search result', /*#__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: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context5.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys('Second').perform();
-          case 4:
-            _context5.next = 6;
-            return delay(500);
-          case 6:
-            _context5.t0 = this;
-            _context5.next = 9;
-            return this.takeScreenshot();
-          case 9:
-            _context5.t1 = _context5.sent;
-            _context5.next = 12;
-            return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('search result');
-          case 12:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5, this);
-    })));
-    test('selcted', /*#__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: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context6.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys('Second').pause(1000).sendKeys(this.keys.ENTER).perform();
-          case 4:
-            _context6.t0 = this;
-            _context6.next = 7;
-            return this.takeScreenshot();
-          case 7:
-            _context6.t1 = _context6.sent;
-            _context6.next = 10;
-            return _context6.t0.expect.call(_context6.t0, _context6.t1).to.matchImage('selcted');
-          case 10:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6, this);
-    })));
-    test('opened again', /*#__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 this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context7.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys('Second').pause(1000).sendKeys(this.keys.ENTER).perform();
-          case 4:
-            _context7.next = 6;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="Input"]'
-            })).perform();
-          case 6:
-            _context7.t0 = this;
-            _context7.next = 9;
-            return this.takeScreenshot();
-          case 9:
-            _context7.t1 = _context7.sent;
-            _context7.next = 12;
-            return _context7.t0.expect.call(_context7.t0, _context7.t1).to.matchImage('opened again');
-          case 12:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee7, this);
-    })));
-    test('search result_0', /*#__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: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context8.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys('Такого точно нету').perform();
-          case 4:
-            _context8.next = 6;
-            return delay(500);
-          case 6:
-            _context8.t0 = this;
-            _context8.next = 9;
-            return this.takeScreenshot();
-          case 9:
-            _context8.t1 = _context8.sent;
-            _context8.next = 12;
-            return _context8.t0.expect.call(_context8.t0, _context8.t1).to.matchImage('search result_0');
-          case 12:
-          case "end":
-            return _context8.stop();
-        }
-      }, _callee8, this);
-    })));
-    test('select', /*#__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: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context9.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys(this.keys.ARROW_DOWN).sendKeys(this.keys.ARROW_DOWN).sendKeys(this.keys.ARROW_DOWN).perform();
-          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('select');
-          case 10:
-          case "end":
-            return _context9.stop();
-        }
-      }, _callee9, this);
-    })));
-    test('submit', /*#__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: '[data-comp-name~="InputLikeText"]'
-            })).pause(1000).sendKeys(this.keys.ARROW_DOWN).sendKeys(this.keys.ARROW_DOWN).sendKeys(this.keys.ARROW_DOWN).sendKeys(this.keys.ENTER).perform();
-          case 2:
-            _context10.t0 = this;
-            _context10.next = 5;
-            return this.takeScreenshot();
-          case 5:
-            _context10.t1 = _context10.sent;
-            _context10.next = 8;
-            return _context10.t0.expect.call(_context10.t0, _context10.t1).to.matchImage('submit');
-          case 8:
-          case "end":
-            return _context10.stop();
-        }
-      }, _callee10, this);
-    })));
-    test('select_1', /*#__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 delay(1000);
-          case 2:
-            _context11.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).pause(500).sendKeys('Second').pause(500).move({
-              origin: this.browser.findElement({
-                css: 'body'
-              })
-            }).pause(1000).press().release().perform();
-          case 4:
-            _context11.t0 = this;
-            _context11.next = 7;
-            return this.takeScreenshot();
-          case 7:
-            _context11.t1 = _context11.sent;
-            _context11.next = 10;
-            return _context11.t0.expect.call(_context11.t0, _context11.t1).to.matchImage('select_1');
-          case 10:
-          case "end":
-            return _context11.stop();
-        }
-      }, _callee11, this);
-    })));
-    test('selected_2', /*#__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 delay(1000);
-          case 2:
-            _context12.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).pause(1000).sendKeys('Second').pause(500).perform();
-          case 4:
-            _context12.next = 6;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: 'body'
-            })).perform();
-          case 6:
-            _context12.next = 8;
-            return delay(1000);
-          case 8:
-            _context12.next = 10;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 10:
-            _context12.t0 = this;
-            _context12.next = 13;
-            return this.takeScreenshot();
-          case 13:
-            _context12.t1 = _context12.sent;
-            _context12.next = 16;
-            return _context12.t0.expect.call(_context12.t0, _context12.t1).to.matchImage('selected_2');
-          case 16:
-          case "end":
-            return _context12.stop();
-        }
-      }, _callee12, this);
-    })));
-  });
-  story('OpenToTop', function (_ref14) {
-    var setStoryParameters = _ref14.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'hover does not work in chrome': {
-          "in": ['chrome2022', 'chrome2022Dark'],
-          tests: ['hovered']
-        }
-      }
-    });
-    test('plain', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
-      var element;
-      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-        while (1) switch (_context13.prev = _context13.next) {
-          case 0:
-            _context13.next = 2;
-            return this.browser.findElement({
-              css: '[data-tid="container"]'
-            });
-          case 2:
-            element = _context13.sent;
-            _context13.t0 = this;
-            _context13.next = 6;
-            return element.takeScreenshot();
-          case 6:
-            _context13.t1 = _context13.sent;
-            _context13.next = 9;
-            return _context13.t0.expect.call(_context13.t0, _context13.t1).to.matchImage('plain');
-          case 9:
-          case "end":
-            return _context13.stop();
-        }
-      }, _callee13, this);
-    })));
-    test('opened', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
-      var element;
-      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
-          case 0:
-            _context14.next = 2;
-            return this.browser.findElement({
-              css: '[data-tid="container"]'
-            });
-          case 2:
-            element = _context14.sent;
-            _context14.next = 5;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 5:
-            _context14.t0 = this;
-            _context14.next = 8;
-            return element.takeScreenshot();
-          case 8:
-            _context14.t1 = _context14.sent;
-            _context14.next = 11;
-            return _context14.t0.expect.call(_context14.t0, _context14.t1).to.matchImage('opened');
-          case 11:
-          case "end":
-            return _context14.stop();
-        }
-      }, _callee14, this);
-    })));
-    test('hovered', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
-      var element;
-      return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-        while (1) switch (_context15.prev = _context15.next) {
-          case 0:
-            _context15.next = 2;
-            return this.browser.findElement({
-              css: '[data-tid="container"]'
-            });
-          case 2:
-            element = _context15.sent;
-            _context15.next = 5;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 5:
-            _context15.next = 7;
-            return this.browser.actions({
-              bridge: true
-            }).move({
-              origin: this.browser.findElement({
-                css: '[data-comp-name~="MenuItem"]:nth-of-type(4)'
-              })
-            }).perform();
-          case 7:
-            _context15.t0 = this;
-            _context15.next = 10;
-            return element.takeScreenshot();
-          case 10:
-            _context15.t1 = _context15.sent;
-            _context15.next = 13;
-            return _context15.t0.expect.call(_context15.t0, _context15.t1).to.matchImage('hovered');
-          case 13:
-          case "end":
-            return _context15.stop();
-        }
-      }, _callee15, this);
-    })));
-    test('selected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16() {
-      var element;
-      return _regeneratorRuntime.wrap(function _callee16$(_context16) {
-        while (1) switch (_context16.prev = _context16.next) {
-          case 0:
-            _context16.next = 2;
-            return this.browser.findElement({
-              css: '[data-tid="container"]'
-            });
-          case 2:
-            element = _context16.sent;
-            _context16.next = 5;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 5:
-            _context16.next = 7;
-            return this.browser.actions({
-              bridge: true
-            }).move({
-              origin: this.browser.findElement({
-                css: '[data-comp-name~="MenuItem"]:nth-of-type(4)'
-              })
-            }).perform();
-          case 7:
-            _context16.next = 9;
-            return this.browser.actions({
-              bridge: true
-            }).press().release().perform();
-          case 9:
-            _context16.t0 = this;
-            _context16.next = 12;
-            return element.takeScreenshot();
-          case 12:
-            _context16.t1 = _context16.sent;
-            _context16.next = 15;
-            return _context16.t0.expect.call(_context16.t0, _context16.t1).to.matchImage('selected');
-          case 15:
-          case "end":
-            return _context16.stop();
-        }
-      }, _callee16, this);
-    })));
-  });
-  story('AlwaysReject', function () {
-    test('opened', /*#__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: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 2:
-            _context17.t0 = this;
-            _context17.next = 5;
-            return this.takeScreenshot();
-          case 5:
-            _context17.t1 = _context17.sent;
-            _context17.next = 8;
-            return _context17.t0.expect.call(_context17.t0, _context17.t1).to.matchImage('opened');
-          case 8:
-          case "end":
-            return _context17.stop();
-        }
-      }, _callee17, this);
-    })));
-  });
-  story('ToogleError', function (_ref20) {
-    var setStoryParameters = _ref20.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        flaky: {
-          "in": ['chrome2022', 'chrome2022Dark'],
-          tests: ['plain again', 'with error']
-        }
-      }
-    });
-    test('plain', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18() {
-      return _regeneratorRuntime.wrap(function _callee18$(_context18) {
-        while (1) switch (_context18.prev = _context18.next) {
-          case 0:
-            _context18.t0 = this;
-            _context18.next = 3;
-            return this.takeScreenshot();
-          case 3:
-            _context18.t1 = _context18.sent;
-            _context18.next = 6;
-            return _context18.t0.expect.call(_context18.t0, _context18.t1).to.matchImage('plain');
-          case 6:
-          case "end":
-            return _context18.stop();
-        }
-      }, _callee18, this);
-    })));
-    test('with error', /*#__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: "[data-comp-name~='Toggle']"
-            })).perform();
-          case 2:
-            _context19.next = 4;
-            return delay(200);
-          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('with error');
-          case 10:
-          case "end":
-            return _context19.stop();
-        }
-      }, _callee19, this);
-    })));
-    test('plain again', /*#__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 this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: "[data-comp-name~='Toggle']"
-            })).pause(200).click(this.browser.findElement({
-              css: "[data-comp-name~='Toggle']"
-            })).perform();
-          case 2:
-            _context20.next = 4;
-            return delay(200);
-          case 4:
-            _context20.t0 = this;
-            _context20.next = 7;
-            return this.takeScreenshot();
-          case 7:
-            _context20.t1 = _context20.sent;
-            _context20.next = 10;
-            return _context20.t0.expect.call(_context20.t0, _context20.t1).to.matchImage('plain again');
-          case 10:
-          case "end":
-            return _context20.stop();
-        }
-      }, _callee20, this);
-    })));
-  });
-  story('WithExternalValue', function () {
-    test('initial value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21() {
-      return _regeneratorRuntime.wrap(function _callee21$(_context21) {
-        while (1) switch (_context21.prev = _context21.next) {
-          case 0:
-            _context21.t0 = this;
-            _context21.next = 3;
-            return this.takeScreenshot();
-          case 3:
-            _context21.t1 = _context21.sent;
-            _context21.next = 6;
-            return _context21.t0.expect.call(_context21.t0, _context21.t1).to.matchImage('initial value');
-          case 6:
-          case "end":
-            return _context21.stop();
-        }
-      }, _callee21, this);
-    })));
-    test('reset value', /*#__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: '[data-tid="resetBtn"]'
-            })).perform();
-          case 2:
-            _context22.t0 = this;
-            _context22.next = 5;
-            return this.takeScreenshot();
-          case 5:
-            _context22.t1 = _context22.sent;
-            _context22.next = 8;
-            return _context22.t0.expect.call(_context22.t0, _context22.t1).to.matchImage('reset value');
-          case 8:
-          case "end":
-            return _context22.stop();
-        }
-      }, _callee22, this);
-    })));
-    test('set value', /*#__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: '[data-tid="resetBtn"]'
-            })).click(this.browser.findElement({
-              css: '[data-tid="setValueBtn"]'
-            })).perform();
-          case 2:
-            _context23.t0 = this;
-            _context23.next = 5;
-            return this.takeScreenshot();
-          case 5:
-            _context23.t1 = _context23.sent;
-            _context23.next = 8;
-            return _context23.t0.expect.call(_context23.t0, _context23.t1).to.matchImage('set value');
-          case 8:
-          case "end":
-            return _context23.stop();
-        }
-      }, _callee23, this);
-    })));
-  });
-  story('FocusFlow', function () {
-    test('before', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24() {
-      return _regeneratorRuntime.wrap(function _callee24$(_context24) {
-        while (1) switch (_context24.prev = _context24.next) {
-          case 0:
-            _context24.t0 = this;
-            _context24.next = 3;
-            return this.takeScreenshot();
-          case 3:
-            _context24.t1 = _context24.sent;
-            _context24.next = 6;
-            return _context24.t0.expect.call(_context24.t0, _context24.t1).to.matchImage('before');
-          case 6:
-          case "end":
-            return _context24.stop();
-        }
-      }, _callee24, this);
-    })));
-    test('after Enter on Item', /*#__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
-            }).sendKeys(this.keys.ENTER).perform();
-          case 2:
-            _context25.t0 = this;
-            _context25.next = 5;
-            return this.takeScreenshot();
-          case 5:
-            _context25.t1 = _context25.sent;
-            _context25.next = 8;
-            return _context25.t0.expect.call(_context25.t0, _context25.t1).to.matchImage('after Enter on Item');
-          case 8:
-          case "end":
-            return _context25.stop();
-        }
-      }, _callee25, this);
-    })));
-    test('after tab to the next field', /*#__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
-            }).sendKeys(this.keys.ENTER).perform();
-          case 2:
-            _context26.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys(this.keys.TAB).perform();
-          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('after tab to the next field');
-          case 10:
-          case "end":
-            return _context26.stop();
-        }
-      }, _callee26, this);
-    })));
-  });
-  story('WithTooltip', function () {
-    test('show and hide Tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27() {
-      var body, showTooltip, hideTooltip;
-      return _regeneratorRuntime.wrap(function _callee27$(_context27) {
-        while (1) switch (_context27.prev = _context27.next) {
-          case 0:
-            _context27.next = 2;
-            return this.browser.findElement({
-              css: 'body'
-            });
-          case 2:
-            body = _context27.sent;
-            _context27.next = 5;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-tid="InputLikeText__input"]'
-            })).perform();
-          case 5:
-            _context27.next = 7;
-            return delay(1000);
-          case 7:
-            _context27.next = 9;
-            return body.takeScreenshot();
-          case 9:
-            showTooltip = _context27.sent;
-            _context27.next = 12;
-            return this.browser.actions({
-              bridge: true
-            }).click(body).pause(1000).perform();
-          case 12:
-            _context27.next = 14;
-            return body.takeScreenshot();
-          case 14:
-            hideTooltip = _context27.sent;
-            _context27.next = 17;
-            return this.expect({
-              showTooltip: showTooltip,
-              hideTooltip: hideTooltip
-            }).to.matchImages();
-          case 17:
-          case "end":
-            return _context27.stop();
-        }
-      }, _callee27, this);
-    })));
-  });
-  story('MobileSimple', function () {
-    test('opened', /*#__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: "[data-tid~=\"" + CustomComboBoxDataTids.comboBoxView + "\"]"
-            })).perform();
-          case 2:
-            _context28.next = 4;
-            return delay(1000);
-          case 4:
-            _context28.t0 = this;
-            _context28.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context28.t1 = _context28.sent;
-            _context28.next = 10;
-            return _context28.t0.expect.call(_context28.t0, _context28.t1).to.matchImage('opened');
-          case 10:
-          case "end":
-            return _context28.stop();
-        }
-      }, _callee28, this);
-    })));
-  });
-  story('WithManualPosition', function (_ref32) {
-    var setStoryParameters = _ref32.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'no themes': {
-          "in": /^(?!\b(chrome2022|firefox2022)\b)/
-        }
-      }
-    });
-    test('opened top with portal', /*#__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: '[data-comp-name~="InputLikeText"]'
-            })).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('opened top with portal');
-          case 10:
-          case "end":
-            return _context29.stop();
-        }
-      }, _callee29, this);
-    })));
-    test('opened bottom with portal', /*#__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: '[data-tid~="pos"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).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('opened bottom with portal');
-          case 10:
-          case "end":
-            return _context30.stop();
-        }
-      }, _callee30, this);
-    })));
-    test('opened top without portal', /*#__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: '[data-tid~="portal"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).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('opened top without portal');
-          case 10:
-          case "end":
-            return _context31.stop();
-        }
-      }, _callee31, this);
-    })));
-    test('opened bottom without portal', /*#__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: '[data-tid~="portal"]'
-            })).perform();
-          case 2:
-            _context32.next = 4;
-            return delay(1000);
-          case 4:
-            _context32.next = 6;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-tid~="pos"]'
-            })).perform();
-          case 6:
-            _context32.next = 8;
-            return delay(1000);
-          case 8:
-            _context32.next = 10;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="InputLikeText"]'
-            })).perform();
-          case 10:
-            _context32.next = 12;
-            return delay(1000);
-          case 12:
-            _context32.t0 = this;
-            _context32.next = 15;
-            return this.takeScreenshot();
-          case 15:
-            _context32.t1 = _context32.sent;
-            _context32.next = 18;
-            return _context32.t0.expect.call(_context32.t0, _context32.t1).to.matchImage('opened bottom without portal');
-          case 18:
-          case "end":
-            return _context32.stop();
-        }
-      }, _callee32, this);
-    })));
-  });
-  story('Size', function () {
-    test('clicked all', /*#__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: '[data-tid="open-all"]'
-            })).perform();
-          case 2:
-            _context33.next = 4;
-            return delay(500);
-          case 4:
-            _context33.next = 6;
-            return this.browser.executeScript(function () {
-              var containers = document.querySelectorAll('[data-tid~="ScrollContainer__inner"]');
-              for (var i = 0; i < containers.length; i++) {
-                containers[i].scrollTop += 300;
-              }
-            });
-          case 6:
-            _context33.next = 8;
-            return delay(1000);
-          case 8:
-            _context33.t0 = this;
-            _context33.next = 11;
-            return this.takeScreenshot();
-          case 11:
-            _context33.t1 = _context33.sent;
-            _context33.next = 14;
-            return _context33.t0.expect.call(_context33.t0, _context33.t1).to.matchImage('ClickedAll');
-          case 14:
-          case "end":
-            return _context33.stop();
-        }
-      }, _callee33, this);
-    })));
-  });
-});