chore(ui): adjust data-test attribute

ui/cypress/integration/admin_chronograf.test.ts

@@ -87,7 +87,7 @@ describe('Chronograf', () => {
     })
 
     it('add user, edit user, and remove it', () => {
-      cy.getByTestID('turn-on-new-users-superAdmin--toggle')
+      cy.getByTestID('new-user-superAdmin--toggle')
         .click()
         .should('have.class', 'active')
       cy.getByTestID('add-user--button').click()
@@ -114,7 +114,7 @@ describe('Chronograf', () => {
           cy.getByTestID('confirm-new-user--button').click()
         })
 
-      cy.getByTestID('turn-off-new-users-superAdmin--toggle')
+      cy.getByTestID('new-user-admin--toggle')
         .click()
         .should('not.have.class', 'active')
 
@@ -123,7 +123,7 @@ describe('Chronograf', () => {
         .realHover()
         .then(() => {
           cy.getByTestID(`${chronograf.user.name}--table-row`).within(() => {
-            cy.getByTestID('turn-off-superAdmin--toggle').click()
+            cy.getByTestID('superAdmin--toggle').click()
           })
         })
 

ui/src/admin/components/chronograf/AllUsersTableHeader.tsx

@@ -49,6 +49,7 @@ class AllUsersTableHeader extends Component<Props> {
               size={ComponentSize.Small}
               active={superAdminNewUsers}
               onChange={this.handleToggleClick}
+              dataTest="new-user-Admins--toggle"
             />
             <span>All new users are SuperAdmins</span>
           </div>

ui/src/admin/components/chronograf/AllUsersTableRow.tsx

@@ -89,6 +89,7 @@ export default class AllUsersTableRow extends Component<Props> {
             color={ComponentColor.Success}
             disabled={this.userIsMe}
             tooltipText={this.toggleTooltipText}
+            dataTest="superAdmin--toggle"
           />
         </td>
         <td style={{textAlign: 'right', width: colActions}}>