@jetbrains/ring-ui 4.1.6 → 5.0.0-beta.3

package/components/auth/request-builder.test.js

@@ -1,64 +0,0 @@
-import AuthRequestBuilder from './request-builder';
-
-describe('Auth', () => {
-  describe('AuthRequestBuilder', () => {
-    describe('prepareAuthRequest', () => {
-      const config = {
-        authorization: 'https://sso.jetbrains.com/auth',
-        redirectUri: 'http://localhost:8080',
-        requestCredentials: 'default',
-        clientId: '0-0-0-0-0',
-        scopes: ['youtrack', 'teamcity', 'vcs settings']
-      };
-      beforeEach(() => {
-        sandbox.stub(AuthRequestBuilder, '_uuid').returns('unique');
-        sandbox.stub(AuthRequestBuilder.prototype, '_saveState').
-          callsFake(() => Promise.resolve());
-      });
-
-      it('should return correct URL', () => {
-        const builder = new AuthRequestBuilder(config);
-        const expected = 'https://sso.jetbrains.com/auth?response_type=token&' +
-          'state=unique&redirect_uri=http%3A%2F%2Flocalhost%3A8080&request_credentials=default' +
-          '&client_id=0-0-0-0-0&scope=youtrack%20teamcity%20vcs%2520settings';
-        return builder.prepareAuthRequest().should.become({
-          url: expected,
-          stateId: 'unique'
-        });
-
-      });
-
-      it('should save state', async () => {
-        const builder = new AuthRequestBuilder(config);
-        await builder.prepareAuthRequest();
-        AuthRequestBuilder.prototype._saveState.should.have.been.calledWith('unique', {
-          restoreLocation: window.location.href,
-          scopes: ['youtrack', 'teamcity', 'vcs settings']
-        });
-      });
-
-      it('should save extra state', async () => {
-        const builder = new AuthRequestBuilder(config);
-        await builder.prepareAuthRequest(null, {nonRedirect: true});
-        AuthRequestBuilder.prototype._saveState.should.have.been.calledWith('unique', {
-          restoreLocation: window.location.href,
-          nonRedirect: true,
-          scopes: ['youtrack', 'teamcity', 'vcs settings']
-        });
-      });
-
-
-      it('should return correct URL with extra parameters', () => {
-        const builder = new AuthRequestBuilder(config);
-        const expected = 'https://sso.jetbrains.com/auth?response_type=token&state=unique&' +
-          'redirect_uri=http%3A%2F%2Flocalhost%3A8080&request_credentials=required&' +
-          'client_id=0-0-0-0-0&scope=youtrack%20teamcity%20vcs%2520settings';
-        // eslint-disable-next-line camelcase
-        return builder.prepareAuthRequest({request_credentials: 'required'}).should.become({
-          url: expected,
-          stateId: 'unique'
-        });
-      });
-    });
-  });
-});

package/components/auth/response-parser.test.js

