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

package/components/TokenInput/__creevey__/TokenInput.creevey/TokenInput.creevey.js

@@ -1,635 +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('TokenInput', function () {
-  story('EmptyWithReference', function (_ref) {
-    var setStoryParameters = _ref.setStoryParameters;
-    setStoryParameters({
-      captureElement: '.tokens-test-container',
-      skip: {
-        'do not pass on teamcity': {
-          "in": ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
-          tests: ['clicked', 'withMenu']
-        }
-      }
-    });
-    test('idle', /*#__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(100);
-          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('idle');
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, this);
-    })));
-    test('clicked', /*#__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~="TokenInput"]'
-            })).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('clicked');
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, this);
-    })));
-    test('withMenu', /*#__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~="TokenInput"]'
-            })).sendKeys('a').perform();
-          case 2:
-            _context3.t0 = this;
-            _context3.next = 5;
-            return this.takeScreenshot();
-          case 5:
-            _context3.t1 = _context3.sent;
-            _context3.next = 8;
-            return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('withMenu');
-          case 8:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3, this);
-    })));
-  });
-  story('EmptyCombined', function (_ref5) {
-    var setStoryParameters = _ref5.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'flaky tests': {
-          "in": /firefox/
-        }
-      }
-    });
-    test('selectFirst', /*#__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~="TokenInput"]'
-            })).sendKeys('a').perform();
-          case 2:
-            _context4.next = 4;
-            return delay(1000);
-          case 4:
-            _context4.t0 = this;
-            _context4.next = 7;
-            return this.takeScreenshot();
-          case 7:
-            _context4.t1 = _context4.sent;
-            _context4.next = 10;
-            return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage();
-          case 10:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4, this);
-    })));
-  });
-  story('CombinedFilled', function (_ref7) {
-    var setStoryParameters = _ref7.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'do not pass on teamcity': {
-          "in": ['firefox2022', 'firefox2022Dark'],
-          tests: ['editToken']
-        },
-        flaky: {
-          "in": /firefox/,
-          tests: ['selectAndType', 'editToken']
-        }
-      }
-    });
-    test('selectAndType', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-      var selected, typed;
-      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~="Token"]'
-            })).perform();
-          case 2:
-            _context5.next = 4;
-            return this.takeScreenshot();
-          case 4:
-            selected = _context5.sent;
-            _context5.next = 7;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys('a').perform();
-          case 7:
-            _context5.next = 9;
-            return this.takeScreenshot();
-          case 9:
-            typed = _context5.sent;
-            _context5.next = 12;
-            return this.expect({
-              selected: selected,
-              typed: typed
-            }).to.matchImages();
-          case 12:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5, this);
-    })));
-    test('editToken', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-      var doubleClickOnToken, clickOnMenuItem, enterOnActiveToken, editToken, enterAfterEdit;
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            _context6.next = 2;
-            return this.browser.actions({
-              bridge: true
-            }).doubleClick(this.browser.findElement({
-              css: '[data-comp-name~="Token"]'
-            })).perform();
-          case 2:
-            _context6.next = 4;
-            return this.takeScreenshot();
-          case 4:
-            doubleClickOnToken = _context6.sent;
-            _context6.next = 7;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="MenuItem"]'
-            })).perform();
-          case 7:
-            _context6.next = 9;
-            return this.takeScreenshot();
-          case 9:
-            clickOnMenuItem = _context6.sent;
-            _context6.next = 12;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys(this.keys.ENTER).perform();
-          case 12:
-            _context6.next = 14;
-            return this.takeScreenshot();
-          case 14:
-            enterOnActiveToken = _context6.sent;
-            _context6.next = 17;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys('EDITED').perform();
-          case 17:
-            _context6.next = 19;
-            return this.takeScreenshot();
-          case 19:
-            editToken = _context6.sent;
-            _context6.next = 22;
-            return this.browser.actions({
-              bridge: true
-            }).sendKeys(this.keys.ENTER).perform();
-          case 22:
-            _context6.next = 24;
-            return this.takeScreenshot();
-          case 24:
-            enterAfterEdit = _context6.sent;
-            _context6.next = 27;
-            return this.expect({
-              doubleClickOnToken: doubleClickOnToken,
-              clickOnMenuItem: clickOnMenuItem,
-              enterOnActiveToken: enterOnActiveToken,
-              editToken: editToken,
-              enterAfterEdit: enterAfterEdit
-            }).to.matchImages();
-          case 27:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6, this);
-    })));
-  });
-  story('CustomAddButton', function (_ref10) {
-    var setStoryParameters = _ref10.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'do not pass on teamcity': {
-          "in": ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
-          tests: ['addButton']
-        }
-      }
-    });
-    test('addButton', /*#__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~="TokenInput"]'
-            })).sendKeys('zzz').perform();
-          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();
-          case 8:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee7, this);
-    })));
-  });
-  story('OnUnexpectedInputValidation', function (_ref12) {
-    var setStoryParameters = _ref12.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        flacky: {
-          "in": ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
-          tests: ['token select', 'token edit']
-        }
-      }
-    });
-    test('token select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-      var withNotSelectedToken, withAutoSelectedTokens, clearedOnNullReturn, withSelectedTokens;
-      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~="TokenInput"]'
-            })).pause(1000).sendKeys('aaa').pause(1000).move({
-              x: 0,
-              y: 0
-            }).click().pause(1000).perform();
-          case 2:
-            _context8.next = 4;
-            return this.takeScreenshot();
-          case 4:
-            withNotSelectedToken = _context8.sent;
-            _context8.next = 7;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="TokenInput"]'
-            })).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys('aaaccc').move({
-              x: 0,
-              y: 0
-            }).click().perform();
-          case 7:
-            _context8.next = 9;
-            return this.takeScreenshot();
-          case 9:
-            withAutoSelectedTokens = _context8.sent;
-            _context8.next = 12;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="TokenInput"]'
-            })).pause(1000).sendKeys('clear').move({
-              x: 0,
-              y: 0
-            }).click().perform();
-          case 12:
-            _context8.next = 14;
-            return delay(1000);
-          case 14:
-            _context8.next = 16;
-            return this.takeScreenshot();
-          case 16:
-            clearedOnNullReturn = _context8.sent;
-            _context8.next = 19;
-            return this.browser.actions({
-              bridge: true
-            }).clear();
-          case 19:
-            _context8.next = 21;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="TokenInput"]'
-            })).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys('aaa').sendKeys(this.keys.ENTER).pause(1000).sendKeys('bbb').sendKeys(this.keys.ENTER).move({
-              x: 0,
-              y: 0
-            }).click().perform();
-          case 21:
-            _context8.next = 23;
-            return this.takeScreenshot();
-          case 23:
-            withSelectedTokens = _context8.sent;
-            _context8.next = 26;
-            return this.expect({
-              withNotSelectedToken: withNotSelectedToken,
-              withAutoSelectedTokens: withAutoSelectedTokens,
-              clearedOnNullReturn: clearedOnNullReturn,
-              withSelectedTokens: withSelectedTokens
-            }).to.matchImages();
-          case 26:
-          case "end":
-            return _context8.stop();
-        }
-      }, _callee8, this);
-    })));
-    test('token edit', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-      var withSameValue, withNotEditedToken, withRemovedToken, withEditedToken;
-      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~="TokenInput"]'
-            })).pause(300).sendKeys('aaa').pause(300).sendKeys(this.keys.ENTER).pause(300).sendKeys('bbb').pause(300).sendKeys(this.keys.ENTER).pause(300).perform();
-          case 2:
-            _context9.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).doubleClick(this.browser.findElement({
-              css: '[data-comp-name~="Token"]'
-            })).pause(1000).sendKeys('aaa').pause(300).move({
-              x: 0,
-              y: 0
-            }).click().pause(300).perform();
-          case 4:
-            _context9.next = 6;
-            return this.takeScreenshot();
-          case 6:
-            withSameValue = _context9.sent;
-            _context9.next = 9;
-            return this.browser.actions({
-              bridge: true
-            }).doubleClick(this.browser.findElement({
-              css: '[data-comp-name~="Token"]'
-            })).pause(1000).sendKeys('zzz').pause(300).move({
-              x: 0,
-              y: 0
-            }).click().pause(300).perform();
-          case 9:
-            _context9.next = 11;
-            return this.takeScreenshot();
-          case 11:
-            withNotEditedToken = _context9.sent;
-            _context9.next = 14;
-            return this.browser.actions({
-              bridge: true
-            }).doubleClick(this.browser.findElement({
-              css: '[data-comp-name~="Token"]'
-            })).pause(1000).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys(this.keys.BACK_SPACE).sendKeys('clear').pause(300).move({
-              x: 0,
-              y: 0
-            }).click().pause(300).perform();
-          case 14:
-            _context9.next = 16;
-            return this.takeScreenshot();
-          case 16:
-            withRemovedToken = _context9.sent;
-            _context9.next = 19;
-            return this.browser.actions({
-              bridge: true
-            }).doubleClick(this.browser.findElement({
-              css: '[data-comp-name~="Token"]'
-            })).pause(1000).sendKeys('EDITED').pause(300).sendKeys(this.keys.ARROW_DOWN).sendKeys(this.keys.ENTER).pause(300).move({
-              x: 0,
-              y: 0
-            }).click().pause(300).perform();
-          case 19:
-            _context9.next = 21;
-            return this.takeScreenshot();
-          case 21:
-            withEditedToken = _context9.sent;
-            _context9.next = 24;
-            return this.expect({
-              withSameValue: withSameValue,
-              withNotEditedToken: withNotEditedToken,
-              withRemovedToken: withRemovedToken,
-              withEditedToken: withEditedToken
-            }).to.matchImages();
-          case 24:
-          case "end":
-            return _context9.stop();
-        }
-      }, _callee9, this);
-    })));
-  });
-  story('FullWidthMenu', function (_ref15) {
-    var setStoryParameters = _ref15.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'do not pass on teamcity': {
-          "in": ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
-          tests: ['selectFirst']
-        }
-      }
-    });
-    test('selectFirst', /*#__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~="TokenInput"]'
-            })).sendKeys('a').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();
-          case 8:
-          case "end":
-            return _context10.stop();
-        }
-      }, _callee10, this);
-    })));
-  });
-  story('CustomRenderTotalCount', function (_ref17) {
-    var setStoryParameters = _ref17.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'do not pass on teamcity': {
-          "in": ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
-          tests: ['renderTotalCount']
-        }
-      }
-    });
-    test('renderTotalCount', /*#__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: '[data-comp-name~="TokenInput"]'
-            })).perform();
-          case 2:
-            _context11.next = 4;
-            return delay(1000);
-          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();
-          case 10:
-          case "end":
-            return _context11.stop();
-        }
-      }, _callee11, this);
-    })));
-  });
-  story('WithPlaceholderAndWidth', function (_ref19) {
-    var setStoryParameters = _ref19.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        flaky: {
-          "in": /firefox/,
-          tests: ['selected']
-        }
-      }
-    });
-    test('idle', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
-      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-        while (1) switch (_context12.prev = _context12.next) {
-          case 0:
-            _context12.t0 = this;
-            _context12.next = 3;
-            return this.takeScreenshot();
-          case 3:
-            _context12.t1 = _context12.sent;
-            _context12.next = 6;
-            return _context12.t0.expect.call(_context12.t0, _context12.t1).to.matchImage();
-          case 6:
-          case "end":
-            return _context12.stop();
-        }
-      }, _callee12, this);
-    })));
-    test('selected', /*#__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: '[data-comp-name~="TokenInput"]'
-            })).pause(500).sendKeys('a').perform();
-          case 2:
-            _context13.next = 4;
-            return delay(1000);
-          case 4:
-            _context13.next = 6;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="MenuItem"]'
-            })).perform();
-          case 6:
-            _context13.next = 8;
-            return delay(1000);
-          case 8:
-            _context13.t0 = this;
-            _context13.next = 11;
-            return this.takeScreenshot();
-          case 11:
-            _context13.t1 = _context13.sent;
-            _context13.next = 14;
-            return _context13.t0.expect.call(_context13.t0, _context13.t1).to.matchImage();
-          case 14:
-          case "end":
-            return _context13.stop();
-        }
-      }, _callee13, this);
-    })));
-  });
-  story('Size', function (_ref22) {
-    var setStoryParameters = _ref22.setStoryParameters;
-    setStoryParameters({
-      captureElement: '[data-tid="Gapped__vertical"]'
-    });
-    test('MenuItem inherits size', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
-      var tab1, tab2, tab3;
-      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
-          case 0:
-            _context14.next = 2;
-            return this.browser.actions({
-              bridge: true
-            }).keyDown(this.keys.TAB).perform();
-          case 2:
-            _context14.next = 4;
-            return this.takeScreenshot();
-          case 4:
-            tab1 = _context14.sent;
-            _context14.next = 7;
-            return this.browser.actions({
-              bridge: true
-            }).keyDown(this.keys.TAB).perform();
-          case 7:
-            _context14.next = 9;
-            return this.takeScreenshot();
-          case 9:
-            tab2 = _context14.sent;
-            _context14.next = 12;
-            return this.browser.actions({
-              bridge: true
-            }).keyDown(this.keys.TAB).perform();
-          case 12:
-            _context14.next = 14;
-            return this.takeScreenshot();
-          case 14:
-            tab3 = _context14.sent;
-            _context14.next = 17;
-            return this.expect([tab1, tab2, tab3]).to.matchImages();
-          case 17:
-          case "end":
-            return _context14.stop();
-        }
-      }, _callee14, this);
-    })));
-  });
-});