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

package/components/select/select__popup.test.js

@@ -1,156 +0,0 @@
-import React from 'react';
-import {Simulate} from 'react-dom/test-utils';
-import {shallow, mount} from 'enzyme';
-
-import getUID from '../global/get-uid';
-
-import List from '../list/list';
-import simulateCombo from '../../test-helpers/simulate-combo';
-
-import SelectPopup from './select__popup';
-
-describe('SelectPopup', () => {
-  const factory = props => (
-    <SelectPopup
-      filter
-      onSelect={sandbox.spy()}
-      onFilter={sandbox.spy()}
-      onCloseAttempt={sandbox.spy()}
-      data={[]}
-      {...props}
-    />
-  );
-  const shallowSelectPopup = props => shallow(factory(props));
-  const mountSelectPopup = props => mount(factory(props));
-
-  describe('hidden', () => {
-    describe('filter', () => {
-      it('should disable shortcuts', () => {
-        const wrapper = shallowSelectPopup();
-        const instance = wrapper.instance();
-        sandbox.spy(instance, 'tabPress');
-
-        simulateCombo('tab');
-
-        instance.tabPress.should.not.be.called;
-      });
-    });
-  });
-
-
-  describe('visible', () => {
-    function createListItemMock(itemLabel, id) {
-      const key = id || getUID('popup-test-');
-      const label = itemLabel || getUID('popup-label-');
-
-      return {
-        key,
-        label,
-        type: List.ListProps.Type.ITEM
-      };
-    }
-
-
-    let testData;
-    beforeEach(() => {
-      testData = [
-        createListItemMock(),
-        createListItemMock()
-      ];
-    });
-
-
-    it('should initialize', () => {
-      shallowSelectPopup().should.exist;
-    });
-
-
-    it('should call close handler when user press tab', () => {
-      const wrapper = mountSelectPopup({data: testData});
-      wrapper.setProps({hidden: false});
-      wrapper.instance().list.state.activeItem = {};
-
-      simulateCombo('tab');
-
-      wrapper.prop('onCloseAttempt').should.be.called;
-    });
-
-
-    describe('popup without data', () => {
-      it('should not throw error when user press tab but we do not have the list', () => {
-        const wrapper = mountSelectPopup();
-        wrapper.setProps({hidden: false});
-        (() => {
-          simulateCombo('tab');
-        }).should.not.throw();
-      });
-    });
-
-
-    describe('navigation', () => {
-      it('should highlight first item', () => {
-        const wrapper = mountSelectPopup({data: testData});
-        wrapper.setProps({hidden: false});
-        const firstItem = testData[0];
-
-        wrapper.instance().list.getSelected().should.be.equal(firstItem);
-      });
-
-
-      it('should highlight last item', () => {
-        const wrapper = mountSelectPopup({data: testData});
-        wrapper.setProps({hidden: false});
-        const lastItem = testData[testData.length - 1];
-
-        simulateCombo('up');
-
-        wrapper.instance().list.getSelected().should.be.equal(lastItem);
-      });
-
-
-      it('should select item', () => {
-        const wrapper = mountSelectPopup({data: testData});
-        wrapper.setProps({hidden: false});
-        const firstItem = testData[0];
-
-        simulateCombo('enter');
-
-        wrapper.prop('onSelect').should.be.calledWith(firstItem);
-      });
-    });
-
-    describe('filter', () => {
-      function expectPopupFilterShortcutsDisabled(fn, value) {
-        fn.should.be.calledWith({
-          popupFilterShortcutsOptions: {
-            modal: true,
-            disabled: value
-          }
-        });
-      }
-
-      it('should enable shortcuts on focus', () => {
-        const wrapper = mountSelectPopup({data: testData});
-        wrapper.setProps({hidden: false});
-        const instance = wrapper.instance();
-        sandbox.spy(instance, 'setState');
-
-        Simulate.focus(instance.filter);
-
-        expectPopupFilterShortcutsDisabled(instance.setState, false);
-      });
-
-
-      it('should disable shortcuts on blur', () => {
-        const wrapper = mountSelectPopup({data: testData});
-        wrapper.setProps({hidden: false});
-        const instance = wrapper.instance();
-        sandbox.spy(instance, 'setState');
-
-        Simulate.blur(instance.filter);
-
-        expectPopupFilterShortcutsDisabled(instance.setState, true);
-      });
-    });
-  });
-});

