chore(data-cy): require data-cy attributes [EE-6880] (#11453)

app/react/docker/containers/CreateView/BaseForm/BaseForm.tsx

@@ -84,6 +84,7 @@ export function BaseForm({
               setFieldValue('name', name);
             }}
             placeholder="e.g. myContainer"
+            data-cy="container-name-input"
           />
         </FormControl>
 
@@ -108,6 +109,7 @@ export function BaseForm({
                     setFieldValue('alwaysPull', alwaysPull)
                   }
                   labelClass="col-sm-3 col-lg-2"
+                  data-cy="always-pull-switch"
                 />
               </div>
             </div>
@@ -121,6 +123,7 @@ export function BaseForm({
                 <div className="col-sm-12">
                   <SwitchField
                     label="Create a container webhook"
+                    data-cy="container-webhook-switch"
                     tooltip="Create a webhook (or callback URI) to automate the recreate this container. Sending a POST request to this callback URI (without requiring any authentication) will pull the most up-to-date version of the associated image and recreate this container."
                     checked={values.enableWebhook}
                     onChange={(enableWebhook) =>
@@ -140,6 +143,7 @@ export function BaseForm({
             <div className="col-sm-12">
               <SwitchField
                 label="Publish all exposed ports to random host ports"
+                data-cy="publish-all-ports-switch"
                 tooltip="When enabled, Portainer will let Docker automatically map a random port on the host to each one defined in the image Dockerfile."
                 checked={values.publishAllPorts}
                 onChange={(publishAllPorts) =>
@@ -179,6 +183,7 @@ export function BaseForm({
           <div className="col-sm-12">
             <SwitchField
               label="Auto remove"
+              data-cy="container-auto-remove-switch"
               tooltip="When enabled, Portainer will automatically remove the container when it exits. This is useful when you want to use the container only once."
               checked={values.autoRemove}
               onChange={(autoRemove) => setFieldValue('autoRemove', autoRemove)}
@@ -191,6 +196,7 @@ export function BaseForm({
           <div className="col-sm-12">
             <LoadingButton
               loadingText="Deployment in progress..."
+              data-cy="deploy-container-button"
               isLoading={isLoading}
               disabled={!isValid}
             >

app/react/docker/containers/CreateView/BaseForm/PortsMappingField.tsx

@@ -50,6 +50,7 @@ export function PortsMappingField({
         disabled={disabled}
         readOnly={readOnly}
         tooltip="When a range of ports on the host and a single port on the container is specified, Docker will randomly choose a single available port in the defined range and forward that to the container port."
+        data-cy="docker-containers-ports-mapping"
       />
       {typeof errors === 'string' && (
         <div className="form-group col-md-12">
@@ -73,6 +74,7 @@ function Item({
       <div className="flex items-center gap-2">
         <InputLabeled
           size="small"
+          data-cy={`hostPort-${index}`}
           disabled={disabled}
           readOnly={readOnly}
           value={item.hostPort}
@@ -97,6 +99,7 @@ function Item({
           placeholder="e.g. 80"
           className="w-1/2"
           id={`containerPort-${index}`}
+          data-cy={`containerPort-${index}`}
         />
 
         <ButtonSelector<Protocol>