@jetbrains/ring-ui 4.1.12 → 5.0.0-beta.11

package/components/analytics/analytics.test.js

@@ -1,419 +0,0 @@
-import analytics from './analytics';
-import AnalyticsGAPlugin from './analytics__ga-plugin';
-import AnalyticsFUSPlugin from './analytics__fus-plugin';
-import AnalyticsCustomPlugin from './analytics__custom-plugin';
-
-const Analytics = analytics.constructor;
-const TICK_INTERVAL = 10500;
-const MAX_PACK_SIZE = 100;
-const FLUSH_INTERVAL = 10000;
-
-describe('Analytics', () => {
-  it('should be created', () => {
-    analytics.should.exist;
-  });
-
-  it('should export correct interface', () => {
-    analytics.trackPageView.should.exist;
-    analytics.trackEvent.should.exist;
-    analytics.trackShortcutEvent.should.exist;
-    analytics.trackEntityProperties.should.exist;
-    analytics.track.should.exist;
-  });
-
-  describe('ga plugin', () => {
-    let gaPlugin;
-
-    beforeEach(() => {
-      Reflect.deleteProperty(window, 'ga');
-      gaPlugin = new AnalyticsGAPlugin('SOME-ID');
-    });
-
-    it('should init ga', () => {
-      window.ga.should.exist;
-    });
-
-    it('should export interface', () => {
-      gaPlugin.trackPageView.should.exist;
-      gaPlugin.trackEvent.should.exist;
-    });
-
-    it('should send pageview event', () => {
-      const rememberGA = window.ga;
-      window.ga = sandbox.spy();
-      gaPlugin.trackPageView('some-path');
-
-      window.ga.should.have.been.calledWith('send', 'pageview', 'some-path');
-
-      window.ga = rememberGA;
-    });
-
-    it('should send action event', () => {
-      const rememberGA = window.ga;
-      window.ga = sandbox.spy();
-      gaPlugin.trackEvent('some-category', 'some-action');
-
-      window.ga.should.calledWith('send', 'event', {
-        eventCategory: 'some-category',
-        eventAction: 'some-action'
-      });
-
-      window.ga = rememberGA;
-    });
-  });
-
-  describe('ga plugin with no key and in non-development mode', () => {
-    let gaPlugin;
-
-    beforeEach(() => {
-      Reflect.deleteProperty(window, 'ga');
-      gaPlugin = new AnalyticsGAPlugin();
-    });
-
-    it('should not init ga', () => {
-      should.not.exist(window.ga);
-      gaPlugin.trackEvent.should.be.an.instanceof(Function);
-      gaPlugin.trackPageView.should.be.an.instanceof(Function);
-    });
-  });
-
-  describe('fus plugin', () => {
-    let fusPlugin;
-
-    beforeEach(() => {
-      Reflect.deleteProperty(window, 'fus');
-      fusPlugin = new AnalyticsFUSPlugin({
-        productId: 'YTD',
-        productBuild: '2020.1.3',
-        recorderVersion: 1,
-        groups: [{
-          id: 'ring.page.view',
-          version: '1',
-          baseline: 'registered'
-        }, {
-          id: 'yt.issue.view',
-          version: '1',
-          baseline: 'registered'
-        }]
-      });
-    });
-
-    it('should init fus', () => {
-      window.fusra.should.exist;
-    });
-
-    it('should export interface', () => {
-      fusPlugin.trackPageView.should.exist;
-      fusPlugin.trackEvent.should.exist;
-    });
-
-    it('should send pageview event', () => {
-      const rememberFUSra = window.fusra;
-      window.fusra = sandbox.spy();
-      fusPlugin.trackPageView('issues');
-
-      window.fusra.should.have.been.calledWith('event', {
-        groupId: 'ring.page.view',
-        groupVersion: '1',
-        eventId: 'open',
-        eventData: {
-          path: 'issues',
-          browser: sinon.match.any,
-          lang: sinon.match.any,
-          'page-view-duration': sinon.match.any,
-          'pixel-ratio': sinon.match.any,
-          platform: sinon.match.any,
-          screen: sinon.match.any
-        }
-      });
-
-      window.fusra = rememberFUSra;
-    });
-
-    it('should send action event', () => {
-      const rememberGA = window.fusra;
-      window.fusra = sandbox.spy();
-      fusPlugin.trackEvent('yt-issue-view', 'open', {demo: true});
-
-      window.fusra.should.calledWith('event', {
-        groupId: 'yt.issue.view',
-        groupVersion: '1',
-        eventId: 'open',
-        eventData: {demo: true}
-      });
-
-      window.fusra = rememberGA;
-    });
-
-    it('should not send event which was not mentioned in groups', () => {
-      const rememberFUSra = window.fusra;
-      window.fusra = sandbox.spy();
-      fusPlugin.trackEvent('some-category', 'some-action');
-
-      window.fusra.should.not.have.been.called;
-
-      window.fusra = rememberFUSra;
-    });
-  });
-
-  describe('tracking events', () => {
-    let send;
-    let clock;
-    let analyticsInstance;
-    beforeEach(() => {
-      send = sandbox.spy();
-      clock = sandbox.useFakeTimers({toFake: ['setInterval']});
-      analyticsInstance = new Analytics();
-    });
-
-    describe('#enabled', () => {
-
-      let customPlugin;
-      beforeEach(() => {
-        customPlugin = new AnalyticsCustomPlugin(send);
-        analyticsInstance.config([customPlugin]);
-      });
-
-      it('should send request to statistics server on tracking event', () => {
-        analyticsInstance.trackEvent('test-category', 'test-action');
-        clock.tick(TICK_INTERVAL);
-
-        send.should.have.been.calledWith([{
-          category: 'test-category',
-          action: 'test-action'
-        }]);
-      });
-
-      it('should support configuration via method config', () => {
-        const flushingFunction = sandbox.spy();
-        customPlugin.config({
-          send: flushingFunction
-        });
-
-        analyticsInstance.trackEvent('test-category', 'test-action');
-        clock.tick(TICK_INTERVAL);
-
-        send.should.not.have.been.called;
-        flushingFunction.should.have.been.calledWith([{
-          category: 'test-category',
-          action: 'test-action'
-        }]);
-      });
-
-      it('should send request on achieving max pack size', () => {
-        for (let i = 0; i < MAX_PACK_SIZE - 1; ++i) {
-          analyticsInstance.trackEvent(`test-category-${i}`, 'test-action');
-        }
-        customPlugin._data.length.should.equal(MAX_PACK_SIZE - 1);
-
-        analyticsInstance.trackEvent('test-category-100', 'test-action');
-
-        send.should.have.been.called;
-        customPlugin._data.length.should.equal(0);
-      });
-
-      it('should configure max pack size via config', () => {
-        customPlugin.config({
-          send,
-          flushMaxPackSize: MAX_PACK_SIZE + 2
-        });
-
-        for (let i = 0; i < MAX_PACK_SIZE + 1; ++i) {
-          analyticsInstance.trackEvent(`test-category-${i}`, 'test-action');
-        }
-        customPlugin._data.length.should.equal(MAX_PACK_SIZE + 1);
-
-        analyticsInstance.trackEvent('test-category-102', 'test-action');
-
-        send.should.have.been.called;
-        customPlugin._data.length.should.equal(0);
-      });
-
-      it('should remove prohibited symbols', () => {
-        analyticsInstance.trackEvent('t/\\est-c,ate:gory*?', 't/\\est-a,ct:ion*?');
-        clock.tick(TICK_INTERVAL);
-
-        send.should.have.been.calledWith([{
-          category: 't_est-c_ate_gory_',
-          action: 't/_est-a_ct_ion_'
-        }]);
-      });
-
-      it('should track event with additional information', () => {
-        analyticsInstance.trackEvent('test-category', 'test-action', {type: 'test-type'});
-        clock.tick(TICK_INTERVAL);
-
-        send.should.have.been.calledWith([{
-          category: 'test-category',
-          action: 'test-action'
-        }, {
-          category: 'test-category',
-          action: 'test-action__type$test-type'
-        }]);
-      });
-
-      it('should send two events to statistics server on tracking shortcut event', () => {
-        analyticsInstance.trackShortcutEvent('test-category', 'test-action');
-        clock.tick(TICK_INTERVAL);
-
-        send.should.have.been.calledWith([{
-          category: 'test-category',
-          action: 'test-action'
-        }, {
-          category: 'ring-shortcut',
-          action: 'test-category$test-action'
-        }]);
-      });
-
-      describe('trackEntityProperties', () => {
-        it(
-          'should send all enumerated properties to statistics server on tracking entity',
-          () => {
-            const entity = {
-              param1: 'first',
-              param2: 'second',
-              param3: 'third',
-              param4: 'fourth',
-              param5: 'should-be-ignored'
-            };
-            const trackedProperties = ['param1', 'param2', 'param3', 'param4'];
-            analyticsInstance.trackEntityProperties('sample-entity', entity, trackedProperties);
-            clock.tick(TICK_INTERVAL);
-
-            const trackedData = [];
-            trackedProperties.forEach(it => {
-              trackedData.push({
-                category: 'sample-entity',
-                action: `${it}__${entity[it]}`
-              });
-            });
-            send.should.have.been.calledWith(trackedData);
-          }
-        );
-
-        it('should not send any data if no properties requested', () => {
-          const entity = {
-            param1: 'first',
-            param2: 'second'
-          };
-          analyticsInstance.trackEntityProperties('sample-entity', entity, []);
-          clock.tick(TICK_INTERVAL);
-
-          send.should.not.have.been.called;
-        });
-
-        it('should not throw error if there are no some properties', () => {
-          const entity = {
-            param1: 'first',
-            param2: 'second'
-          };
-          analyticsInstance.
-            trackEntityProperties('entity', entity, ['param1', 'nonexistent-property']);
-          clock.tick(TICK_INTERVAL);
-
-          send.should.have.been.calledWith([{
-            category: 'entity',
-            action: 'param1__first'
-          }, {
-            category: 'entity',
-            action: 'nonexistent-property__no-value'
-          }]);
-        });
-
-        it('should work with subproperties', () => {
-          const entity = {
-            property: {
-              subproperty1: 'subproperty1-value',
-              subproperty2: {
-                subsubproperty: 'subsubproperty-value'
-              }
-            },
-            param2: 'second'
-          };
-          const trackedProperties = [
-            'property.subproperty2.subsubproperty',
-            'property.subproperty3.nonexistent'
-          ];
-          analyticsInstance.trackEntityProperties('entity', entity, trackedProperties);
-          clock.tick(TICK_INTERVAL);
-
-          send.should.have.been.calledWith([{
-            category: 'entity',
-            action: 'property-subproperty2-subsubproperty__subsubproperty-value'
-          }, {
-            category: 'entity',
-            action: 'property-subproperty3-nonexistent__no-value'
-          }]);
-        });
-      });
-
-      it('should send request to statistics server on page view', () => {
-        analyticsInstance.trackPageView('test-page');
-        clock.tick(TICK_INTERVAL);
-
-        send.should.have.been.called;
-      });
-
-      it('should send request to statistics server multiple times', () => {
-        //first loop
-        analyticsInstance.trackPageView('test-page');
-        clock.tick(TICK_INTERVAL);
-        send.should.have.been.called;
-
-        //second loop
-        analyticsInstance.trackEvent('test-category', 'test-event');
-        analyticsInstance.trackEvent('test-category-2', 'test-event-2');
-        clock.tick(TICK_INTERVAL);
-        send.should.calledWith([{
-          category: 'test-category',
-          action: 'test-event'
-        }, {
-          category: 'test-category-2',
-          action: 'test-event-2'
-        }
-        ]);
-      });
-
-      describe('flushing restriction', () => {
-        it('flushing should be allowed on second step', () => {
-          let counter = 0;
-          function flushingIsAllowedOnSecondCheck() {
-            ++counter;
-            return counter === 2;
-          }
-
-          customPlugin = new AnalyticsCustomPlugin(
-            send,
-            false,
-            FLUSH_INTERVAL,
-            flushingIsAllowedOnSecondCheck
-          );
-          analyticsInstance.config([customPlugin]);
-
-          analyticsInstance.trackEvent('test-category', 'test-action');
-          clock.tick(TICK_INTERVAL);
-
-          send.should.not.have.been.called;
-          clock.tick(TICK_INTERVAL);
-
-          send.should.have.been.calledWith([{
-            category: 'test-category',
-            action: 'test-action'
-          }]);
-        });
-      });
-    });
-    describe('#disabled', () => {
-      beforeEach(() => {
-        analyticsInstance.config([]);
-      });
-
-      it('should not send request to statistics server', () => {
-        analyticsInstance.trackEvent('test-category', 'test-action');
-        clock.tick(TICK_INTERVAL);
-
-        send.should.not.have.been.called;
-      });
-    });
-  });
-});

