@storybook/addon-interactions 6.4.0-beta.32 → 6.4.0-rc.10

package/dist/esm/components/AccountForm/addon-interactions.stories.js

@@ -86,6 +86,51 @@ Demo.play = /*#__PURE__*/function () {
   };
 }();
 
+export var FindBy = function FindBy(args) {
+  var _React$useState = React.useState(true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isLoading = _React$useState2[0],
+      setIsLoading = _React$useState2[1];
+
+  React.useEffect(function () {
+    setTimeout(function () {
+      return setIsLoading(false);
+    }, 500);
+  }, []);
+  return isLoading ? /*#__PURE__*/React.createElement("div", null, "Loading...") : /*#__PURE__*/React.createElement("button", {
+    type: "button"
+  }, "Loaded!");
+};
+
+FindBy.play = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(_ref3) {
+    var canvasElement, canvas;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            canvasElement = _ref3.canvasElement;
+            canvas = within(canvasElement);
+            _context2.next = 4;
+            return canvas.findByRole('button');
+
+          case 4:
+            _context2.next = 6;
+            return expect(true).toBe(true);
+
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function (_x2) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+
 export var WaitFor = function WaitFor(args) {
   return /*#__PURE__*/React.createElement("button", {
     type: "button",
@@ -98,58 +143,62 @@ export var WaitFor = function WaitFor(args) {
 };
 
 WaitFor.play = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(_ref3) {
+  var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(_ref5) {
     var args, canvasElement;
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) {
-        switch (_context3.prev = _context3.next) {
+        switch (_context4.prev = _context4.next) {
           case 0:
-            args = _ref3.args, canvasElement = _ref3.canvasElement;
-            _context3.t0 = userEvent;
-            _context3.next = 4;
+            args = _ref5.args, canvasElement = _ref5.canvasElement;
+            _context4.t0 = userEvent;
+            _context4.next = 4;
             return within(canvasElement).findByText('Click');
 
           case 4:
-            _context3.t1 = _context3.sent;
-            _context3.next = 7;
-            return _context3.t0.click.call(_context3.t0, _context3.t1);
+            _context4.t1 = _context4.sent;
+            _context4.next = 7;
+            return _context4.t0.click.call(_context4.t0, _context4.t1);
 
           case 7:
-            _context3.next = 9;
-            return waitFor( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-              return regeneratorRuntime.wrap(function _callee2$(_context2) {
+            _context4.next = 9;
+            return waitFor( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+              return regeneratorRuntime.wrap(function _callee3$(_context3) {
                 while (1) {
-                  switch (_context2.prev = _context2.next) {
+                  switch (_context3.prev = _context3.next) {
                     case 0:
-                      _context2.next = 2;
+                      _context3.next = 2;
                       return expect(args.onSubmit).toHaveBeenCalledWith(expect.stringMatching(/([A-Z])\w+/gi));
 
                     case 2:
+                      _context3.next = 4;
+                      return expect(true).toBe(true);
+
+                    case 4:
                     case "end":
-                      return _context2.stop();
+                      return _context3.stop();
                   }
                 }
-              }, _callee2);
+              }, _callee3);
             })));
 
           case 9:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
       }
-    }, _callee3);
+    }, _callee4);
   }));
 