@@ -1,89 +0,0 @@
-import AuthResponseParser from './response-parser';
-
-describe('Auth', () => {
-  describe('AuthResponseParser', () => {
-    describe('getAuthResponseFromURL', () => {
-      let location;
-      beforeEach(function beforeEach() {
-        sandbox.stub(AuthResponseParser.prototype, 'getLocation').callsFake(() => location);
-      });
-
-      it('should convert keys to camelCase', () => {
-        location = 'http://localhost:8080/hub#access_token=2YotnFZFEjr1zCsicMWpAA' +
-          '&state=xyz&token_type=example&expires_in=3600';
-        const parser = new AuthResponseParser();
-        parser.readAuthResponseFromURL().should.be.deep.equal({
-          accessToken: '2YotnFZFEjr1zCsicMWpAA',
-          state: 'xyz',
-          tokenType: 'example',
-          expiresIn: '3600'
-        });
-      });
-
-      it('should return correct response', () => {
-        location = 'http://localhost:8080/hub#access_token=2YotnFZFEjr1zCsicMWpAA' +
-          '&state=xyz&token_type=example&expires_in=3600';
-
-        const parser = new AuthResponseParser();
-        parser.getAuthResponseFromURL().should.be.deep.equal({
-          accessToken: '2YotnFZFEjr1zCsicMWpAA',
-          state: 'xyz',
-          tokenType: 'example',
-          expiresIn: '3600'
-        });
-      });
-
-      it('should return null for null location', () => {
-        location = null;
-        const parser = new AuthResponseParser();
-        should.not.exist(parser.getAuthResponseFromURL());
-      });
-
-      it('should return null for empty location', () => {
-        location = '';
-        const parser = new AuthResponseParser();
-        should.not.exist(parser.getAuthResponseFromURL());
-      });
-
-      it('should return null for empty hash', () => {
-        location = 'http://localhost:8080/hub#';
-        const parser = new AuthResponseParser();
-        should.not.exist(parser.getAuthResponseFromURL());
-      });
-
-      it('should return null for no hash', () => {
-        location = 'http://localhost:8080/hub';
-        const parser = new AuthResponseParser();
-        should.not.exist(parser.getAuthResponseFromURL());
-      });
-
-      it('should return correct for value with hashes', () => {
-        location = 'http://localhost:8080/hub#access_token=#2YotnFZFEjr1zCsicMWpAA#';
-        const parser = new AuthResponseParser();
-        parser.getAuthResponseFromURL().should.be.deep.
-          equal({accessToken: '#2YotnFZFEjr1zCsicMWpAA#'});
-      });
-
-      it('should throw error on error in auth response', () => {
-        location = 'http://localhost:8080/hub#error=we+are+in+trouble';
-        const parser = new AuthResponseParser();
-        parser.getAuthResponseFromURL.bind(parser).should.throw(AuthResponseParser.AuthError);
-      });
-
-      it('should throw error with fields from request', () => {
-        location = 'http://localhost:8080/hub#error=access_denied&' +
-        'error_uri=http://error&error_description=Logged+in+user+is+banned&state=unique';
-        const parser = new AuthResponseParser();
-
-        try {
-          parser.getAuthResponseFromURL();
-        } catch (e) {
-          e.should.have.property('message', 'Logged in user is banned');
-          e.should.have.property('code', 'access_denied');
-          e.should.have.property('stateId', 'unique');
-          e.should.have.property('uri', 'http://error');
-        }
-      });
-    });
-  });
-});

package/components/auth/storage.test.js

