adding bonus content for jest

bonus-jest/demo/src/TestMe.spec.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import { TestMe } from './TestMe';
+
+describe('TestMe Component', () => {
+  it('should have a non-clickable component when the original InnerMe is clicked', () => {
+    const wrapper = mount(<TestMe name="world" />);
+    wrapper.find('#innerMe').simulate('click');
+    expect(wrapper.find('#innerMe').text()).toBe('Clicked');
+  });
+});

bonus-jest/demo/src/TestMe.tsx

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

bonus-jest/demo/src/index.spec.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+describe('index', () => {
+  it('placeholder', () => {
+  });
+});

bonus-jest/demo/src/index.ts

@@ -0,0 +1,19 @@
+import { multiply } from './multiply';
+
+let counter = 0;
+
+export function getCount() {
+  return counter;
+}
+
+export function increment() {
+  return ++counter;
+}
+
+export function decrement() {
+  return --counter;
+}
+
+export function square(x: number) {
+  return multiply(x, x);
+}

bonus-jest/demo/src/multiply.ts

@@ -0,0 +1,3 @@
+export function multiply(x: number, y: number) {
+  return x * y;
+}