-  return function (_x2) {
-    return _ref4.apply(this, arguments);
+  return function (_x3) {
+    return _ref6.apply(this, arguments);
   };
 }();
 
 export var WaitForElementToBeRemoved = function WaitForElementToBeRemoved() {
-  var _React$useState = React.useState(true),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isLoading = _React$useState2[0],
-      setIsLoading = _React$useState2[1];
+  var _React$useState3 = React.useState(true),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isLoading = _React$useState4[0],
+      setIsLoading = _React$useState4[1];
 
   React.useEffect(function () {
     setTimeout(function () {
@@ -162,67 +211,67 @@ export var WaitForElementToBeRemoved = function WaitForElementToBeRemoved() {
 };
 
 WaitForElementToBeRemoved.play = /*#__PURE__*/function () {
-  var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(_ref6) {
+  var _ref9 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(_ref8) {
     var canvasElement, canvas, button;
-    return regeneratorRuntime.wrap(function _callee4$(_context4) {
+    return regeneratorRuntime.wrap(function _callee5$(_context5) {
       while (1) {
-        switch (_context4.prev = _context4.next) {
+        switch (_context5.prev = _context5.next) {
           case 0:
-            canvasElement = _ref6.canvasElement;
+            canvasElement = _ref8.canvasElement;
             canvas = within(canvasElement);
-            _context4.t0 = waitForElementToBeRemoved;
-            _context4.next = 5;
+            _context5.t0 = waitForElementToBeRemoved;
+            _context5.next = 5;
             return canvas.findByText('Loading...');
 
           case 5:
-            _context4.t1 = _context4.sent;
-            _context4.t2 = {
+            _context5.t1 = _context5.sent;
+            _context5.t2 = {
               timeout: 2000
             };
-            _context4.next = 9;
-            return (0, _context4.t0)(_context4.t1, _context4.t2);
+            _context5.next = 9;
+            return (0, _context5.t0)(_context5.t1, _context5.t2);
 
           case 9:
-            _context4.next = 11;
+            _context5.next = 11;
             return canvas.findByText('Loaded!');
 
           case 11:
-            button = _context4.sent;
-            _context4.next = 14;
+            button = _context5.sent;
+            _context5.next = 14;
             return expect(button).not.toBeNull();
 
           case 14:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
       }
-    }, _callee4);
+    }, _callee5);
   }));
 
-  return function (_x3) {
-    return _ref7.apply(this, arguments);
+  return function (_x4) {
+    return _ref9.apply(this, arguments);
   };
 }();
 
-export var WithLoaders = function WithLoaders(args, _ref8) {
-  var todo = _ref8.loaded.todo;
+export var WithLoaders = function WithLoaders(args, _ref10) {
+  var todo = _ref10.loaded.todo;
   return /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: args.onSubmit(todo.title)
   }, "Todo: ", todo.title);
 };
-WithLoaders.loaders = [/*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-  return regeneratorRuntime.wrap(function _callee5$(_context5) {
+WithLoaders.loaders = [/*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+  return regeneratorRuntime.wrap(function _callee6$(_context6) {
     while (1) {
-      switch (_context5.prev = _context5.next) {
+      switch (_context6.prev = _context6.next) {
         case 0:
-          _context5.next = 2;
+          _context6.next = 2;
           return new Promise(function (resolve) {
             return setTimeout(resolve, 2000);
           });
 
         case 2:
-          return _context5.abrupt("return", {
+          return _context6.abrupt("return", {
             todo: {
               userId: 1,
               id: 1,
@@ -233,43 +282,43 @@ WithLoaders.loaders = [/*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorR
 
         case 3:
         case "end":
-          return _context5.stop();
+          return _context6.stop();
       }
     }
-  }, _callee5);
+  }, _callee6);
 }))];
 
 WithLoaders.play = /*#__PURE__*/function () {
-  var _ref11 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(_ref10) {
+  var _ref13 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(_ref12) {
     var args, canvasElement, canvas, todoItem;
-    return regeneratorRuntime.wrap(function _callee6$(_context6) {
+    return regeneratorRuntime.wrap(function _callee7$(_context7) {
       while (1) {
-        switch (_context6.prev = _context6.next) {
+        switch (_context7.prev = _context7.next) {
           case 0:
-            args = _ref10.args, canvasElement = _ref10.canvasElement;
+            args = _ref12.args, canvasElement = _ref12.canvasElement;
             canvas = within(canvasElement);
-            _context6.next = 4;
+            _context7.next = 4;
             return canvas.findByText('Todo: delectus aut autem');
 
           case 4:
-            todoItem = _context6.sent;
-            _context6.next = 7;
+            todoItem = _context7.sent;
+            _context7.next = 7;
             return userEvent.click(todoItem);
 
           case 7:
-            _context6.next = 9;
+            _context7.next = 9;
             return expect(args.onSubmit).toHaveBeenCalledWith('delectus aut autem');
 
           case 9:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
       }
-    }, _callee6);
+    }, _callee7);
   }));
 
-  return function (_x4) {
-    return _ref11.apply(this, arguments);
+  return function (_x5) {
+    return _ref13.apply(this, arguments);
   };
 }();
 
@@ -280,15 +329,15 @@ export var Standard = {
 };
 export var StandardEmailFilled = Object.assign({}, Standard, {
   play: function () {
-    var _play = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(_ref12) {
+    var _play = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(_ref14) {
       var canvasElement, canvas;
-      return regeneratorRuntime.wrap(function _callee7$(_context7) {
+      return regeneratorRuntime.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              canvasElement = _ref12.canvasElement;
+              canvasElement = _ref14.canvasElement;
               canvas = within(canvasElement);
-              _context7.next = 4;
+              _context8.next = 4;
               return fireEvent.change(canvas.getByTestId('email'), {
                 target: {
                   value: 'michael@chromatic.com'
@@ -297,13 +346,13 @@ export var StandardEmailFilled = Object.assign({}, Standard, {
 
             case 4:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7);
+      }, _callee8);
     }));
 
-    function play(_x5) {
+    function play(_x6) {
       return _play.apply(this, arguments);
     }
 
@@ -312,29 +361,29 @@ export var StandardEmailFilled = Object.assign({}, Standard, {
 });
 export var StandardEmailFailed = Object.assign({}, Standard, {
   play: function () {
-    var _play2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(_ref13) {
+    var _play2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(_ref15) {
       var args, canvasElement, canvas;
-      return regeneratorRuntime.wrap(function _callee8$(_context8) {
+      return regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
-              args = _ref13.args, canvasElement = _ref13.canvasElement;
+              args = _ref15.args, canvasElement = _ref15.canvasElement;
               canvas = within(canvasElement);
-              _context8.next = 4;
+              _context9.next = 4;
               return userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
 
             case 4:
-              _context8.next = 6;
+              _context9.next = 6;
               return userEvent.type(canvas.getByTestId('password1'), 'supersecret');
 
             case 6:
-              _context8.next = 8;
+              _context9.next = 8;
               return userEvent.click(canvas.getByRole('button', {
                 name: /create account/i
               }));
 
             case 8:
-              _context8.next = 10;
+              _context9.next = 10;
               return canvas.findByText('Please enter a correctly formatted email address');
 
             case 10:
@@ -342,13 +391,13 @@ export var StandardEmailFailed = Object.assign({}, Standard, {
 
             case 11:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
         }
-      }, _callee8);
+      }, _callee9);
     }));
 
-    function play(_x6) {
+    function play(_x7) {
       return _play2.apply(this, arguments);
     }
 
@@ -357,37 +406,37 @@ export var StandardEmailFailed = Object.assign({}, Standard, {
 });
 export var StandardEmailSuccess = Object.assign({}, Standard, {
   play: function () {
-    var _play3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(_ref14) {
+    var _play3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11(_ref16) {
       var args, canvasElement, canvas;
-      return regeneratorRuntime.wrap(function _callee10$(_context10) {
+      return regeneratorRuntime.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
-              args = _ref14.args, canvasElement = _ref14.canvasElement;
+              args = _ref16.args, canvasElement = _ref16.canvasElement;
               canvas = within(canvasElement);
-              _context10.next = 4;
+              _context11.next = 4;
               return userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
 
             case 4:
-              _context10.next = 6;
+              _context11.next = 6;
               return userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
 
             case 6:
-              _context10.next = 8;
+              _context11.next = 8;
               return userEvent.click(canvas.getByTestId('submit'));
 
             case 8:
-              _context10.next = 10;
-              return waitFor( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
-                return regeneratorRuntime.wrap(function _callee9$(_context9) {
+              _context11.next = 10;
+              return waitFor( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10() {
+                return regeneratorRuntime.wrap(function _callee10$(_context10) {
                   while (1) {
-                    switch (_context9.prev = _context9.next) {
+                    switch (_context10.prev = _context10.next) {
                       case 0:
-                        _context9.next = 2;
+                        _context10.next = 2;
                         return expect(args.onSubmit).toHaveBeenCalledTimes(1);
 
                       case 2:
-                        _context9.next = 4;
+                        _context10.next = 4;
                         return expect(args.onSubmit).toHaveBeenCalledWith({
                           email: 'michael@chromatic.com',
                           password: 'testpasswordthatwontfail'
@@ -395,21 +444,21 @@ export var StandardEmailSuccess = Object.assign({}, Standard, {
 
                       case 4:
                       case "end":
-                        return _context9.stop();
+                        return _context10.stop();
                     }
                   }
-                }, _callee9);
+                }, _callee10);
               })));
 
             case 10:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
         }
-      }, _callee10);
+      }, _callee11);
     }));
 
-    function play(_x7) {
+    function play(_x8) {
       return _play3.apply(this, arguments);
     }
 
@@ -418,33 +467,33 @@ export var StandardEmailSuccess = Object.assign({}, Standard, {
 });
 export var StandardPasswordFailed = Object.assign({}, Standard, {
   play: function () {
-    var _play4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11(context) {
+    var _play4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12(context) {
       var canvas;
-      return regeneratorRuntime.wrap(function _callee11$(_context11) {
+      return regeneratorRuntime.wrap(function _callee12$(_context12) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
               canvas = within(context.canvasElement);
-              _context11.next = 3;
+              _context12.next = 3;
               return StandardEmailFilled.play(context);
 
             case 3:
-              _context11.next = 5;
+              _context12.next = 5;
               return userEvent.type(canvas.getByTestId('password1'), 'asdf');
 
             case 5:
-              _context11.next = 7;
+              _context12.next = 7;
               return userEvent.click(canvas.getByTestId('submit'));
 
             case 7:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
         }
-      }, _callee11);
+      }, _callee12);
     }));
 
-    function play(_x8) {
+    function play(_x9) {
       return _play4.apply(this, arguments);
     }
 
@@ -453,43 +502,43 @@ export var StandardPasswordFailed = Object.assign({}, Standard, {
 });
 export var StandardFailHover = Object.assign({}, StandardPasswordFailed, {
   play: function () {
-    var _play5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13(context) {
+    var _play5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee14(context) {
       var canvas;
-      return regeneratorRuntime.wrap(function _callee13$(_context13) {
+      return regeneratorRuntime.wrap(function _callee14$(_context14) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context14.prev = _context14.next) {
             case 0:
               canvas = within(context.canvasElement);
-              _context13.next = 3;
+              _context14.next = 3;
               return StandardPasswordFailed.play(context);
 
             case 3:
-              _context13.next = 5;
-              return waitFor( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12() {
-                return regeneratorRuntime.wrap(function _callee12$(_context12) {
+              _context14.next = 5;
+              return waitFor( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13() {
+                return regeneratorRuntime.wrap(function _callee13$(_context13) {
                   while (1) {
-                    switch (_context12.prev = _context12.next) {
+                    switch (_context13.prev = _context13.next) {
                       case 0:
-                        _context12.next = 2;
+                        _context13.next = 2;
                         return userEvent.hover(canvas.getByTestId('password-error-info'));
 
                       case 2:
                       case "end":
-                        return _context12.stop();
+                        return _context13.stop();
                     }
                   }
-                }, _callee12);
+                }, _callee13);
               })));
 
             case 5:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
         }
-      }, _callee13);
+      }, _callee14);
     }));
 
-    function play(_x9) {
+    function play(_x10) {
       return _play5.apply(this, arguments);
     }
 
@@ -508,33 +557,33 @@ export var Verification = {
 };
 export var VerificationPasssword1 = Object.assign({}, Verification, {
   play: function () {
-    var _play6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee14(context) {
+    var _play6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee15(context) {
       var canvas;
-      return regeneratorRuntime.wrap(function _callee14$(_context14) {
+      return regeneratorRuntime.wrap(function _callee15$(_context15) {
         while (1) {
-          switch (_context14.prev = _context14.next) {
+          switch (_context15.prev = _context15.next) {
             case 0:
               canvas = within(context.canvasElement);
-              _context14.next = 3;
+              _context15.next = 3;
               return StandardEmailFilled.play(context);
 
             case 3:
-              _context14.next = 5;
+              _context15.next = 5;
               return userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
 
             case 5:
-              _context14.next = 7;
+              _context15.next = 7;
               return userEvent.click(canvas.getByTestId('submit'));
 
             case 7:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
         }
-      }, _callee14);
+      }, _callee15);
     }));
 
-    function play(_x10) {
+    function play(_x11) {
       return _play6.apply(this, arguments);
     }
 
@@ -543,37 +592,37 @@ export var VerificationPasssword1 = Object.assign({}, Verification, {
 });
 export var VerificationPasswordMismatch = Object.assign({}, Verification, {
   play: function () {
-    var _play7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee15(context) {
+    var _play7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee16(context) {
       var canvas;
-      return regeneratorRuntime.wrap(function _callee15$(_context15) {
+      return regeneratorRuntime.wrap(function _callee16$(_context16) {
         while (1) {
-          switch (_context15.prev = _context15.next) {
+          switch (_context16.prev = _context16.next) {
             case 0:
               canvas = within(context.canvasElement);
-              _context15.next = 3;
+              _context16.next = 3;
               return StandardEmailFilled.play(context);
 
             case 3:
-              _context15.next = 5;
+              _context16.next = 5;
               return userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
 
             case 5:
-              _context15.next = 7;
+              _context16.next = 7;
               return userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
 
             case 7:
-              _context15.next = 9;
+              _context16.next = 9;
               return userEvent.click(canvas.getByTestId('submit'));
 
             case 9:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
         }
-      }, _callee15);
+      }, _callee16);
     }));
 
-    function play(_x11) {
+    function play(_x12) {
       return _play7.apply(this, arguments);
     }
 
@@ -582,59 +631,59 @@ export var VerificationPasswordMismatch = Object.assign({}, Verification, {
 });
 export var VerificationSuccess = Object.assign({}, Verification, {
   play: function () {
-    var _play8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee16(context) {
+    var _play8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee17(context) {
       var canvas;
-      return regeneratorRuntime.wrap(function _callee16$(_context16) {
+      return regeneratorRuntime.wrap(function _callee17$(_context17) {
         while (1) {
-          switch (_context16.prev = _context16.next) {
+          switch (_context17.prev = _context17.next) {
             case 0:
               canvas = within(context.canvasElement);
-              _context16.next = 3;
+              _context17.next = 3;
               return StandardEmailFilled.play(context);
 
             case 3:
-              _context16.next = 5;
+              _context17.next = 5;
               return new Promise(function (resolve) {
                 return setTimeout(resolve, 1000);
               });
 
             case 5:
-              _context16.next = 7;
+              _context17.next = 7;
               return userEvent.type(canvas.getByTestId('password1'), 'helloyou', {
                 delay: 50
               });
 
             case 7:
-              _context16.next = 9;
+              _context17.next = 9;
               return new Promise(function (resolve) {
                 return setTimeout(resolve, 1000);
               });
 
             case 9:
-              _context16.next = 11;
+              _context17.next = 11;
               return userEvent.type(canvas.getByTestId('password2'), 'helloyou', {
                 delay: 50
               });
 
             case 11:
-              _context16.next = 13;
+              _context17.next = 13;
               return new Promise(function (resolve) {
                 return setTimeout(resolve, 1000);
               });
 
             case 13:
-              _context16.next = 15;
+              _context17.next = 15;
               return userEvent.click(canvas.getByTestId('submit'));
 
             case 15:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
         }
-      }, _callee16);
+      }, _callee17);
     }));
 
-    function play(_x12) {
+    function play(_x13) {
       return _play8.apply(this, arguments);
     }