@@ -1,178 +0,0 @@
-import AuthStorage from './storage';
-import TokenValidator from './token-validator';
-
-import MockedStorage from 'imports-loader?imports=default|storage-mock|window!../storage/storage__local';
-
-const TICK = 100;
-
-describe('Auth', () => {
-  describe('AuthStorage', () => {
-    const authStorage = new AuthStorage({
-      stateKeyPrefix: 'state',
-      tokenKey: 'token'
-    });
-    const stateId = 'unique';
-
-    afterEach(() => {
-      localStorage.clear();
-    });
-
-    describe('saveState', () => {
-      it('should be fulfilled', () => authStorage.saveState(stateId, {
-        restoreLocation: 'http://localhost:8080/hub#hash',
-        scopes: ['0-0-0-0-0']
-      }).should.be.fulfilled);
-    });
-
-    describe('getState', () => {
-      const state = {
-        restoreLocation: 'http://localhost:8080/hub#hash',
-        scopes: ['0-0-0-0-0']
-      };
-      it('should be get as it was saved', async () => {
-        await authStorage.saveState(stateId, state);
-        const newState = await authStorage.getState(stateId);
-        newState.should.deep.equal(state);
-      });
-
-      it('should be null if wasn\'t set', () => {
-        authStorage.getState(stateId).should.eventually.be.null;
-      });
-
-      it('should be null after first get', async () => {
-        await authStorage.saveState(stateId, state);
-        await authStorage.getState(stateId);
-        authStorage.getState(stateId).should.eventually.be.null;
-      });
-    });
-
-    describe('cleanStates', () => {
-      const state = {
-        restoreLocation: 'http://localhost:8080/hub#hash',
-        scopes: ['0-0-0-0-0']
-      };
-
-      it('should clean state by id', async () => {
-        await authStorage.saveState(stateId, {
-          restoreLocation: 'http://localhost:8080/hub#hash',
-          scopes: ['0-0-0-0-0']
-        });
-        await authStorage.saveState('unique2', {
-          restoreLocation: 'http://localhost:8080/hub#hash',
-          scopes: ['0-0-0-0-0', 'youtrack']
-        });
-        await authStorage.cleanStates(stateId);
-        localStorage.should.have.keys(['stateunique2']);
-      });
-
-      it('should clean state by quota', async () => {
-
-        const limitedAuthStorage = new AuthStorage({
-          stateKeyPrefix: 'state',
-          tokenKey: 'token',
-          stateQuota: 200
-        });
-
-        await limitedAuthStorage.saveState(stateId, state);
-        await limitedAuthStorage.saveState('unique2', {
-          restoreLocation: 'http://localhost:8080/hub#hash',
-          scopes: ['0-0-0-0-0', 'youtrack']
-        });
-        await limitedAuthStorage.cleanStates();
-        localStorage.should.have.keys(['stateunique2']);
-      });
-
-      it('should clean state by TTL', async () => {
-        sandbox.useFakeTimers({toFake: ['Date']});
-
-        const limitedAuthStorage = new AuthStorage({
-          stateKeyPrefix: 'state',
-          tokenKey: 'token',
-          stateTTL: 10
-        });
-
-        await limitedAuthStorage.saveState(stateId, state);
-        sandbox.clock.tick(TICK);
-        await limitedAuthStorage.cleanStates();
-        sandbox.clock.tick(TICK);
-        localStorage.should.be.empty;
-      });
-    });
-
-    const token = {
-      accessToken: 'silver-bullet',
-      scopes: ['0-0-0-0-0'],
-      // eslint-disable-next-line no-magic-numbers
-      expires: TokenValidator._epoch() + 40 * 60
-    };
-
-    describe('saveToken', () => {
-      it('should be fulfilled', () => authStorage.saveToken(token).should.be.fulfilled);
-    });
-
-    describe('getToken', () => {
-      it('should be get as it was saved', async () => {
-        await authStorage.saveToken(token);
-        authStorage.getToken().should.become(token);
-      });
-
-      it('should be null if wasn\'t saved', () => authStorage.getToken().should.eventually.be.null);
-
-      it('should be the same after several get', async () => {
-        await authStorage.saveToken(token);
-        await authStorage.getToken();
-        authStorage.getToken().should.become(token);
-      });
-
-      it('should be null after wipe', async () => {
-        await authStorage.saveToken(token);
-        await authStorage.wipeToken();
-        authStorage.getToken().should.eventually.be.null;
-      });
-    });
-
-    describe('events', () => {
-      let mockedAuthStorage;
-
-      beforeEach(() => {
-        mockedAuthStorage = new AuthStorage({
-          stateKeyPrefix: 'state',
-          tokenKey: 'loltoken',
-          storage: MockedStorage
-        });
-      });
-
-      it('onTokenChange should have been triggered', () => {
-        const clock = sandbox.useFakeTimers({toFake: ['setTimeout']});
-        const spy = sandbox.spy();
-        mockedAuthStorage.onTokenChange(spy);
-        mockedAuthStorage.saveToken(token);
-
-        clock.tick(1);
-        spy.should.have.been.calledOnce;
-      });
-
-      it('onStateChange should have been triggered', () => {
-        const clock = sandbox.useFakeTimers({toFake: ['setTimeout']});
-        const spy = sandbox.spy();
-        mockedAuthStorage.onStateChange(stateId, spy);
-        mockedAuthStorage.saveState(stateId, {});
-
-        clock.tick(1);
-        spy.should.have.been.calledOnce;
-      });
-
-      it('onMessage should have been triggered', () => {
-        const clock = sandbox.useFakeTimers({toFake: ['setTimeout']});
-        const spy = sandbox.spy();
-        mockedAuthStorage.onMessage(stateId, spy);
-        mockedAuthStorage.sendMessage(stateId, 'message');
-
-
-        clock.tick(1);
-        spy.should.have.been.calledOnce;
-        spy.should.have.been.calledWith('message');
-      });
-    });
-  });
-});

