@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

package/components/SidePage/__creevey__/SidePage.creevey/SidePage.creevey.js

@@ -1,697 +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";
-var simpleTests = function simpleTests() {
-  test('open side-page', /*#__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 this.browser.actions({
-            bridge: true
-          }).click(this.browser.findElement({
-            css: '[data-tid~="open-side-page"]'
-          })).perform();
-        case 2:
-          _context.t0 = this;
-          _context.next = 5;
-          return this.browser.takeScreenshot();
-        case 5:
-          _context.t1 = _context.sent;
-          _context.next = 8;
-          return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('open side-page');
-        case 8:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, this);
-  })));
-};
-kind('SidePage', function () {
-  story('SidePageOverAnotherSidePageStory', function () {
-    test('open internal side-page', /*#__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-tid~="open-side-page"]'
-            })).perform();
-          case 2:
-            _context2.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="SidePage.Body"] button'
-            })).perform();
-          case 4:
-            _context2.t0 = this;
-            _context2.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context2.t1 = _context2.sent;
-            _context2.next = 10;
-            return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('open internal side-page');
-          case 10:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, this);
-    })));
-    test('close internal side-page', /*#__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-tid~="open-side-page"]'
-            })).perform();
-          case 2:
-            _context3.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="SidePage.Body"] button'
-            })).perform();
-          case 4:
-            _context3.next = 6;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '.react-ui:last-child [data-comp-name~="SidePage.Footer"] button'
-            })).perform();
-          case 6:
-            _context3.t0 = this;
-            _context3.next = 9;
-            return this.browser.takeScreenshot();
-          case 9:
-            _context3.t1 = _context3.sent;
-            _context3.next = 12;
-            return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('close internal side-page');
-          case 12:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3, this);
-    })));
-  });
-  story('StickySidePageHeaderWhenAnotherSidePageStory', function () {
-    test('sticky header, open and close internal side-page', /*#__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-tid~="open-side-page"]'
-            })).perform();
-          case 2:
-            _context4.next = 4;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-comp-name~="SidePage.Body"] button'
-            })).perform();
-          case 4:
-            _context4.next = 6;
-            return this.browser.executeScript(function () {
-              var sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]');
-              if (sidepageContainer) {
-                sidepageContainer.scrollTop = 3000;
-              }
-            });
-          case 6:
-            _context4.next = 8;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '.react-ui:last-child [data-comp-name~="SidePage.Footer"] button'
-            })).perform();
-          case 8:
-            _context4.t0 = this;
-            _context4.next = 11;
-            return this.browser.takeScreenshot();
-          case 11:
-            _context4.t1 = _context4.sent;
-            _context4.next = 14;
-            return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage('sticky header, open and close internal side-page');
-          case 14:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4, this);
-    })));
-  });
-  story('Simple', function () {
-    simpleTests();
-  });
-  story('MobileSimple', function () {
-    simpleTests();
-  });
-  story('BodyWithoutFooter', function () {
-    test('scroll to bottom', /*#__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-tid~="open-side-page"]'
-            })).perform();
-          case 2:
-            _context5.next = 4;
-            return this.browser.executeScript(function () {
-              var sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]');
-              sidepageContainer.scrollTop = 3000;
-            });
-          case 4:
-            _context5.next = 6;
-            return delay(1000);
-          case 6:
-            _context5.t0 = this;
-            _context5.next = 9;
-            return this.browser.takeScreenshot();
-          case 9:
-            _context5.t1 = _context5.sent;
-            _context5.next = 12;
-            return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('scroll to bottom');
-          case 12:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5, this);
-    })));
-  });
-  story('BodyWithoutHeader', function () {
-    test('open side-page without header', /*#__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-tid~="open-side-page"]'
-            })).perform();
-          case 2:
-            _context6.next = 4;
-            return delay(100);
-          case 4:
-            _context6.t0 = this;
-            _context6.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context6.t1 = _context6.sent;
-            _context6.next = 10;
-            return _context6.t0.expect.call(_context6.t0, _context6.t1).to.matchImage('open side-page without header');
-          case 10:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6, this);
-    })));
-  });
-  story('SidePageWithFocusLockWhenBackgroundBlocked', function (_ref7) {
-    var setStoryParameters = _ref7.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'unstable tests in firefox2022': {
-          "in": /^(?!\b(chrome2022)\b)/
-        }
-      }
-    });
-    test('open side-page', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-      var _this = this;
-      var pressTab, firstTimeTabPress, secondTimeTabPress, thirdTimeTabPress, fourthTimeTabPress;
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
-          case 0:
-            pressTab = /*#__PURE__*/function () {
-              var _ref9 = _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
-                      }).sendKeys(_this.keys.TAB).perform();
-                    case 2:
-                      _context7.next = 4;
-                      return delay(5000);
-                    case 4:
-                    case "end":
-                      return _context7.stop();
-                  }
-                }, _callee7);
-              }));
-              return function pressTab() {
-                return _ref9.apply(this, arguments);
-              };
-            }();
-            _context8.next = 3;
-            return this.browser.actions({
-              bridge: true
-            }).click(this.browser.findElement({
-              css: '[data-tid~="open-side-page"]'
-            })).perform();
-          case 3:
-            _context8.next = 5;
-            return delay(1000);
-          case 5:
-            _context8.next = 7;
-            return pressTab();
-          case 7:
-            _context8.next = 9;
-            return this.browser.takeScreenshot();
-          case 9:
-            firstTimeTabPress = _context8.sent;
-            _context8.next = 12;
-            return pressTab();
-          case 12:
-            _context8.next = 14;
-            return this.browser.takeScreenshot();
-          case 14:
-            secondTimeTabPress = _context8.sent;
-            _context8.next = 17;
-            return pressTab();
-          case 17:
-            _context8.next = 19;
-            return this.browser.takeScreenshot();
-          case 19:
-            thirdTimeTabPress = _context8.sent;
-            _context8.next = 22;
-            return pressTab();
-          case 22:
-            _context8.next = 24;
-            return this.browser.takeScreenshot();
-          case 24:
-            fourthTimeTabPress = _context8.sent;
-            _context8.next = 27;
-            return this.expect({
-              firstTimeTabPress: firstTimeTabPress,
-              secondTimeTabPress: secondTimeTabPress,
-              thirdTimeTabPress: thirdTimeTabPress,
-              fourthTimeTabPress: fourthTimeTabPress
-            }).to.matchImages();
-          case 27:
-          case "end":
-            return _context8.stop();
-        }
-      }, _callee8, this);
-    })));
-  });
-  story('TestUpdateLayoutMethodStory', function () {
-    test('idle', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
-          case 0:
-            _context9.t0 = this;
-            _context9.next = 3;
-            return this.browser.takeScreenshot();
-          case 3:
-            _context9.t1 = _context9.sent;
-            _context9.next = 6;
-            return _context9.t0.expect.call(_context9.t0, _context9.t1).to.matchImage('idle');
-          case 6:
-          case "end":
-            return _context9.stop();
-        }
-      }, _callee9, this);
-    })));
-    test('Body content has been changed', /*#__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-tid="toggle-body-content"]'
-            })).perform();
-          case 2:
-            _context10.t0 = this;
-            _context10.next = 5;
-            return this.browser.takeScreenshot();
-          case 5:
-            _context10.t1 = _context10.sent;
-            _context10.next = 8;
-            return _context10.t0.expect.call(_context10.t0, _context10.t1).to.matchImage('Body content has been changed');
-          case 8:
-          case "end":
-            return _context10.stop();
-        }
-      }, _callee10, this);
-    })));
-    test('child component content has been changed', /*#__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-tid="toggle-child-component-content"]'
-            })).perform();
-          case 4:
-            _context11.t0 = this;
-            _context11.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context11.t1 = _context11.sent;
-            _context11.next = 10;
-            return _context11.t0.expect.call(_context11.t0, _context11.t1).to.matchImage('child component content has been changed');
-          case 10:
-          case "end":
-            return _context11.stop();
-        }
-      }, _callee11, this);
-    })));
-    test('update layout', /*#__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-tid="toggle-child-component-content"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-tid="update"]'
-            })).perform();
-          case 4:
-            _context12.next = 6;
-            return delay(1000);
-          case 6:
-            _context12.t0 = this;
-            _context12.next = 9;
-            return this.browser.takeScreenshot();
-          case 9:
-            _context12.t1 = _context12.sent;
-            _context12.next = 12;
-            return _context12.t0.expect.call(_context12.t0, _context12.t1).to.matchImage('update layout');
-          case 12:
-          case "end":
-            return _context12.stop();
-        }
-      }, _callee12, this);
-    })));
-  });
-  story('WithLongTitleStory', function () {
-    test('not fixed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
-      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-        while (1) switch (_context13.prev = _context13.next) {
-          case 0:
-            _context13.t0 = this;
-            _context13.next = 3;
-            return this.browser.takeScreenshot();
-          case 3:
-            _context13.t1 = _context13.sent;
-            _context13.next = 6;
-            return _context13.t0.expect.call(_context13.t0, _context13.t1).to.matchImage('not fixed');
-          case 6:
-          case "end":
-            return _context13.stop();
-        }
-      }, _callee13, this);
-    })));
-    test('fixed close element', /*#__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.executeScript(function () {
-              var sidePageContainer = window.document.querySelector('[data-tid="SidePage__container"]');
-              var sidePageHeader = window.document.querySelector('[data-comp-name~="SidePage.Header"]');
-              var fixedHeaderHeight = 50;
-              sidePageContainer.scrollTop = (sidePageHeader.offsetHeight - fixedHeaderHeight) / 2;
-            });
-          case 2:
-            _context14.next = 4;
-            return delay(1000);
-          case 4:
-            _context14.t0 = this;
-            _context14.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context14.t1 = _context14.sent;
-            _context14.next = 10;
-            return _context14.t0.expect.call(_context14.t0, _context14.t1).to.matchImage('fixed close element');
-          case 10:
-          case "end":
-            return _context14.stop();
-        }
-      }, _callee14, this);
-    })));
-    test('fixed header', /*#__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.executeScript(function () {
-              var sidePageContainer = window.document.querySelector('[data-tid="SidePage__container"]');
-              var sidePageHeader = window.document.querySelector('[data-comp-name~="SidePage.Header"]');
-              var fixedHeaderHeight = 50;
-              sidePageContainer.scrollTop = sidePageHeader.offsetHeight - fixedHeaderHeight;
-            });
-          case 2:
-            _context15.next = 4;
-            return delay(1000);
-          case 4:
-            _context15.t0 = this;
-            _context15.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context15.t1 = _context15.sent;
-            _context15.next = 10;
-            return _context15.t0.expect.call(_context15.t0, _context15.t1).to.matchImage('fixed header');
-          case 10:
-          case "end":
-            return _context15.stop();
-        }
-      }, _callee15, this);
-    })));
-  });
-  story('SidePageWithChildrenFromOtherComponent', function () {
-    test('without header, footer', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16() {
-      return _regeneratorRuntime.wrap(function _callee16$(_context16) {
-        while (1) switch (_context16.prev = _context16.next) {
-          case 0:
-            _context16.t0 = this;
-            _context16.next = 3;
-            return this.browser.takeScreenshot();
-          case 3:
-            _context16.t1 = _context16.sent;
-            _context16.next = 6;
-            return _context16.t0.expect.call(_context16.t0, _context16.t1).to.matchImage('without header, footer');
-          case 6:
-          case "end":
-            return _context16.stop();
-        }
-      }, _callee16, this);
-    })));
-    test('scroll to bottom without header, footer', /*#__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.executeScript(function () {
-              var sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]');
-              sidepageContainer.scrollTop = 3000;
-            });
-          case 2:
-            _context17.next = 4;
-            return delay(1000);
-          case 4:
-            _context17.t0 = this;
-            _context17.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context17.t1 = _context17.sent;
-            _context17.next = 10;
-            return _context17.t0.expect.call(_context17.t0, _context17.t1).to.matchImage('scroll to bottom without header, footer');
-          case 10:
-          case "end":
-            return _context17.stop();
-        }
-      }, _callee17, this);
-    })));
-    test('with header, footer', /*#__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: '[data-tid="SidePage__header-toggle"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-tid="SidePage__footer-toggle"]'
-            })).pause(1000).perform();
-          case 2:
-            _context18.next = 4;
-            return delay(1000);
-          case 4:
-            _context18.t0 = this;
-            _context18.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context18.t1 = _context18.sent;
-            _context18.next = 10;
-            return _context18.t0.expect.call(_context18.t0, _context18.t1).to.matchImage('with header, footer');
-          case 10:
-          case "end":
-            return _context18.stop();
-        }
-      }, _callee18, this);
-    })));
-    test('scroll to bottom with header, footer', /*#__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-tid="SidePage__header-toggle"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-tid="SidePage__footer-toggle"]'
-            })).perform();
-          case 2:
-            _context19.next = 4;
-            return this.browser.executeScript(function () {
-              var sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]');
-              sidepageContainer.scrollTop = 3000;
-            });
-          case 4:
-            _context19.next = 6;
-            return delay(1000);
-          case 6:
-            _context19.t0 = this;
-            _context19.next = 9;
-            return this.browser.takeScreenshot();
-          case 9:
-            _context19.t1 = _context19.sent;
-            _context19.next = 12;
-            return _context19.t0.expect.call(_context19.t0, _context19.t1).to.matchImage('scroll to bottom with header, footer');
-          case 12:
-          case "end":
-            return _context19.stop();
-        }
-      }, _callee19, this);
-    })));
-    test('with panel', /*#__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-tid="SidePage__footer-toggle"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-tid="SidePage__panel-toggle"]'
-            })).perform();
-          case 2:
-            _context20.next = 4;
-            return delay(1000);
-          case 4:
-            _context20.t0 = this;
-            _context20.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context20.t1 = _context20.sent;
-            _context20.next = 10;
-            return _context20.t0.expect.call(_context20.t0, _context20.t1).to.matchImage('with panel');
-          case 10:
-          case "end":
-            return _context20.stop();
-        }
-      }, _callee20, this);
-    })));
-    test('scroll to bottom with panel', /*#__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: '[data-tid="SidePage__footer-toggle"]'
-            })).pause(1000).click(this.browser.findElement({
-              css: '[data-tid="SidePage__panel-toggle"]'
-            })).perform();
-          case 2:
-            _context21.next = 4;
-            return this.browser.executeScript(function () {
-              var sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]');
-              sidepageContainer.scrollTop = 3000;
-            });
-          case 4:
-            _context21.next = 6;
-            return delay(1000);
-          case 6:
-            _context21.t0 = this;
-            _context21.next = 9;
-            return this.browser.takeScreenshot();
-          case 9:
-            _context21.t1 = _context21.sent;
-            _context21.next = 12;
-            return _context21.t0.expect.call(_context21.t0, _context21.t1).to.matchImage('scroll to bottom with panel');
-          case 12:
-          case "end":
-            return _context21.stop();
-        }
-      }, _callee21, this);
-    })));
-  });
-  story('SidePageWithBlockBackground', function (_ref23) {
-    var setStoryParameters = _ref23.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        'unstable tests in firefox2022': {
-          "in": /^(?!\b(chrome2022)\b)/
-        }
-      }
-    });
-    test('open side-page', /*#__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~="open-side-page"]'
-            })).perform();
-          case 2:
-            _context22.next = 4;
-            return delay(1000);
-          case 4:
-            _context22.t0 = this;
-            _context22.next = 7;
-            return this.browser.takeScreenshot();
-          case 7:
-            _context22.t1 = _context22.sent;
-            _context22.next = 10;
-            return _context22.t0.expect.call(_context22.t0, _context22.t1).to.matchImage();
-          case 10:
-          case "end":
-            return _context22.stop();
-        }
-      }, _callee22, this);
-    })));
-  });
-});