feat(WebexMeetingControls): implement HOC

src/components/WebexMeetingControl/WebexMeetingControls.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export const MeetingContext = React.createContext();
+
+/**
+ * WebexMeetingControls is a higher-order component that pass a meeting
+ * context to several WebexMeetingControl components.
+ *
+ * @param {object} props
+ * @returns {object} JSX of the component
+ */
+export default function WebexMeetingControls({meetingID, children}) {
+  return <MeetingContext.Provider value={meetingID}>{children}</MeetingContext.Provider>;
+}
+
+WebexMeetingControls.propTypes = {
+  meetingID: PropTypes.string.isRequired,
+  children: PropTypes.node.isRequired,
+};

src/components/WebexMeetingControl/WebexMeetingControls.test.js

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import WebexMeetingControls from './WebexMeetingControls';
+
+describe('Webex Meeting Controls component', () => {
+  test('matches snapshot', () => {
+    const meetingID = 'my-meeting';
+    const component = shallow(
+      <WebexMeetingControls meetingID={meetingID}>
+        <div className="test" />
+      </WebexMeetingControls>
+    );
+
+    expect(component).toMatchSnapshot();
+  });
+});

src/components/WebexMeetingControl/__snapshots__/WebexMeetingControls.test.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Webex Meeting Controls component matches snapshot 1`] = `
+<ContextProvider
+  value="my-meeting"
+>
+  <div
+    className="test"
+  />
+</ContextProvider>
+`;

src/components/index.js

@@ -3,4 +3,5 @@ export {default as WebexActivity} from './WebexActivity/WebexActivity';
 export {default as WebexActivityStream} from './WebexActivityStream/WebexActivityStream';
 export {default as WebexDataProvider, AdapterContext} from './WebexDataProvider/WebexDataProvider';
 export {default as WebexLocalMedia} from './WebexLocalMedia/WebexLocalMedia';
+export {default as WebexMeetingControls, MeetingContext} from './WebexMeetingControl/WebexMeetingControls';
 export {default as WebexMeetingInfo} from './WebexMeetingInfo/WebexMeetingInfo';