package/components/auth/token-validator.test.js

@@ -1,199 +0,0 @@
-/* eslint-disable no-magic-numbers */
-import HTTP from '../http/http';
-
-import Auth from './auth';
-import AuthStorage from './storage';
-import TokenValidator from './token-validator';
-
-import MockedStorage from 'imports-loader?imports=default|storage-mock|window!../storage/storage__local';
-
-describe('Auth', () => {
-  describe('TokenValidator', () => {
-    const storage = new AuthStorage({
-      storage: MockedStorage
-    });
-    const http = new HTTP();
-    const getUser = token => http.authorizedFetch(Auth.API_PROFILE_PATH, token);
-    const tokenValidator = new TokenValidator({
-      scope: ['0-0-0-0-0', 'youtrack'],
-      optionalScopes: ['youtrack']
-    }, getUser, storage);
-    const lifeTime = 60 * 60;
-    const expires = TokenValidator._epoch() + lifeTime;
-
-    describe('getValidatedToken', () => {
-      beforeEach(function beforeEach() {
-        sandbox.stub(AuthStorage.prototype, 'getToken');
-      });
-
-      it('should resolve access token when it is valid', () => {
-
-        AuthStorage.prototype.getToken.returns(Promise.resolve({
-          accessToken: 'token',
-          expires,
-          lifeTime,
-          scopes: ['0-0-0-0-0', 'youtrack']
-        }));
-
-        return tokenValidator.validateTokenLocally().
-          should.eventually.be.equal('token');
-      });
-
-      it('should resolve access token when token is given for all required scopes', () => {
-        AuthStorage.prototype.getToken.returns(Promise.resolve({
-          accessToken: 'token',
-          expires,
-          lifeTime,
-          scopes: ['0-0-0-0-0']
-        }));
-
-        return tokenValidator.validateTokenLocally().
-          should.eventually.be.equal('token');
-      });
-
-      it('should reject if accessToken is empty', () => {
-        AuthStorage.prototype.getToken.returns(Promise.resolve({
-          accessToken: null,
-          expires,
-          lifeTime,
-          scopes: ['0-0-0-0-0']
-        }));
-
-        return tokenValidator.validateTokenLocally().
-          should.be.rejectedWith(TokenValidator.TokenValidationError, 'Token not found');
-      });
-
-      it('should reject if there is no token stored', () => {
-        AuthStorage.prototype.getToken.returns(Promise.resolve(null));
-        return tokenValidator.validateTokenLocally().
-          should.be.rejectedWith(TokenValidator.TokenValidationError, 'Token not found');
-      });
-
-      it('should reject if token is about to be expired (<1/6 lifeTime left)', () => {
-        AuthStorage.prototype.getToken.returns(Promise.resolve({
-          accessToken: 'token',
-          expires: TokenValidator._epoch() + (lifeTime / 6) - 1,
-          lifeTime,
-          scopes: ['0-0-0-0-0']
-        }));
-        return tokenValidator.validateTokenLocally().
-          should.be.rejectedWith(TokenValidator.TokenValidationError, 'Token expired');
-      });
-
-      it('should reject if short-life token is about to be expired (<1/6 lifeTime left)', () => {
-        const minimalLifeTime = 60 * 5;
-        AuthStorage.prototype.getToken.returns(Promise.resolve({
-          accessToken: 'token',
-          expires: TokenValidator._epoch() + (minimalLifeTime / 6) - 1,
-          lifeTime: minimalLifeTime,
-          scopes: ['0-0-0-0-0']
-        }));
-        return tokenValidator.validateTokenLocally().
-          should.be.rejectedWith(TokenValidator.TokenValidationError, 'Token expired');
-      });
-
-      it('should reject if token is about to be expired but lifeTime is not set and default time used', () => {
-        AuthStorage.prototype.getToken.returns(Promise.resolve({
-          accessToken: 'token',
-          expires: TokenValidator._epoch() + 5 * 60,
-          scopes: ['0-0-0-0-0']
-        }));
-        return tokenValidator.validateTokenLocally().
-          should.be.rejectedWith(TokenValidator.TokenValidationError, 'Token expired');
-      });
-
-      it('should reject if token scopes don\'t match required scopes', () => {
-        AuthStorage.prototype.getToken.returns(Promise.resolve({
-          accessToken: 'token',
-          expires,
-          lifeTime,
-          scopes: ['youtrack']
-        }));
-
-        return tokenValidator.validateTokenLocally().
-          should.
-          be.
-          rejectedWith(TokenValidator.TokenValidationError, 'Token doesn\'t match required scopes');
-      });
-    });
-
-    describe('validateAgainstUser', () => {
-      beforeEach(function beforeEach() {
-        sandbox.stub(HTTP.prototype, 'authorizedFetch');
-      });
-
-      it('should resolve to access token when user is returned', async () => {
-        const token = {accessToken: 'token'};
-        HTTP.prototype.authorizedFetch.returns(Promise.resolve({login: 'user'}));
-        const promise = tokenValidator._validateAgainstUser(token);
-        promise.should.be.fulfilled;
-        await promise;
-        HTTP.prototype.authorizedFetch.should.have.been.calledWith(Auth.API_PROFILE_PATH, 'token');
-      });
-
-      it('should reject with redirect if 401 response received', () => {
-        const token = {accessToken: 'token'};
-        HTTP.prototype.authorizedFetch.returns(Promise.reject({
-          status: 401,
-          response: {
-            json() {
-              return Promise.resolve({error: 'Problem'});
-            }
-          }
-        }));
-        return tokenValidator._validateAgainstUser(token).
-          should.be.rejectedWith(TokenValidator.TokenValidationError, 'Problem');
-      });
-
-      it('should reject with redirect if invalid_grant response received', () => {
-        const token = {accessToken: 'token'};
-        HTTP.prototype.authorizedFetch.returns(Promise.reject({
-          response: {
-            json() {
-              return Promise.resolve({error: 'invalid_grant'});
-            }
-          }
-        }));
-        return tokenValidator._validateAgainstUser(token).
-          should.be.rejectedWith(TokenValidator.TokenValidationError, 'invalid_grant');
-      });
-
-      it('should reject with redirect if invalid_request response received', () => {
-        const token = {accessToken: 'token'};
-        HTTP.prototype.authorizedFetch.returns(Promise.reject({
-          response: {
-            json() {
-              return Promise.resolve({error: 'invalid_request'});
-            }
-          }
-        }));
-        return tokenValidator._validateAgainstUser(token).
-          should.be.rejectedWith(TokenValidator.TokenValidationError, 'invalid_request');
-      });
-
-      it('should reject with redirect if 401 response without json received', () => {
-        const token = {accessToken: 'token'};
-        HTTP.prototype.authorizedFetch.returns(Promise.reject({
-          status: 401,
-          message: '403 Forbidden',
-          response: {
-            json() {
-              return Promise.reject();
-            }
-          }
-        }));
-        return tokenValidator._validateAgainstUser(token).
-          should.be.rejectedWith(TokenValidator.TokenValidationError, '403 Forbidden');
-      });
-    });
-
-
-    describe('TokenValidationError', () => {
-      it('should be cool', () => {
-        (() => {
-          throw new TokenValidator.TokenValidationError('message');
-        }).should.throw(TokenValidator.TokenValidationError, 'message');
-      });
-    });
-  });
-});

