added missing ID'S

my-app/src/react/user/UserManagement.js

@@ -98,17 +98,17 @@ class UserManagement extends Component {
                                 <img alt="Add-User-Button" src={addIcon} style={{ width: '2rem' }}></img>
                             </Button>
                         </div>
-                        <div style={{ display: "flex", flexFlow: "row wrap", justifyContent: "left" }}>
+                        <div id="UserManagementPageListComponent" style={{ display: "flex", flexFlow: "row wrap", justifyContent: "left" }}>
                             {this.MapAllUsers()}
                             <DeleteUserModal />
                         </div>
                     </>
                 break
             case DISPLAY.CREATE:
-                workspace = <CreateNewUser id="UserManagementPageCreateComponent" goBack={this.handleSwitchToList} />
+                workspace = <CreateNewUser goBack={this.handleSwitchToList} />
                 break
             case DISPLAY.EDIT:
-                workspace = <EditUser id="UserManagementPageEditComponent" goBack={this.handleSwitchToList} editUser={this.state.editingUser} />
+                workspace = <EditUser goBack={this.handleSwitchToList} editUser={this.state.editingUser} />
                 break
             default:
                 workspace =
@@ -118,7 +118,7 @@ class UserManagement extends Component {
                                 <img alt="Add-User-Button" src={addIcon} style={{ width: '2rem' }}></img>
                             </Button>
                         </div>
-                        <div style={{ display: "flex", flexFlow: "row wrap" }}>
+                        <div id="UserManagementPageListComponent" style={{ display: "flex", flexFlow: "row wrap" }}>
                             {this.MapAllUsers()}
                             <DeleteUserModal />
                         </div>

my-app/src/react/user/components/CreateNewUser.js

@@ -49,7 +49,7 @@ class CreateNewUserForm extends Component {
 
     render() {
         return (
-            <div style={{ display: 'flex', justifyContent: 'center', textAlign: 'left', padding: '2em', background: '#fff', borderRadius: '30px', margin: '3rem' }}>
+            <div id="UserManagementPageCreateComponent" style={{ display: 'flex', justifyContent: 'center', textAlign: 'left', padding: '2em', background: '#fff', borderRadius: '30px', margin: '3rem' }}>
                 <Form style={{ width: '60rem' }}>
                     <h2>Benutzer anlegen</h2>
                     <Form.Group className="mb-3">

my-app/src/react/user/components/UserItem.js

@@ -21,15 +21,15 @@ class UserItem extends Component {
                     <Card.Body style={{padding: '1rem'}}>
                         <Table responsive="sm">
                             <tbody>
-                                <tr style={{ textAlign: 'left' }}>
+                                <tr id="UserID" style={{ textAlign: 'left' }}>
                                     <td><b>User ID:</b></td>
                                     <td>{user.userID}</td>
                                 </tr>
-                                <tr style={{ textAlign: 'left' }}>
+                                <tr id="FirstName" style={{ textAlign: 'left' }}>
                                     <td><b>First Name:</b></td>
                                     <td>{user.firstName}</td>
                                 </tr>
-                                <tr style={{ textAlign: 'left' }}>
+                                <tr id="LastName" style={{ textAlign: 'left' }}>
                                     <td><b>Last Name:</b></td>
                                     <td>{user.lastName}</td>
                                 </tr>