diff --git a/src/components/TaskList.js b/src/components/TaskList.js
index 969683b39b619832ad9c346accb6aa63258ceae9..38ffa4c56db8ca2db5ce0a30f2ea6da20caab9fe 100644
--- a/src/components/TaskList.js
+++ b/src/components/TaskList.js
@@ -89,9 +89,9 @@ class TaskList extends React.Component{
         <h1>Tasklist</h1>
         <form className='task-form' onSubmit={this.handleTaskCreation}>
           <label>New task</label>
-          <input type='text' placeholder='Task name' minLength="3" value={this.state.taskNameInput} onChange={(e) => this.setState({taskNameInput: e.target.value})}></input>
-          <textarea placeholder='Task description' value={this.state.taskDescriptionInput} onChange={(e) => this.setState({taskDescriptionInput: e.target.value})}></textarea>
-          <button type="submit">Add new task</button>
+          <input id="taskNameInput" type='text' placeholder='Task name' minLength="3" value={this.state.taskNameInput} onChange={(e) => this.setState({taskNameInput: e.target.value})}></input>
+          <textarea id="taskDescriptionInput" placeholder='Task description' value={this.state.taskDescriptionInput} onChange={(e) => this.setState({taskDescriptionInput: e.target.value})}></textarea>
+          <button id="newTaskSubmitButton" type="submit">Add new task</button>
         </form>
         {tasks}
       </div>,
diff --git a/src/components/TaskListButton.js b/src/components/TaskListButton.js
index 045e6c168abe6bb4b804a96f5356a2b0fafaa22e..5734a026f380fe0bbbe7de57dbf05b89d3453636 100644
--- a/src/components/TaskListButton.js
+++ b/src/components/TaskListButton.js
@@ -36,7 +36,7 @@ class TaskListButton extends React.Component{
   render(){
     return(
       <Fragment>
-        <button onClick={this.handleClick}>Tasks ({this.state.newTasks})</button>
+        <button id="tasklistButton" onClick={this.handleClick}>Tasks ({this.state.newTasks})</button>
         {this.state.open && <TaskList />}
       </Fragment>
     );