package/components/auth-dialog/auth-dialog.examples.js

@@ -1,76 +0,0 @@
-import React from 'react';
-
-import reactDecorator from '../../.storybook/react-decorator';
-
-import Button from '@jetbrains/ring-ui/components/button/button';
-
-import AuthDialog from '@jetbrains/ring-ui/components/auth-dialog/auth-dialog';
-
-import youtrackLogo from '!file-loader!@jetbrains/logos/youtrack/youtrack.svg';
-
-
-export default {
-  title: 'Components/Auth Dialog',
-  decorators: [reactDecorator()],
-
-  parameters: {
-    notes: 'A component that shows an authentication dialog.',
-    hermione: {captureSelector: '*[data-test~=ring-dialog]'},
-    a11y: {element: '*[data-test~=ring-dialog]'}
-  }
-};
-
-export const authDialog = ({onConfirm, onCancel}) => {
-  class AuthDialogDemo extends React.Component {
-    state = {
-      confirm: {
-        show: true,
-        onConfirm: () => {},
-        onReject: () => {}
-      }
-    };
-
-    componentDidMount() {
-      this.showAuthDialog();
-    }
-
-    hideAuthDialog = () => {
-      this.setState({confirm: {show: false}});
-    };
-
-    showAuthDialog = () =>
-      new Promise((resolve, reject) => {
-        this.setState({
-          confirm: {
-            show: true,
-            errorMessage: 'Authorization is required',
-            serviceName: 'YouTrack',
-            onConfirm: () => this.hideAuthDialog() || resolve(),
-            onCancel: () => this.hideAuthDialog() || reject()
-          }
-        });
-      }).
-        then(onConfirm).
-        catch(onCancel);
-
-    render() {
-      return (
-        <div>
-          <div>
-            <Button onClick={this.showAuthDialog}>Show dialog</Button>
-          </div>
-          <AuthDialog
-            {...this.state.confirm}
-            serviceImage={youtrackLogo}
-            confirmLabel="Log in"
-            cancelLabel="Stay a guest"
-          />
-        </div>
-      );
-    }
-  }
-
-  return <AuthDialogDemo/>;
-};
-
-authDialog.argTypes = {onConfirm: {}, onCancel: {}};