package/components/shortcuts/core.test.js

@@ -1,282 +0,0 @@
-import {simulate} from 'combokeys/test/lib/key-event';
-
-import sniffr from '../global/sniffer';
-
-import shortcuts from './core';
-
-describe('Shortcuts', () => {
-  const key = 'a';
-  const keyCode = '65';
-  const key2 = 'b';
-  const scope = 'scope scope scope';
-  let noop;
-  let noop2;
-
-  function trigger() {
-    simulate(key.charCodeAt(0), keyCode);
-  }
-
-  const wrapScope = shortcuts.wrapScope.bind(shortcuts);
-
-  beforeEach(() => {
-    shortcuts.reset();
-    shortcuts.setScope();
-    shortcuts.setFilter();
-
-    noop = sandbox.stub();
-    noop2 = sandbox.stub();
-  });
-
-  describe('bind', () => {
-    it('should throw without a handler', () => {
-      (() => {
-        shortcuts.bind();
-      }).should.throw(Error, 'Shortcut handler should exist');
-    });
-
-    it('should throw without a key', () => {
-      (() => {
-        shortcuts.bind({handler: sandbox.stub()});
-      }).should.throw(Error, 'Shortcut key should exist');
-    });
-
-    it('should bind to root scope', () => {
-      shortcuts.bind({key, handler: noop});
-
-      shortcuts._scopes[shortcuts.ROOT_SCOPE.scopeId][key].should.equal(noop);
-    });
-
-    it('should bind to custom scope', () => {
-      shortcuts.bind({key, scope, handler: noop});
-
-      shortcuts._scopes[scope][key].should.equal(noop);
-    });
-
-    it('should bind array of keys', () => {
-      const keys = [key, key2];
-      shortcuts.bind({key: keys, handler: noop});
-
-      shortcuts._scopes[shortcuts.ROOT_SCOPE.scopeId][key].should.equal(noop);
-      shortcuts._scopes[shortcuts.ROOT_SCOPE.scopeId][key2].should.equal(noop);
-    });
-  });
-
-  describe('bindMap', () => {
-    it('should throw without a map', () => {
-      (() => {
-        shortcuts.bindMap();
-      }).should.throw(Error, 'Shortcuts map shouldn\'t be empty');
-    });
-
-    it('should throw with wrong handler', () => {
-      (() => {
-        shortcuts.bindMap({a: {}});
-      }).should.throw(Error, 'Shortcut handler should exist');
-    });
-
-    it('should bind map of keys to root scope', () => {
-      const keys = {};
-      keys[key] = noop;
-      keys[key2] = noop2;
-      shortcuts.bindMap(keys);
-
-      shortcuts._scopes[shortcuts.ROOT_SCOPE.scopeId][key].should.equal(noop);
-      shortcuts._scopes[shortcuts.ROOT_SCOPE.scopeId][key2].should.equal(noop2);
-    });
-
-    it('should bind map of keys to custom scope', () => {
-      const keys = {};
-      keys[key] = noop;
-      keys[key2] = noop2;
-      shortcuts.bindMap(keys, {scope});
-
-      shortcuts._scopes[scope][key].should.equal(noop);
-      shortcuts._scopes[scope][key2].should.equal(noop2);
-    });
-  });
-
-  describe('unbindScope', () => {
-    it('should clear scope', () => {
-      shortcuts.bind({key, scope, handler: noop});
-      shortcuts.unbindScope(scope);
-
-      should.not.exist(shortcuts._scopes[scope]);
-    });
-  });
-
-  describe('hasKey', () => {
-    it('should clear scope', () => {
-      shortcuts.bind({key, scope, handler: noop});
-
-      shortcuts.hasKey(key, scope).should.be.true;
-      shortcuts.hasKey(key, shortcuts.ROOT_SCOPE.scopeId).should.be.false;
-    });
-  });
-
-  describe('filter', () => {
-    it('should setFilter', () => {
-      shortcuts.setFilter(noop2);
-      shortcuts.bind({key, handler: noop});
-
-      trigger();
-
-      noop.should.have.been.called;
-      noop2.should.have.been.called;
-    });
-
-    it('should prevent handler run', () => {
-      const stop = sandbox.stub().returns(true);
-
-      shortcuts.setFilter(stop);
-      shortcuts.bind({key, handler: noop});
-
-      trigger();
-
-      stop.should.have.been.called;
-      noop.should.not.have.been.called;
-    });
-  });
-
-  describe('key press', () => {
-    it('should handle keys in root scope', () => {
-      shortcuts.bind({key, handler: noop});
-
-      trigger();
-
-      noop.should.have.been.called;
-    });
-
-    it('should handle keys in root scope with other scope defined', () => {
-      shortcuts.bind({key, handler: noop});
-      shortcuts.bind({key, scope, handler: noop2});
-
-      trigger();
-
-      noop.should.have.been.called;
-      noop2.should.not.have.been.called;
-    });
-
-    it('should handle keys in top scope', () => {
-      shortcuts.bind({key, handler: noop});
-      shortcuts.bind({key, scope, handler: noop2});
-
-      shortcuts.pushScope(scope);
-      trigger();
-
-      noop.should.not.have.been.called;
-      noop2.should.have.been.called;
-    });
-
-    it('should fall trough scopes when returning true', () => {
-      const fallthrough = sandbox.stub().returns(true);
-
-      shortcuts.bind({key, handler: noop});
-      shortcuts.bind({key, scope, handler: fallthrough});
-
-      shortcuts.pushScope(scope);
-      trigger();
-
-      noop.should.have.been.called;
-      fallthrough.should.have.been.called;
-    });
-
-    it('should not fall trough modal scope', () => {
-      const fallthrough = sandbox.stub().returns(true);
-
-      shortcuts.bind({key, handler: noop});
-      shortcuts.bind({key, scope, handler: fallthrough});
-
-      shortcuts.pushScope(scope, {modal: true});
-      trigger();
-
-      fallthrough.should.have.been.called;
-      noop.should.not.have.been.called;
-    });
-
-    it('should not fall trough modal scope even if it has no handler for key', () => {
-      const fallthrough = sandbox.stub().returns(true);
-
-      shortcuts.bind({key, handler: noop});
-      shortcuts.bind({key: key2, scope, handler: fallthrough});
-
-      shortcuts.pushScope(scope, {modal: true});
-      trigger();
-
-      noop.should.not.have.been.called;
-    });
-  });
-
-  describe('scope chain operations', () => {
-    const scope1 = 'a';
-    const scope2 = 'bb';
-    const scope3 = 'ccc';
-
-    it('empty scope chain should be equal to default', () => {
-      shortcuts.getScope().should.deep.equal([]);
-    });
-
-    it('setScope should set full scope chain by string name', () => {
-      const myscope = 'aaaa';
-      shortcuts.setScope(myscope);
-
-      shortcuts.getScope().should.deep.equal([wrapScope(myscope)]);
-    });
-
-    it('setScope should set full scope chain by array of names', () => {
-      shortcuts.setScope([scope1, scope2]);
-
-      shortcuts.getScope().should.deep.equal([wrapScope(scope1), wrapScope(scope2)]);
-    });
-
-    it('pushScope should add scope to scope chain end', () => {
-      shortcuts.setScope(scope1);
-      shortcuts.pushScope(scope2);
-
-      shortcuts.getScope().should.deep.equal([wrapScope(scope1), wrapScope(scope2)]);
-    });
-
-    it('popScope should remove by name scope and next scopes from chain', () => {
-      shortcuts.setScope([scope1, scope2, scope3]);
-      shortcuts.popScope(scope2);
-
-      shortcuts.getScope().should.deep.equal([wrapScope(scope1)]);
-    });
-
-    it('spliceScope should remove by name scope from chain', () => {
-      shortcuts.setScope([scope1, scope2, scope3]);
-      shortcuts.spliceScope(scope2);
-
-      shortcuts.getScope().should.deep.equal([wrapScope(scope1), wrapScope(scope3)]);
-    });
-
-    it('should store options passed with scope', () => {
-      shortcuts.pushScope(scope1, {foo: 'bar'});
-
-      shortcuts.getScope().should.deep.equal([wrapScope(scope1, {foo: 'bar'})]);
-    });
-
-    it('should workaround system windows shortcuts', () => {
-      let eventType;
-      sandbox.stub(shortcuts.combokeys, 'bind').callsFake((param1, param2, param3) => {
-        eventType = param3;
-      });
-      sandbox.stub(sniffr, 'os').value({name: 'windows'});
-
-      shortcuts.bind({key: 'shift+ctrl+0', handler: noop});
-
-      eventType.should.equal('keyup');
-    });
-
-    it('should not apply workaround for system windows shortcuts on other operating systems', () => {
-      let eventType;
-      sandbox.stub(shortcuts.combokeys, 'bind').callsFake((param1, param2, param3) => {
-        eventType = param3;
-      });
-      sandbox.stub(sniffr, 'os').value({name: 'macos'});
-
-      shortcuts.bind({key: 'shift+ctrl+0', handler: noop});
-
-      ('keyup').should.not.equal(eventType);
-    });
-  });
-});

