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

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

@@ -21,7 +21,7 @@ require("core-js/modules/es.array.from.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VerificationSuccess = exports.VerificationPasswordMismatch = exports.VerificationPasssword1 = exports.Verification = exports.StandardFailHover = exports.StandardPasswordFailed = exports.StandardEmailSuccess = exports.StandardEmailFailed = exports.StandardEmailFilled = exports.Standard = exports.WithLoaders = exports.WaitForElementToBeRemoved = exports.WaitFor = exports.Demo = exports.default = void 0;
+exports.VerificationSuccess = exports.VerificationPasswordMismatch = exports.VerificationPasssword1 = exports.Verification = exports.StandardFailHover = exports.StandardPasswordFailed = exports.StandardEmailSuccess = exports.StandardEmailFailed = exports.StandardEmailFilled = exports.Standard = exports.WithLoaders = exports.WaitForElementToBeRemoved = exports.WaitFor = exports.FindBy = exports.Demo = exports.default = void 0;
 
 require("core-js/modules/es.promise.js");
 
@@ -114,6 +114,54 @@ Demo.play = /*#__PURE__*/function () {
   };
 }();
 
+var FindBy = function FindBy(args) {
+  var _React$useState = _react.default.useState(true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isLoading = _React$useState2[0],
+      setIsLoading = _React$useState2[1];
+
+  _react.default.useEffect(function () {
+    setTimeout(function () {
+      return setIsLoading(false);
+    }, 500);
+  }, []);
+
+  return isLoading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement("button", {
+    type: "button"
+  }, "Loaded!");
+};
+
+exports.FindBy = FindBy;
+
+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 = (0, _testingLibrary.within)(canvasElement);
+            _context2.next = 4;
+            return canvas.findByRole('button');
+
+          case 4:
+            _context2.next = 6;
+            return (0, _jest.expect)(true).toBe(true);
+
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function (_x2) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+
 var WaitFor = function WaitFor(args) {
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
@@ -128,58 +176,62 @@ var WaitFor = function WaitFor(args) {
 exports.WaitFor = WaitFor;
 
 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 = _testingLibrary.userEvent;
-            _context3.next = 4;
+            args = _ref5.args, canvasElement = _ref5.canvasElement;
+            _context4.t0 = _testingLibrary.userEvent;
+            _context4.next = 4;
             return (0, _testingLibrary.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 (0, _testingLibrary.waitFor)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-              return regeneratorRuntime.wrap(function _callee2$(_context2) {
+            _context4.next = 9;
+            return (0, _testingLibrary.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 (0, _jest.expect)(args.onSubmit).toHaveBeenCalledWith(_jest.expect.stringMatching(/([A-Z])\w+/gi));
 
                     case 2:
+                      _context3.next = 4;
+                      return (0, _jest.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);
   };
 }();
 
 var WaitForElementToBeRemoved = function WaitForElementToBeRemoved() {
-  var _React$useState = _react.default.useState(true),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isLoading = _React$useState2[0],
-      setIsLoading = _React$useState2[1];
+  var _React$useState3 = _react.default.useState(true),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isLoading = _React$useState4[0],
+      setIsLoading = _React$useState4[1];
 
   _react.default.useEffect(function () {
     setTimeout(function () {
@@ -195,50 +247,50 @@ var WaitForElementToBeRemoved = function WaitForElementToBeRemoved() {
 exports.WaitForElementToBeRemoved = 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 = (0, _testingLibrary.within)(canvasElement);
-            _context4.t0 = _testingLibrary.waitForElementToBeRemoved;
-            _context4.next = 5;
+            _context5.t0 = _testingLibrary.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 (0, _jest.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);
   };
 }();
 
-var WithLoaders = function WithLoaders(args, _ref8) {
-  var todo = _ref8.loaded.todo;
+var WithLoaders = function WithLoaders(args, _ref10) {
+  var todo = _ref10.loaded.todo;
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     onClick: args.onSubmit(todo.title)
@@ -246,18 +298,18 @@ var WithLoaders = function WithLoaders(args, _ref8) {
 };
 
 exports.WithLoaders = WithLoaders;
-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,
@@ -268,43 +320,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 = (0, _testingLibrary.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 _testingLibrary.userEvent.click(todoItem);
 
           case 7:
-            _context6.next = 9;
+            _context7.next = 9;
             return (0, _jest.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);
   };
 }();
 
@@ -316,15 +368,15 @@ var Standard = {
 exports.Standard = Standard;
 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 = (0, _testingLibrary.within)(canvasElement);
-              _context7.next = 4;
+              _context8.next = 4;
               return _testingLibrary.fireEvent.change(canvas.getByTestId('email'), {
                 target: {
                   value: 'michael@chromatic.com'
@@ -333,13 +385,13 @@ 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);
     }
 
@@ -349,29 +401,29 @@ var StandardEmailFilled = Object.assign({}, Standard, {
 exports.StandardEmailFilled = StandardEmailFilled;
 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 = (0, _testingLibrary.within)(canvasElement);
-              _context8.next = 4;
+              _context9.next = 4;
               return _testingLibrary.userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
 
             case 4:
-              _context8.next = 6;
+              _context9.next = 6;
               return _testingLibrary.userEvent.type(canvas.getByTestId('password1'), 'supersecret');
 
             case 6:
-              _context8.next = 8;
+              _context9.next = 8;
               return _testingLibrary.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:
@@ -379,13 +431,13 @@ 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);
     }
 
@@ -395,37 +447,37 @@ var StandardEmailFailed = Object.assign({}, Standard, {
 exports.StandardEmailFailed = StandardEmailFailed;
 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 = (0, _testingLibrary.within)(canvasElement);
-              _context10.next = 4;
+              _context11.next = 4;
               return _testingLibrary.userEvent.type(canvas.getByTestId('email'), 'michael@chromatic.com');
 
             case 4:
-              _context10.next = 6;
+              _context11.next = 6;
               return _testingLibrary.userEvent.type(canvas.getByTestId('password1'), 'testpasswordthatwontfail');
 
             case 6:
-              _context10.next = 8;
+              _context11.next = 8;
               return _testingLibrary.userEvent.click(canvas.getByTestId('submit'));
 
             case 8:
-              _context10.next = 10;
-              return (0, _testingLibrary.waitFor)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
-                return regeneratorRuntime.wrap(function _callee9$(_context9) {
+              _context11.next = 10;
+              return (0, _testingLibrary.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 (0, _jest.expect)(args.onSubmit).toHaveBeenCalledTimes(1);
 
                       case 2:
-                        _context9.next = 4;
+                        _context10.next = 4;
                         return (0, _jest.expect)(args.onSubmit).toHaveBeenCalledWith({
                           email: 'michael@chromatic.com',
                           password: 'testpasswordthatwontfail'
@@ -433,21 +485,21 @@ 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);
     }
 
@@ -457,33 +509,33 @@ var StandardEmailSuccess = Object.assign({}, Standard, {
 exports.StandardEmailSuccess = StandardEmailSuccess;
 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 = (0, _testingLibrary.within)(context.canvasElement);
-              _context11.next = 3;
+              _context12.next = 3;
               return StandardEmailFilled.play(context);
 
             case 3:
-              _context11.next = 5;
+              _context12.next = 5;
               return _testingLibrary.userEvent.type(canvas.getByTestId('password1'), 'asdf');
 
             case 5:
-              _context11.next = 7;
+              _context12.next = 7;
               return _testingLibrary.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);
     }
 
@@ -493,43 +545,43 @@ var StandardPasswordFailed = Object.assign({}, Standard, {
 exports.StandardPasswordFailed = StandardPasswordFailed;
 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 = (0, _testingLibrary.within)(context.canvasElement);
-              _context13.next = 3;
+              _context14.next = 3;
               return StandardPasswordFailed.play(context);
 
             case 3:
-              _context13.next = 5;
-              return (0, _testingLibrary.waitFor)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12() {
-                return regeneratorRuntime.wrap(function _callee12$(_context12) {
+              _context14.next = 5;
+              return (0, _testingLibrary.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 _testingLibrary.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);
     }
 
@@ -550,33 +602,33 @@ var Verification = {
 exports.Verification = Verification;
 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 = (0, _testingLibrary.within)(context.canvasElement);
-              _context14.next = 3;
+              _context15.next = 3;
               return StandardEmailFilled.play(context);
 
             case 3:
-              _context14.next = 5;
+              _context15.next = 5;
               return _testingLibrary.userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
 
             case 5:
-              _context14.next = 7;
+              _context15.next = 7;
               return _testingLibrary.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);
     }
 
@@ -586,37 +638,37 @@ var VerificationPasssword1 = Object.assign({}, Verification, {
 exports.VerificationPasssword1 = VerificationPasssword1;
 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 = (0, _testingLibrary.within)(context.canvasElement);
-              _context15.next = 3;
+              _context16.next = 3;
               return StandardEmailFilled.play(context);
 
             case 3:
-              _context15.next = 5;
+              _context16.next = 5;
               return _testingLibrary.userEvent.type(canvas.getByTestId('password1'), 'asdfasdf');
 
             case 5:
-              _context15.next = 7;
+              _context16.next = 7;
               return _testingLibrary.userEvent.type(canvas.getByTestId('password2'), 'asdf1234');
 
             case 7:
-              _context15.next = 9;
+              _context16.next = 9;
               return _testingLibrary.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);
     }
 
@@ -626,59 +678,59 @@ var VerificationPasswordMismatch = Object.assign({}, Verification, {
 exports.VerificationPasswordMismatch = VerificationPasswordMismatch;
 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 = (0, _testingLibrary.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 _testingLibrary.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 _testingLibrary.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 _testingLibrary.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);
     }