chore(automation): give unique selectors [r8s-168] (#345)

Co-authored-by: JamesPlayer <james.player@portainer.io>

app/react/portainer/access-control/AccessManagement/PorAccessManagementUsersSelector.tsx

@@ -37,6 +37,7 @@ export function PorAccessManagementUsersSelector({
             closeMenuOnSelect={false}
             onChange={onChange}
             data-cy="component-selectUser"
+            id="component-selectUser"
             inputId="users-selector"
             placeholder="Select one or more users and/or teams"
             components={{ MultiValueLabel, Option: OptionComponent }}

app/react/portainer/access-control/EditDetails/TeamsField.tsx

@@ -30,7 +30,7 @@ export function TeamsField({
             'You can select which team(s) will be able to manage this resource.'
           : undefined
       }
-      inputId="teams-selector"
+      inputId="authorized-teams-selector"
       errors={errors}
     >
       {teams.length > 0 ? (
@@ -39,7 +39,7 @@ export function TeamsField({
           teams={teams}
           onChange={onChange}
           value={value}
-          inputId="teams-selector"
+          inputId="authorized-teams-selector"
           dataCy="teams-selector"
         />
       ) : (

app/react/portainer/access-control/EditDetails/UsersField.tsx

@@ -21,7 +21,7 @@ export function UsersField({ name, users, value, onChange, errors }: Props) {
           ? 'You can select which user(s) will be able to manage this resource.'
           : undefined
       }
-      inputId="users-selector"
+      inputId="authorized-users-selector"
       errors={errors}
     >
       {users.length > 0 ? (
@@ -30,7 +30,7 @@ export function UsersField({ name, users, value, onChange, errors }: Props) {
           users={users}
           onChange={onChange}
           value={value}
-          inputId="users-selector"
+          inputId="authorized-users-selector"
           dataCy="users-selector"
         />
       ) : (

app/react/portainer/access-control/PorAccessControlForm/TeamsSelector.tsx

@@ -26,6 +26,7 @@ export function PorAccessControlFormTeamSelector({
       closeMenuOnSelect={false}
       onChange={onChange}
       data-cy="portainer-selectTeamAccess"
+      id="portainer-selectTeamAccess"
       inputId={inputId}
       placeholder="Select one or more teams"
     />

app/react/portainer/access-control/PorAccessControlForm/UsersSelector.tsx

@@ -26,6 +26,7 @@ export function PorAccessControlFormUserSelector({
       closeMenuOnSelect={false}
       onChange={onChange}
       data-cy="portainer-selectUserAccess"
+      id="portainer-selectUserAccess"
       inputId={inputId}
       placeholder="Select one or more users"
     />

app/react/portainer/environments/common/TimeWindowPicker/TimeWindowPickerInputGroup.tsx

@@ -112,6 +112,7 @@ export function TimeWindowPickerInputGroup({
             onChangeTimeZone(newTimeZone.value);
           }}
           data-cy="time-window-picker-timezone-select"
+          id="time-window-picker-timezone-select"
         />
       </div>
       {errors?.StartTime && <FormError>{errors.StartTime}</FormError>}

app/react/portainer/environments/update-schedules/common/EdgeGroupsField.tsx

@@ -54,6 +54,7 @@ export function EdgeGroupsField({
           closeMenuOnSelect={false}
           isDisabled={disabled}
           data-cy="update-schedules-edge-groups-select"
+          id="update-schedules-edge-groups-select"
         />
       </FormControl>
       <TextTip color="blue">

app/react/portainer/gitops/AuthFieldset/CredentialSelector.tsx

@@ -41,6 +41,7 @@ export function CredentialSelector({
             noOptionsMessage={() => 'no saved credentials'}
             inputId="git-creds-selector"
             data-cy="git-credentials-selector"
+            id="git-credentials-selector"
           />
         </FormControl>
       </div>