auth0-lock 11.34.1 → 12.0.0-beta.0

package/lib/__tests__/field/username.js

@@ -1,23 +1,17 @@
-'use strict';
-
-var _immutable = require('immutable');
-
-var _immutable2 = _interopRequireDefault(_immutable);
+"use strict";
 
+var _immutable = _interopRequireDefault(require("immutable"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 describe('field/username', function () {
-  var username = void 0;
-  var dbConnection = void 0;
+  var username;
+  var dbConnection;
   beforeEach(function () {
     jest.resetModules();
-
     jest.mock('field/index', function () {
       return {
         setField: jest.fn()
       };
     });
-
     jest.mock('field/email', function () {
       return {
         validateEmail: function validateEmail(s) {
@@ -25,7 +19,6 @@ describe('field/username', function () {
         }
       };
     });
-
     jest.mock('connection/database', function () {
       return {
         databaseConnection: function databaseConnection(m) {
@@ -33,9 +26,8 @@ describe('field/username', function () {
         }
       };
     });
-
     username = require('field/username');
-    dbConnection = _immutable2.default.fromJS({
+    dbConnection = _immutable.default.fromJS({
       validation: null
     });
   });
@@ -48,23 +40,24 @@ describe('field/username', function () {
     });
   });
   describe('getUsernameValidation()', function () {
-    it('returns database connection\'s username validation', function () {
-      expect(username.getUsernameValidation(_immutable2.default.fromJS({
+    it("returns database connection's username validation", function () {
+      expect(username.getUsernameValidation(_immutable.default.fromJS({
         validation: {
-          username: { min: 1, max: 2 }
+          username: {
+            min: 1,
+            max: 2
+          }
         }
       }))).toMatchSnapshot();
     });
-    it('returns null there\'s no db connection username validation', function () {
+    it("returns null there's no db connection username validation", function () {
       expect(username.getUsernameValidation(dbConnection)).toBe(null);
     });
   });
   describe('setUsername()', function () {
-    it('calls setField', function () {
+    it("calls setField", function () {
       username.setUsername(dbConnection, 'a-username', 'username', true);
-
       var mock = require('field/index').setField.mock;
-
       expect(mock.calls.length).toBe(1);
       expect(mock.calls[0]).toMatchSnapshot();
     });
@@ -72,94 +65,80 @@ describe('field/username', function () {
       it('validates when usernameStyle is `email`', function () {
         var email = 'a@a.com';
         username.setUsername(dbConnection, email, 'email', true);
-
         var mock = require('field/index').setField.mock;
-
         expect(mock.calls[0][3](email)).toBe(email);
       });
       it('validates when usernameStyle is `username`', function () {
         var theUsername = 'the_user';
         username.setUsername(dbConnection, theUsername, 'username', true);
-
         var mock = require('field/index').setField.mock;
-
         expect(mock.calls[0][3](theUsername)).toBe(true);
       });
       it('validates when username looks like an email', function () {
         var email = 'a@a.com';
         username.setUsername(dbConnection, email, null, true);
-
         var mock = require('field/index').setField.mock;
-
         expect(mock.calls[0][3](email)).toBe(email);
       });
       it('validates when username does not look like an email', function () {
         var theUsername = 'the_user';
         username.setUsername(dbConnection, theUsername, null, true);
-
         var mock = require('field/index').setField.mock;
-
         expect(mock.calls[0][3](theUsername)).toBe(true);
       });
       it('defaults usernameStyle to `username`', function () {
         var theUsername = 'the_user';
         username.setUsername(dbConnection, theUsername, undefined, true);
-
         var mock = require('field/index').setField.mock;
-
         expect(mock.calls[0][3](theUsername)).toBe(true);
       });
       it('defaults validateUsernameFormat to `true`', function () {
         var theUsername = 'the_user';
         username.setUsername(dbConnection, theUsername, 'username', undefined);
-
         var mock = require('field/index').setField.mock;
-
         expect(mock.calls[0][3](theUsername)).toBe(true);
       });
       describe('when in username mode', function () {
         var expectToFailWith = function expectToFailWith(theUsername) {
           username.setUsername(dbConnection, theUsername, 'username', true);
-
           var mock = require('field/index').setField.mock;
-
           expect(mock.calls[0][3](theUsername)).toBe(false);
         };
         var expectToSuccedWith = function expectToSuccedWith(theUsername) {
           username.setUsername(dbConnection, theUsername, 'username', true);
-
           var mock = require('field/index').setField.mock;
-
           expect(mock.calls[0][3](theUsername)).toBe(true);
         };
         describe('validates if the username is not empty', function () {
           it('when `validateUsernameFormat` is true but there is no db connection validation', function () {
             var theUsername = '';
             username.setUsername(dbConnection, theUsername, 'username', true);
-
             var mock = require('field/index').setField.mock;
-
             expect(mock.calls[0][3](theUsername)).toBe(false);
           });
           it('when `validateUsernameFormat` is false and there is db connection validation', function () {
             var theUsername = '';
-            var customDbConnection = _immutable2.default.fromJS({
+            var customDbConnection = _immutable.default.fromJS({
               validation: {
-                username: { min: 1, max: 2 }
+                username: {
+                  min: 1,
+                  max: 2
+                }
               }
             });
             username.setUsername(customDbConnection, theUsername, 'username', false);
-
             var mock = require('field/index').setField.mock;
-
             expect(mock.calls[0][3](theUsername)).toBe(false);
           });
         });
         describe('with a db connection validation', function () {
           beforeEach(function () {
-            dbConnection = _immutable2.default.fromJS({
+            dbConnection = _immutable.default.fromJS({
               validation: {
-                username: { min: 3, max: 5 }
+                username: {
+                  min: 3,
+                  max: 5
+                }
               }
             });
           });
@@ -173,15 +152,15 @@ describe('field/username', function () {
             expectToFailWith('a@a.com');
           });
           it('validates invalid chars', function () {
-            var invalidChars = '{}[],;?/\\%\xA8&*()\xB9\xB2\xB3\xAA\xBA\xA7\xA3\xA2\xAC<>|" '.split('');
+            var invalidChars = "{}[],;?/\\%\xA8&*()\xB9\xB2\xB3\xAA\xBA\xA7\xA3\xA2\xAC<>|\" ".split('');
             invalidChars.forEach(function (i) {
-              return expectToFailWith('aa' + i);
+              return expectToFailWith("aa".concat(i));
             });
           });
           it('accepts letters, numbers, `_`, `-`, `+` and `.`', function () {
-            var validChars = '_+-.!#$\'^`~@'.split('');
+            var validChars = "_+-.!#$'^`~@".split('');
             validChars.forEach(function (i) {
-              return expectToSuccedWith('aa' + i);
+              return expectToSuccedWith("aa".concat(i));
             });
           });
         });

package/lib/__tests__/field/username_pane.js

@@ -1,33 +1,23 @@
-'use strict';
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _enzyme = require('enzyme');
-
-var _testUtils = require('testUtils');
+"use strict";
 
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _testUtils = require("testUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 jest.mock('ui/input/username_input', function () {
   return (0, _testUtils.mockComponent)('username_input');
 });
-
 var getComponent = function getComponent() {
   return require('field/username/username_pane').default;
 };
-
 describe('UsernamePane', function () {
   var defaultProps = {
     i18n: {
       str: function str() {
-        for (var _len = arguments.length, keys = Array(_len), _key = 0; _key < _len; _key++) {
+        for (var _len = arguments.length, keys = new Array(_len), _key = 0; _key < _len; _key++) {
           keys[_key] = arguments[_key];
         }
-
         return keys.join(',');
       }
     },
@@ -40,10 +30,8 @@ describe('UsernamePane', function () {
     usernameInputPlaceholder: 'usernameInputPlaceholder',
     strictValidation: false
   };
-
   beforeEach(function () {
     jest.resetModules();
-
     var mockUsername = 'username';
     jest.mock('field/index', function () {
       return {
@@ -58,7 +46,6 @@ describe('UsernamePane', function () {
         }
       };
     });
-
     jest.mock('field/username', function () {
       return {
         getUsernameValidation: function getUsernameValidation() {
@@ -70,7 +57,6 @@ describe('UsernamePane', function () {
         setUsername: 'setUsername'
       };
     });
-
     jest.mock('core/index', function () {
       return {
         id: function id() {
@@ -89,14 +75,12 @@ describe('UsernamePane', function () {
         }
       };
     });
-
     jest.mock('avatar', function () {
       return {
         requestAvatar: jest.fn(),
         debouncedRequestAvatar: jest.fn()
       };
     });
-
     jest.mock('store/index', function () {
       return {
         swap: jest.fn(),
@@ -104,10 +88,9 @@ describe('UsernamePane', function () {
       };
     });
   });
-
   it('renders correctly', function () {
     var UsernamePane = getComponent();
-    (0, _testUtils.expectComponent)(_react2.default.createElement(UsernamePane, defaultProps)).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(UsernamePane, defaultProps)).toMatchSnapshot();
   });
   it('sets `blankErrorHint` when username is empty', function () {
     var fieldIndexMock = require('field/index');
@@ -118,47 +101,45 @@ describe('UsernamePane', function () {
       return undefined;
     };
     var UsernamePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(UsernamePane, defaultProps)).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(UsernamePane, defaultProps)).toMatchSnapshot();
   });
   it('sets `usernameFormatErrorHint` when usernameLooksLikeEmail() returns false and `validateFormat` is true', function () {
     var fieldUsernameMock = require('field/username');
     fieldUsernameMock.getUsernameValidation = function () {
-      return { min: 'min', max: 'max' };
+      return {
+        min: 'min',
+        max: 'max'
+      };
     };
     fieldUsernameMock.usernameLooksLikeEmail = function () {
       return false;
     };
     var UsernamePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(UsernamePane, _extends({}, defaultProps, { validateFormat: true }))).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(UsernamePane, _extends({}, defaultProps, {
+      validateFormat: true
+    }))).toMatchSnapshot();
   });
   it('sets isValid as true when `isFieldVisiblyInvalid` is false', function () {
     require('field/index').isFieldVisiblyInvalid = function () {
       return false;
     };
     var UsernamePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(UsernamePane, defaultProps)).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(UsernamePane, defaultProps)).toMatchSnapshot();
   });
   it('sets autoComplete to true when `allowAutocomplete` is true', function () {
     require('core/index').ui.allowAutocomplete = function () {
       return true;
     };
     var UsernamePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(UsernamePane, defaultProps)).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(UsernamePane, defaultProps)).toMatchSnapshot();
   });
   it('fetches the avatar on componentDidMount if ui.avatar is true and there is a username', function () {
     require('core/index').ui.avatar = function () {
       return true;
     };
     var UsernamePane = getComponent();
-
-    (0, _enzyme.mount)(_react2.default.createElement(UsernamePane, defaultProps));
-
+    (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(UsernamePane, defaultProps));
     var mock = require('avatar').requestAvatar.mock;
-
     expect(mock.calls.length).toBe(1);
   });
   it('fetches the avatar onChange if ui.avatar is true', function () {
@@ -166,24 +147,26 @@ describe('UsernamePane', function () {
       return true;
     };
     var UsernamePane = getComponent();
-
-    var wrapper = (0, _enzyme.mount)(_react2.default.createElement(UsernamePane, defaultProps));
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(UsernamePane, defaultProps));
     var props = (0, _testUtils.extractPropsFromWrapper)(wrapper);
-    props.onChange({ target: { value: 'newUser' } });
-
+    props.onChange({
+      target: {
+        value: 'newUser'
+      }
+    });
     var mock = require('avatar').debouncedRequestAvatar.mock;
-
     expect(mock.calls.length).toBe(1);
   });
   it('calls `swap` onChange', function () {
     var UsernamePane = getComponent();
-
-    var wrapper = (0, _enzyme.mount)(_react2.default.createElement(UsernamePane, defaultProps));
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(UsernamePane, defaultProps));
     var props = (0, _testUtils.extractPropsFromWrapper)(wrapper);
-    props.onChange({ target: { value: 'newUser' } });
-
+    props.onChange({
+      target: {
+        value: 'newUser'
+      }
+    });
     var mock = require('store/index').swap.mock;
-
     expect(mock.calls.length).toBe(2);
     expect(mock.calls[1]).toMatchSnapshot();
   });

package/lib/__tests__/field/vcode.js

@@ -1,30 +1,22 @@
-'use strict';
-
-var _immutable = require('immutable');
-
-var _immutable2 = _interopRequireDefault(_immutable);
+"use strict";
 
+var _immutable = _interopRequireDefault(require("immutable"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 describe('field/vcode', function () {
-  var vcode = void 0;
+  var vcode;
   beforeEach(function () {
     jest.resetModules();
-
     jest.mock('field/index', function () {
       return {
         setField: jest.fn()
       };
     });
-
     vcode = require('field/vcode');
   });
   describe('setVcode()', function () {
-    it('removes spaces from code', function () {
-      vcode.setVcode(_immutable2.default.fromJS({}), ' 123 456 ');
-
+    it("removes spaces from code", function () {
+      vcode.setVcode(_immutable.default.fromJS({}), ' 123 456 ');
       var mock = require('field/index').setField.mock;
-
       expect(mock.calls.length).toBe(1);
       expect(mock.calls[0]).toMatchSnapshot();
     });

package/lib/__tests__/field/vcode_pane.js

@@ -1,25 +1,16 @@
-'use strict';
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _enzyme = require('enzyme');
-
-var _testUtils = require('testUtils');
+"use strict";
 
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _testUtils = require("testUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 jest.mock('ui/input/vcode_input', function () {
   return (0, _testUtils.mockComponent)('vcode_input');
 });
-
 var getComponent = function getComponent() {
   return require('field/vcode/vcode_pane').default;
 };
-
 describe('VcodePane', function () {
   var defaultProps = {
     lock: {},
@@ -29,7 +20,6 @@ describe('VcodePane', function () {
   };
   beforeEach(function () {
     jest.resetModules();
-
     jest.mock('field/index', function () {
       return {
         vcode: function vcode() {
@@ -40,13 +30,11 @@ describe('VcodePane', function () {
         }
       };
     });
-
     jest.mock('field/phone_number', function () {
       return {
         setVcode: 'setVcode'
       };
     });
-
     jest.mock('core/index', function () {
       return {
         id: function id() {
@@ -60,7 +48,6 @@ describe('VcodePane', function () {
         }
       };
     });
-
     jest.mock('utils/media_utils', function () {
       return {
         isSmallScreen: function isSmallScreen() {
@@ -68,7 +55,6 @@ describe('VcodePane', function () {
         }
       };
     });
-
     jest.mock('store/index', function () {
       return {
         swap: jest.fn(),
@@ -76,28 +62,22 @@ describe('VcodePane', function () {
       };
     });
   });
-
   it('renders correctly', function () {
     var VcodePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(VcodePane, defaultProps)).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(VcodePane, defaultProps)).toMatchSnapshot();
   });
   it('shows header when instructions are available', function () {
     var VcodePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(VcodePane, _extends({}, defaultProps, { instructions: _react2.default.createElement(
-        'span',
-        null,
-        'instructions'
-      ) }))).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(VcodePane, _extends({}, defaultProps, {
+      instructions: /*#__PURE__*/_react.default.createElement("span", null, "instructions")
+    }))).toMatchSnapshot();
   });
   it('disable input when submitting', function () {
     require('core/index').submitting = function () {
       return true;
     };
     var VcodePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(VcodePane, defaultProps)).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(VcodePane, defaultProps)).toMatchSnapshot();
   });
   it('sets isValid as true when `isFieldVisiblyInvalid` is false and globalError() is false', function () {
     require('field/index').isFieldVisiblyInvalid = function () {
@@ -107,38 +87,34 @@ describe('VcodePane', function () {
       return false;
     };
     var VcodePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(VcodePane, defaultProps)).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(VcodePane, defaultProps)).toMatchSnapshot();
   });
   it('sets autoFocus as true when `isSmallScreen` is false', function () {
     require('utils/media_utils').isSmallScreen = function () {
       return false;
     };
     var VcodePane = getComponent();
-
-    (0, _testUtils.expectComponent)(_react2.default.createElement(VcodePane, defaultProps)).toMatchSnapshot();
+    (0, _testUtils.expectComponent)( /*#__PURE__*/_react.default.createElement(VcodePane, defaultProps)).toMatchSnapshot();
   });
   it('calls `onRestart` when alternative link is clicked', function () {
     var VcodePane = getComponent();
-
-    var wrapper = (0, _enzyme.mount)(_react2.default.createElement(VcodePane, defaultProps));
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(VcodePane, defaultProps));
     wrapper.find('.auth0-lock-alternative-link').simulate('click');
-
     var mock = defaultProps.onRestart.mock;
-
     expect(mock.calls.length).toBe(1);
     expect(mock.calls[0]).toMatchSnapshot();
   });
   it('calls `swap` when VcodeInput changes', function () {
     var VcodePane = getComponent();
-
-    var wrapper = (0, _enzyme.mount)(_react2.default.createElement(VcodePane, defaultProps));
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(VcodePane, defaultProps));
     var props = (0, _testUtils.extractPropsFromWrapper)(wrapper, 1);
-
-    props.onChange({ preventDefault: jest.fn(), target: { value: 'newCode' } });
-
+    props.onChange({
+      preventDefault: jest.fn(),
+      target: {
+        value: 'newCode'
+      }
+    });
     var mock = require('store/index').swap.mock;
-
     expect(mock.calls.length).toBe(1);
     expect(mock.calls[0]).toMatchSnapshot();
   });