package/components/shortcuts/shortcuts-hoc.test.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import {shallow, mount} from 'enzyme';
-
-import simulateCombo from '../../test-helpers/simulate-combo';
-
-import shortcutsHOC from './shortcuts-hoc';
-
-describe('ShortcutsHOC', () => {
-  describe('default', () => {
-    const InputWithShortcuts = shortcutsHOC('input');
-
-    const createShortcutsMap = () => ({
-      options: {},
-      map: {enter: sandbox.spy()}
-    });
-
-    const factory = shortcuts => (
-      <InputWithShortcuts
-        rgShortcutsOptions={shortcuts.options}
-        rgShortcutsMap={shortcuts.map}
-      />
-    );
-
-    const shallowInputWithShortcuts = shortcuts => shallow(factory(shortcuts));
-    const mountInputWithShortcuts = shortcuts => mount(factory(shortcuts));
-
-    it('should initialize', () => {
-      const shortcuts = createShortcutsMap();
-      shallowInputWithShortcuts(shortcuts).should.exist;
-    });
-
-
-    it('should call shortcut handler', () => {
-      const shortcuts = createShortcutsMap();
-      mountInputWithShortcuts(shortcuts);
-      simulateCombo('enter');
-
-      shortcuts.map.enter.should.be.called;
-    });
-
-
-    it('should disable shortcuts', () => {
-      const shortcuts = createShortcutsMap();
-      shortcuts.options.disabled = true;
-
-      mountInputWithShortcuts(shortcuts);
-
-      simulateCombo('enter');
-
-      shortcuts.map.enter.should.not.be.called;
-    });
-  });
-});