package/components/auth-dialog/auth-dialog.test.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import {render, screen} from '@testing-library/react';
-
-import AuthDialog from './auth-dialog';
-
-describe('AuthDialog', () => {
-  it('should render confirm', () => {
-    render(<AuthDialog show title="Foo"/>);
-    screen.getByRole('heading', {text: 'Foo'}).should.exist;
-  });
-});

package/components/auth-dialog-service/auth-dialog-service.examples.js

@@ -1,66 +0,0 @@
-import React from 'react';
-
-import reactDecorator from '../../.storybook/react-decorator';
-
-import hubConfig from '../../.storybook/hub-config';
-
-import Auth from '@jetbrains/ring-ui/components/auth/auth';
-import HTTP from '@jetbrains/ring-ui/components/http/http';
-import Button from '@jetbrains/ring-ui/components/button/button';
-
-import showAuthDialog from '@jetbrains/ring-ui/components/auth-dialog-service/auth-dialog-service';
-
-export default {
-  title: 'Services/Auth Dialog Service',
-  decorators: [reactDecorator()],
-
-  parameters: {
-    notes:
-      'A wrapper for the AuthDialog component. Allows showing the auth dialog without mounting the AuthDialog component first. Can be used outside React.',
-    hermione: {skip: true}
-  }
-};
-
-export const authDialogService = ({onConfirm, onCancel}) => {
-  const auth = new Auth(hubConfig);
-  const http = new HTTP(auth, auth.getAPIPath());
-
-  class AuthDialogDemo extends React.Component {
-    componentDidMount() {
-      auth.init();
-      http.get('services/0-0-0-0-0?fields=name,iconUrl').then(serviceDetails => {
-        this.setState({serviceDetails});
-        this.showAuthDialog();
-      });
-    }
-
-    componentWillUnmount() {
-      if (this.hideAuthDialog) {
-        this.hideAuthDialog();
-      }
-    }
-
-    showAuthDialog = () => {
-      const {serviceDetails} = this.state;
-
-      this.hideAuthDialog = showAuthDialog({
-        serviceDetails,
-        errorMessage: 'Error message',
-        onConfirm,
-        onCancel
-      });
-    };
-
-    render() {
-      return (
-        <div>
-          <Button onClick={this.showAuthDialog}>Show auth dialog</Button>
-        </div>
-      );
-    }
-  }
-
-  return <AuthDialogDemo/>;
-};
-
-authDialogService.argTypes = {onConfirm: {}, onCancel: {}};