package/components/auth/auth.examples.js

@@ -1,122 +0,0 @@
-import hubConfig from '../../.storybook/hub-config';
-
-import authDialogService from '@jetbrains/ring-ui/components/auth-dialog-service/auth-dialog-service';
-
-
-import Auth from '@jetbrains/ring-ui/components/auth/auth';
-import IFrameFlow from '@jetbrains/ring-ui/components/auth/iframe-flow';
-import LandingEntryFileName from '@jetbrains/ring-ui/components/auth/landing-entry';
-
-import '@jetbrains/ring-ui/components/link/link__legacy.css';
-
-export default {
-  title: 'Utilities/Auth',
-
-  parameters: {
-    notes: 'Authenticates a user in [Hub](https://www.jetbrains.com/hub/).',
-    hermione: {skip: true}
-  }
-};
-
-export const basic = ({onAuthLog}) => {
-  const auth = new Auth(hubConfig);
-  auth.setAuthDialogService(authDialogService);
-
-  const node = document.createElement('div');
-  node.innerHTML =
-    '<a href="javascript:void(0)" id="force-update" class="ring-link">Force token update</a>';
-
-  (async () => {
-    try {
-      const location = await auth.init();
-      onAuthLog('Location to restore:', location);
-      const token = await auth.requestToken();
-      onAuthLog('Token:', token);
-      const data = await auth.requestUser();
-      onAuthLog('User profile data:', data);
-    } catch (e) {
-      onAuthLog('error', e.toString());
-      // eslint-disable-next-line no-console
-      console.error('Auth error', e);
-    }
-
-    const forceUpdateLink = node.querySelector('#force-update');
-
-    forceUpdateLink.addEventListener('click', async () => {
-      const newToken = await auth.forceTokenUpdate();
-      onAuthLog('Token has been refreshed:', newToken);
-    });
-  })();
-
-  return node;
-};
-
-basic.storyName = 'basic';
-basic.argTypes = {onAuthLog: {}};
-
-export const inIFrame = ({onAuth, onAuthError}) => {
-  const node = document.createElement('div');
-
-  const auth = new Auth({
-    ...hubConfig,
-    EmbeddedLoginFlow: IFrameFlow
-  });
-  auth.setAuthDialogService(authDialogService);
-
-  (async () => {
-    try {
-      const location = await auth.init();
-      onAuth(location);
-      await auth.login();
-      const data = await auth.requestUser();
-      node.innerHTML = JSON.stringify(data);
-    } catch (e) {
-      onAuthError('Failed', e.toString());
-    }
-  })();
-
-  return node;
-};
-
-inIFrame.storyName = 'in IFrame';
-inIFrame.argTypes = {onAuth: {}, onAuthError: {}};
-
-export const landingPage = ({onAuthLog}) => {
-  const node = document.createElement('div');
-  node.innerHTML = `
-      <div id="example">
-        <div><a href="#" id="open-link" class="ring-link">Open landing page</a></div>
-        <div><a href="#" id="force-update" class="ring-link">Force token update</a></div>
-        <div><a href="#" id="log-out" class="ring-link">Log out</a></div>
-        <div id="example-2"></div>
-      </div>
-    `;
-
-  async function run() {
-    const auth = new Auth(hubConfig);
-
-    auth.setAuthDialogService(authDialogService);
-    await auth.init();
-
-    const user = await auth.requestUser();
-    onAuthLog('Logged in as:', user.name);
-
-    node.querySelector('#open-link').href = LandingEntryFileName;
-
-    node.querySelector('#force-update').addEventListener('click', async () => {
-      const newToken = await auth.forceTokenUpdate();
-      onAuthLog('New token:', newToken);
-    });
-
-    node.querySelector('#log-out').addEventListener('click', () => {
-      auth.login();
-    });
-  }
-
-  run();
-
-  return node;
-};
-
-landingPage.storyName = 'landing page';
-landingPage.argTypes = {onAuthLog: {}};