package/components/shortcuts/shortcuts.test.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import {shallow, mount} from 'enzyme';
-
-import simulateCombo from '../../test-helpers/simulate-combo';
-import getUID from '../global/get-uid';
-
-import Shortcuts from './shortcuts';
-
-describe('ShortcutsComponent', () => {
-  const factory = props => (
-    <Shortcuts
-      map={{enter: sandbox.spy()}}
-      scope={getUID('shortcuts-test-')}
-      {...props}
-    />
-  );
-
-  const shallowShortcuts = props => shallow(factory(props));
-  const mountShortcuts = props => mount(factory(props));
-
-
-  it('should initialize', () => {
-    shallowShortcuts().should.exist;
-  });
-
-
-  it('should call shortcut handler', () => {
-    const wrapper = mountShortcuts();
-    simulateCombo('enter');
-
-    wrapper.prop('map').enter.should.be.called;
-  });
-
-  it('should enable shortcuts if disabled becomes "false"', () => {
-    const wrapper = mountShortcuts({disabled: true});
-
-    simulateCombo('enter');
-    wrapper.prop('map').enter.should.not.be.called;
-
-    wrapper.setProps({disabled: false});
-
-    simulateCombo('enter');
-    wrapper.prop('map').enter.should.be.called;
-  });
-});

package/components/storage/storage.examples.js

@@ -1,37 +0,0 @@
-import Storage from '@jetbrains/ring-ui/components/storage/storage';
-
-export default {
-  title: 'Components/Storage',
-
-  parameters: {
-    notes: 'Provides a façade to localStorage/sessionStorage/cookies.',
-    hermione: {skip: true}
-  }
-};
-
-export const basic = () => {
-  const STORAGE_KEY = 'storage-example-key';
-  const storage = new Storage();
-  const node = document.createElement('div');
-
-  let value;
-
-  async function init() {
-    const storedValue = await storage.get(STORAGE_KEY);
-    if (!storedValue) {
-      const generatedValue = Math.random().toString();
-      await storage.set(STORAGE_KEY, generatedValue);
-      value = generatedValue;
-    } else {
-      value = storedValue;
-    }
-
-    node.innerText = `Stored value = ${value}`;
-  }
-
-  init();
-
-  return node;
-};
-
-basic.storyName = 'Storage';