diff --git a/frontend/src/components/dialog/add-abuse-report-dialog.js b/frontend/src/components/dialog/add-abuse-report-dialog.js
index 1fb1317578..e974babfb2 100644
--- a/frontend/src/components/dialog/add-abuse-report-dialog.js
+++ b/frontend/src/components/dialog/add-abuse-report-dialog.js
@@ -80,11 +80,20 @@ class AddAbuseReportDialog extends React.Component {
             </FormGroup>
             <FormGroup>
               <Label>{gettext('Contact Information')}</Label>
-              <Input type="text" value={this.state.reporter} onChange={(event) => this.setReporter(event)}/>
+              <Input
+                name="abuse-report-contact-information"
+                type="text"
+                value={this.state.reporter}
+                onChange={(event) => this.setReporter(event)}
+              />
             </FormGroup>
             <FormGroup>
               <Label>{gettext('Description')}</Label>
-              <Input type="textarea" onChange={(event) => this.setDescription(event)}/>
+              <Input
+                name="abuse-report-description"
+                type="textarea"
+                onChange={(event) => this.setDescription(event)}
+              />
             </FormGroup>
           </Form>
           {this.state.errMessage && <Alert color="danger">{this.state.errMessage}</Alert>}
diff --git a/frontend/src/components/dialog/add-wiki-dialog.js b/frontend/src/components/dialog/add-wiki-dialog.js
index fe5309ae7f..a3f2a92a16 100644
--- a/frontend/src/components/dialog/add-wiki-dialog.js
+++ b/frontend/src/components/dialog/add-wiki-dialog.js
@@ -86,7 +86,13 @@ class AddWikiDialog extends React.Component {
         <SeahubModalHeader toggle={this.toggle}>{gettext('Add Wiki')}</SeahubModalHeader>
         <ModalBody>
           <Label>{gettext('Name')}</Label>
-          <Input onKeyDown={this.handleKeyDown} autoFocus={true} value={this.state.name} onChange={this.inputNewName}/>
+          <Input
+            onKeyDown={this.handleKeyDown}
+            autoFocus={true}
+            value={this.state.name}
+            onChange={this.inputNewName}
+            name="wiki-name"
+          />
           {isPro &&
             <>
               <Label className='mt-4'>{gettext('Wiki owner')} ({gettext('Optional')})</Label>
diff --git a/frontend/src/components/dialog/add-wiki-page-dialog.js b/frontend/src/components/dialog/add-wiki-page-dialog.js
index e597961832..62b843b53e 100644
--- a/frontend/src/components/dialog/add-wiki-page-dialog.js
+++ b/frontend/src/components/dialog/add-wiki-page-dialog.js
@@ -62,6 +62,7 @@ class AddWikiPageDialog extends React.Component {
               <Label for="pageName">{gettext('Name')}</Label>
               <Input
                 id="pageName"
+                name="wiki-page-name"
                 onKeyDown={this.handleKeyDown}
                 innerRef={this.inputRef}
                 value={this.state.wikiPageName}
diff --git a/frontend/src/components/dialog/convert-wiki-dialog.js b/frontend/src/components/dialog/convert-wiki-dialog.js
index 5a12130408..9a4c066881 100644
--- a/frontend/src/components/dialog/convert-wiki-dialog.js
+++ b/frontend/src/components/dialog/convert-wiki-dialog.js
@@ -82,7 +82,13 @@ class ConvertWikiDialog extends React.Component {
         <SeahubModalHeader toggle={this.toggle}>{gettext('Convert Wiki')}</SeahubModalHeader>
         <ModalBody>
           <Label>{gettext('Name')}</Label>
-          <Input onKeyDown={this.handleKeyDown} autoFocus={true} value={this.state.name} onChange={this.inputNewName}/>
+          <Input
+            name="wiki-name"
+            onKeyDown={this.handleKeyDown}
+            autoFocus={true}
+            value={this.state.name}
+            onChange={this.inputNewName}
+          />
           {isPro &&
             <>
               <Label className='mt-4'>{gettext('Wiki owner')} ({gettext('Optional')})</Label>
diff --git a/frontend/src/components/dialog/create-department-repo-dialog.js b/frontend/src/components/dialog/create-department-repo-dialog.js
index 5d5d8a9190..eb0eb0d501 100644
--- a/frontend/src/components/dialog/create-department-repo-dialog.js
+++ b/frontend/src/components/dialog/create-department-repo-dialog.js
@@ -82,6 +82,7 @@ class CreateDepartmentRepoDialog extends React.Component {
               <Label for="repo-name">{gettext('Name')}</Label>
               <Input
                 id="repo-name"
+                name="repo-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.repoName}
                 onChange={this.handleChange}
diff --git a/frontend/src/components/dialog/create-file-dialog.js b/frontend/src/components/dialog/create-file-dialog.js
index d0bb38bfda..f93e7fb4b5 100644
--- a/frontend/src/components/dialog/create-file-dialog.js
+++ b/frontend/src/components/dialog/create-file-dialog.js
@@ -96,6 +96,7 @@ class CreateFile extends React.Component {
               <Label for="fileName">{gettext('Name')}</Label>
               <Input
                 id="fileName"
+                name="file-name"
                 onKeyDown={this.handleKeyDown}
                 innerRef={this.newInput}
                 value={this.state.childName}
diff --git a/frontend/src/components/dialog/create-folder-dialog.js b/frontend/src/components/dialog/create-folder-dialog.js
index 5973b3d7d2..2de51eb7c2 100644
--- a/frontend/src/components/dialog/create-folder-dialog.js
+++ b/frontend/src/components/dialog/create-folder-dialog.js
@@ -84,6 +84,7 @@ class CreateForder extends React.Component {
               <Label for="folderName">{gettext('Name')}</Label>
               <Input
                 id="folderName"
+                name="folder-name"
                 value={this.state.childName}
                 onKeyDown={this.handleKeyDown}
                 onChange={this.handleChange}
diff --git a/frontend/src/components/dialog/create-group-dialog.js b/frontend/src/components/dialog/create-group-dialog.js
index 5f80c85b43..d02de95f5d 100644
--- a/frontend/src/components/dialog/create-group-dialog.js
+++ b/frontend/src/components/dialog/create-group-dialog.js
@@ -72,6 +72,7 @@ class CreateGroupDialog extends React.Component {
           <Input
             type="text"
             id="groupName"
+            name="group-name"
             value={this.state.groupName}
             onChange={this.handleGroupChange}
             onKeyDown={this.handleKeyDown}
diff --git a/frontend/src/components/dialog/create-repo-dialog.js b/frontend/src/components/dialog/create-repo-dialog.js
index 6daf85c1a7..f2e3b69e44 100644
--- a/frontend/src/components/dialog/create-repo-dialog.js
+++ b/frontend/src/components/dialog/create-repo-dialog.js
@@ -189,6 +189,7 @@ class CreateRepoDialog extends React.Component {
               <Label for="repoName">{gettext('Name')}</Label>
               <Input
                 id="repoName"
+                name="repo-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.repoName}
                 onChange={this.handleRepoNameChange}
diff --git a/frontend/src/components/dialog/create-tag-dialog.js b/frontend/src/components/dialog/create-tag-dialog.js
index 4bc79dde1b..8d4544e5d7 100644
--- a/frontend/src/components/dialog/create-tag-dialog.js
+++ b/frontend/src/components/dialog/create-tag-dialog.js
@@ -78,7 +78,13 @@ class CreateTagDialog extends React.Component {
           <div role="form" className="tag-create">
             <div className="form-group">
               <label className="form-label">{gettext('Name')}</label>
-              <Input onKeyDown={this.handleKeyDown} autoFocus={true} value={this.state.tagName} onChange={this.inputNewName}/>
+              <Input
+                name="tag-name"
+                onKeyDown={this.handleKeyDown}
+                autoFocus={true}
+                value={this.state.tagName}
+                onChange={this.inputNewName}
+              />
               <div className="mt-2"><span className="error">{this.state.errorMsg}</span></div>
             </div>
             <div className="form-group">
diff --git a/frontend/src/components/dialog/invite-people-dialog.js b/frontend/src/components/dialog/invite-people-dialog.js
index 65b274b2bb..61e4a35c68 100644
--- a/frontend/src/components/dialog/invite-people-dialog.js
+++ b/frontend/src/components/dialog/invite-people-dialog.js
@@ -111,6 +111,7 @@ class InvitePeopleDialog extends React.Component {
           <Input
             type="text"
             id="emails"
+            name="emails"
             placeholder={gettext('Emails, separated by \',\'')}
             value={this.state.emails}
             onChange={this.handleInputChange}
diff --git a/frontend/src/components/dialog/org-add-department-dialog.js b/frontend/src/components/dialog/org-add-department-dialog.js
index 6f6865dbbc..aae197b64f 100644
--- a/frontend/src/components/dialog/org-add-department-dialog.js
+++ b/frontend/src/components/dialog/org-add-department-dialog.js
@@ -74,6 +74,7 @@ class AddDepartmentDialog extends React.Component {
               <Label for="departmentName">{gettext('Name')}</Label>
               <Input
                 id="departmentName"
+                name="department-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.departmentName}
                 onChange={this.handleChange}
diff --git a/frontend/src/components/dialog/org-add-repo-dialog.js b/frontend/src/components/dialog/org-add-repo-dialog.js
index a9adb003fa..7930eb9d74 100644
--- a/frontend/src/components/dialog/org-add-repo-dialog.js
+++ b/frontend/src/components/dialog/org-add-repo-dialog.js
@@ -70,6 +70,7 @@ class AddRepoDialog extends React.Component {
               <Label for="repoName">{gettext('Name')}</Label>
               <Input
                 id="repoName"
+                name="repo-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.repoName}
                 onChange={this.handleChange}
diff --git a/frontend/src/components/dialog/org-rename-department-dialog.js b/frontend/src/components/dialog/org-rename-department-dialog.js
index 22a4ee6b62..1b6410e56c 100644
--- a/frontend/src/components/dialog/org-rename-department-dialog.js
+++ b/frontend/src/components/dialog/org-rename-department-dialog.js
@@ -88,6 +88,7 @@ class RenameDepartmentDialog extends React.Component {
               <Label for="departmentName">{gettext('Name')}</Label>
               <Input
                 id="departmentName"
+                name="department-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.departmentName}
                 onChange={this.handleChange}
diff --git a/frontend/src/components/dialog/rename-dialog.js b/frontend/src/components/dialog/rename-dialog.js
index a40287fac9..390fdf224e 100644
--- a/frontend/src/components/dialog/rename-dialog.js
+++ b/frontend/src/components/dialog/rename-dialog.js
@@ -99,7 +99,14 @@ class Rename extends React.Component {
         <SeahubModalHeader toggle={this.toggle}>{type === 'file' ? gettext('Rename File') : gettext('Rename Folder') }</SeahubModalHeader>
         <ModalBody>
           <p>{type === 'file' ? gettext('New file name') : gettext('New folder name')}</p>
-          <Input onKeyDown={this.handleKeyDown} innerRef={this.newInput} placeholder="newName" value={this.state.newName} onChange={this.handleChange} />
+          <Input
+            onKeyDown={this.handleKeyDown}
+            innerRef={this.newInput}
+            placeholder="newName"
+            value={this.state.newName}
+            onChange={this.handleChange}
+            name={type === 'file' ? 'new-file-name' : 'new-folder-name'}
+          />
           {this.state.errMessage && <Alert color="danger" className="mt-2">{this.state.errMessage}</Alert>}
         </ModalBody>
         <ModalFooter>
diff --git a/frontend/src/components/dialog/rename-group-dialog.js b/frontend/src/components/dialog/rename-group-dialog.js
index 4b07a6cd79..7c3af16a38 100644
--- a/frontend/src/components/dialog/rename-group-dialog.js
+++ b/frontend/src/components/dialog/rename-group-dialog.js
@@ -60,8 +60,14 @@ class RenameGroupDialog extends React.Component {
         <SeahubModalHeader>{gettext('Rename Group')}</SeahubModalHeader>
         <ModalBody>
           <label htmlFor="newGroupName">{gettext('Rename group to')}</label>
-          <Input type="text" id="newGroupName" value={this.state.newGroupName}
-            onChange={this.handleGroupNameChange} onKeyDown={this.handleKeyDown}/>
+          <Input
+            type="text"
+            id="newGroupName"
+            name="new-group-name"
+            value={this.state.newGroupName}
+            onChange={this.handleGroupNameChange}
+            onKeyDown={this.handleKeyDown}
+          />
         </ModalBody>
         <ModalFooter>
           <Button color="secondary" onClick={this.props.toggleRenameGroupDialog}>{gettext('Cancel')}</Button>
diff --git a/frontend/src/components/dialog/rename-wiki-dialog.js b/frontend/src/components/dialog/rename-wiki-dialog.js
index 6b97db99f4..29fc8d3b2b 100644
--- a/frontend/src/components/dialog/rename-wiki-dialog.js
+++ b/frontend/src/components/dialog/rename-wiki-dialog.js
@@ -75,6 +75,8 @@ class RenameWikiDialog extends React.Component {
             onKeyDown={this.handleKeyDown}
             innerRef={this.newInput}
             placeholder="newName"
+            name="new-wiki-name"
+            id="new-wiki-name"
             value={this.state.newName}
             onChange={this.handleChange}
           />
diff --git a/frontend/src/components/dialog/sysadmin-dialog/add-department-v2-dialog.js b/frontend/src/components/dialog/sysadmin-dialog/add-department-v2-dialog.js
index 7702e3223d..3235da50d1 100644
--- a/frontend/src/components/dialog/sysadmin-dialog/add-department-v2-dialog.js
+++ b/frontend/src/components/dialog/sysadmin-dialog/add-department-v2-dialog.js
@@ -83,6 +83,7 @@ class AddDepartmentV2Dialog extends React.Component {
               <Label for="departmentName">{gettext('Name')}</Label>
               <Input
                 id="departmentName"
+                name="department-name"
                 onKeyDown={this.onKeyDown}
                 value={this.state.departName}
                 onChange={this.handleChange}
diff --git a/frontend/src/components/dialog/sysadmin-dialog/rename-department-v2-dialog.js b/frontend/src/components/dialog/sysadmin-dialog/rename-department-v2-dialog.js
index 33cbe6bd9b..b217961dbd 100644
--- a/frontend/src/components/dialog/sysadmin-dialog/rename-department-v2-dialog.js
+++ b/frontend/src/components/dialog/sysadmin-dialog/rename-department-v2-dialog.js
@@ -72,6 +72,7 @@ class RenameDepartmentV2Dialog extends React.Component {
               <Label for="departmentName">{gettext('Name')}</Label>
               <Input
                 id="departmentName"
+                name="department-name"
                 onKeyDown={this.onKeyDown}
                 value={this.state.departName}
                 onChange={this.handleChange}
diff --git a/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-department-dialog.js b/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-department-dialog.js
index b2bc3531c6..99246a0c86 100644
--- a/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-department-dialog.js
+++ b/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-department-dialog.js
@@ -74,6 +74,7 @@ class AddDepartDialog extends React.Component {
               <Label for="departName">{gettext('Name')}</Label>
               <Input
                 id="departName"
+                name="department-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.departName}
                 onChange={this.handleChange}
diff --git a/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-institution-dialog.js b/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-institution-dialog.js
index d8f1563345..b2667b35b8 100644
--- a/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-institution-dialog.js
+++ b/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-institution-dialog.js
@@ -45,6 +45,7 @@ class SysAdminAddInstitutionDialog extends React.Component {
             <p>{gettext('Name')}</p>
             <FormGroup>
               <Input
+                name="institution-name"
                 value={this.state.value}
                 onChange={this.handleChange}
               />
diff --git a/frontend/src/pages/wiki2/wiki-nav/add-new-page-dialog.js b/frontend/src/pages/wiki2/wiki-nav/add-new-page-dialog.js
index e56bfee8de..38518788b4 100644
--- a/frontend/src/pages/wiki2/wiki-nav/add-new-page-dialog.js
+++ b/frontend/src/pages/wiki2/wiki-nav/add-new-page-dialog.js
@@ -108,9 +108,11 @@ class AddNewPageDialog extends React.Component {
       <Modal isOpen={true} toggle={this.toggle} autoFocus={false} className='add-new-page-dialog'>
         <SeahubModalHeader toggle={this.toggle}>{title}</SeahubModalHeader>
         <ModalBody className='pr-4'>
-          <Label>{gettext('Page name')}</Label>
+          <Label for="wiki-nav-page-name">{gettext('Page name')}</Label>
           <Input
             className="mb-4"
+            id="wiki-nav-page-name"
+            name="wiki-nav-page-name"
             value={this.state.pageName}
             onChange={this.handleChange}
             autoFocus={true}