From 8b0382277cab6c14ca1857a4937b36861b0ee45a Mon Sep 17 00:00:00 2001
From: L4168 <L4168@student.jamk.fi>
Date: Tue, 25 Jun 2019 15:24:48 +0300
Subject: [PATCH] added id's

---
 src/components/Header.js       | 8 ++++----
 src/components/LoginForm.js    | 6 ++++--
 src/components/RegisterForm.js | 7 +++++--
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/Header.js b/src/components/Header.js
index 69ca464..dfe41df 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 874db93..2f516bb 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 3cf4100..00f2891 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>
-- 
GitLab