diff --git a/src/components/Header.js b/src/components/Header.js
index 69ca46428b49cad55b679a5e89bbd311878897c7..dfe41df38dfd877773b63aee334363518e12a6e8 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -66,18 +66,18 @@ class Header extends React.Component {
       <div>
         <div className='header'>
           {!this.state.username && (
-            <button onClick={() => this.toggleView('register')}>
+            <button id="registerButton" onClick={() => this.toggleView('register')}>
               register
             </button>
           )}
           {!this.state.username && (
-            <button onClick={() => this.toggleView('login')}>login</button>
+            <button id="loginButton" onClick={() => this.toggleView('login')}>login</button>
           )}
           {this.state.username && (
-            <button onClick={this.handleLogout}>logout</button>
+            <button id="logoutButton" onClick={this.handleLogout}>logout</button>
           )}
           {this.state.username && <button>{this.state.username}</button>}
-          <button onClick={this.props.handleLayerChange}>change layer</button>
+          <button id="changeLayerButton" onClick={this.props.handleLayerChange}>change layer</button>
         </div>
         {this.state.register && (
           <RegisterForm
diff --git a/src/components/LoginForm.js b/src/components/LoginForm.js
index 874db930fd2c11afb2e8beebfb04e5754602082e..2f516bb4ecd8290ee9c0251db3628ebc641bfe5c 100644
--- a/src/components/LoginForm.js
+++ b/src/components/LoginForm.js
@@ -80,7 +80,7 @@ export class LoginForm extends React.Component {
     return (
       <div className='fade-main'>
         <div className='sticky'>
-          <span className='close' onClick={this.handleView}>
+          <span id="closeLoginFormX" className='close' onClick={this.handleView}>
             ×
           </span>
         </div>
@@ -93,6 +93,7 @@ export class LoginForm extends React.Component {
               name='username'
               value={this.state.username}
               onChange={this.handleChange}
+              id="loginUsernameInput"
             />
             <br />
             <input
@@ -101,9 +102,10 @@ export class LoginForm extends React.Component {
               name='password'
               value={this.state.password}
               onChange={this.handleChange}
+              id="loginPasswordInput"
             />
             <br />
-            <button type='submit'>login</button>
+            <button id="submitLoginButton" type='submit'>login</button>
             <h2>{this.state.errorMsg}</h2>
           </form>
         </div>
diff --git a/src/components/RegisterForm.js b/src/components/RegisterForm.js
index 3cf410013fe669db19c7daa41906b53aff3558e2..00f28919a1bd08ab83a7f38a3586866a12399140 100644
--- a/src/components/RegisterForm.js
+++ b/src/components/RegisterForm.js
@@ -87,7 +87,7 @@ export class RegisterForm extends React.Component {
     return (
       <div className='fade-main'>
         <div className='sticky'>
-          <span className='close' onClick={this.handleView}>
+          <span id="closeLoginFormX" className='close' onClick={this.handleView}>
             ×
           </span>
         </div>
@@ -100,6 +100,7 @@ export class RegisterForm extends React.Component {
               name='username'
               value={this.state.username}
               onChange={this.handleChange}
+              id="registerUsernameInput"
             />
             <br />
             <input
@@ -108,6 +109,7 @@ export class RegisterForm extends React.Component {
               name='password'
               value={this.state.password}
               onChange={this.handleChange}
+              id="registerPasswordInput"
             />
             <br />
             <input
@@ -116,9 +118,10 @@ export class RegisterForm extends React.Component {
               name='password2'
               value={this.state.password2}
               onChange={this.handleChange}
+              id="registerPasswordVerifyInput"
             />
             <br />
-            <button type='submit'>register</button>
+            <button id="submitRegisterButton" type='submit'>register</button>
             <h2>{this.state.errorMsg}</h2>
           </form>
         </div>