Add <Shortcut> that subscribes to <ShortcutProvider>

Issue #1283

src/components/Shortcuts/Shortcut.js

@@ -0,0 +1,35 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import keymap from './keymap';
+
+export default class Shortcut extends Component {
+    static contextTypes = {
+        shortcuts: PropTypes.shape({
+            subscribe: PropTypes.func.isRequired,
+            unsubscribe: PropTypes.func.isRequired
+        }).isRequired
+    };
+
+    static propTypes = {
+        name: PropTypes.oneOf(Object.keys(keymap)).isRequired,
+        handler: PropTypes.func.isRequired
+    };
+
+    componentWillMount() {
+        const { subscribe } = this.context.shortcuts;
+        const { name, handler } = this.props;
+
+        subscribe(name, handler);
+    }
+
+    componentWillUnmount() {
+        const { unsubscribe } = this.context.shortcuts;
+        const { name, handler } = this.props;
+
+        unsubscribe(name, handler);
+    }
+
+    render() {
+        return null;
+    }
+}

src/components/Shortcuts/Shortcut.test.js

@@ -0,0 +1,52 @@
+/* eslint-env mocha */
+import chai, { expect } from 'chai';
+import { spy } from 'sinon';
+import sinonChai from 'sinon-chai';
+import { Component } from 'react';
+import Shortcut from './Shortcut';
+
+chai.use(sinonChai);
+
+describe('Shortcut', () => {
+    it('should be a React component', () => {
+        expect(Shortcut).to.be.an.instanceOf(Component.constructor);
+    });
+
+    it('should return null from render()', () => {
+        const shortcut = new Shortcut;
+
+        expect(shortcut.render()).to.equal(null);
+    });
+
+    it('should subscribe when mounting', () => {
+        const shortcut = new Shortcut;
+
+        const subscribe = spy();
+
+        const name = 'Foo';
+        const handler = () => {};
+
+        shortcut.props = { name, handler };
+        shortcut.context = { shortcuts: { subscribe } };
+
+        shortcut.componentWillMount();
+
+        expect(subscribe).to.have.been.calledWith(name, handler);
+    });
+
+    it('should unsubscribe when mounting', () => {
+        const shortcut = new Shortcut;
+
+        const unsubscribe = spy();
+
+        const name = 'Foo';
+        const handler = () => {};
+
+        shortcut.props = { name, handler };
+        shortcut.context = { shortcuts: { unsubscribe } };
+
+        shortcut.componentWillUnmount();
+
+        expect(unsubscribe).to.have.been.calledWith(name, handler);
+    });
+});