Add placeholder UserRegistration component with simple render test

src/App.js

@@ -1,21 +1,23 @@
-import React, { Component } from 'react';
+import React, {Component} from 'react';
 import logo from './logo.svg';
 import './App.css';
+import {UserRegistration} from "./UserRegistration";
 
 class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <h1 className="App-title">Welcome to React</h1>
-        </header>
-        <p className="App-intro">
-          To get started, edit <code>src/App.js</code> and save to reload.
-        </p>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div className="App">
+                <header className="App-header">
+                    <img src={logo} className="App-logo" alt="logo"/>
+                    <h1 className="App-title">Welcome to React</h1>
+                </header>
+                <p className="App-intro">
+                    To get started, edit <code>src/App.js</code> and save to reload.
+                </p>
+                <UserRegistration/>
+            </div>
+        );
+    }
 }
 
 export default App;

src/UserRegistration.js

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+
+export class UserRegistration extends Component {
+    render() {
+        return (
+            <div>TODO</div>
+        );
+    }
+}

src/UserRegistration.test.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import {UserRegistration} from "./UserRegistration";
+
+describe ('<UserRegistration/>', () => {
+    it('renders', () => {
+        const wrapper = shallow(<UserRegistration />);
+        expect(wrapper).toBeDefined();
+    });
+});