chore: add data-test attributes

ui/src/admin/components/RoleEditingRow.js

@@ -38,6 +38,7 @@ class RoleEditingRow extends Component {
           autoFocus={true}
           spellCheck={false}
           autoComplete="false"
+          data-test="role-name--input"
         />
       </td>
     )

ui/src/admin/components/RoleRow.js

@@ -67,7 +67,7 @@ const RoleRow = ({
   }
 
   return (
-    <tr>
+    <tr data-test={`role-${roleName}--row`}>
       <td style={{width: `${ROLES_TABLE.colName}px`}}>{roleName}</td>
       <td>
         {allPermissions && allPermissions.length ? (

ui/src/admin/components/UserRow.tsx

@@ -74,6 +74,7 @@ const UserRow = ({
         <td
           className="admin-table--left-offset"
           title={!allRoles.length ? 'No roles are defined' : ''}
+          data-test="roles-granted"
         >
           {user.roles.map((role, i) => (
             <span key={i} className="role-value granted">

ui/src/admin/containers/influxdb/UserPage.tsx

@@ -383,6 +383,7 @@ const UserPage = ({
                                 : ''
                             }`}
                             onClick={onRoleChange}
+                            data-test={`role-${roleName}--button`}
                           >
                             {roleName}
                           </div>