adding bonus content for jest

bonus-jest/exercise/src/TestMe.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+export interface TestMeProps {
+  name: string;
+}
+
+export interface TestMeState {
+  enabled: boolean;
+}
+
+export const TestMe = (props: TestMeProps) => {
+  return (
+    <div id="testMe">
+      <InnerMe name={props.name} />
+    </div>
+  );
+};
+
+export class InnerMe extends React.Component<TestMeProps, TestMeState> {
+  state = {
+    enabled: false
+  };
+
+  onMouseOver = () => {
+    this.setState({ enabled: true });
+  };
+
+  render() {
+    return !this.state.enabled ? (
+      <div onMouseOver={this.onMouseOver} id="innerMe">
+        Hello {this.props.name}, Hover Over Me
+      </div>
+    ) : (
+      <div id="innerMe">Enabled</div>
+    );
+  }
+}