Add setSubnet action

app/assets/javascripts/create_cluster/eks_cluster/components/eks_cluster_configuration_form.vue

@@ -71,7 +71,7 @@ export default {
     this.fetchRegions();
   },
   methods: {
-    ...mapActions(['setRegion', 'setVpc']),
+    ...mapActions(['setRegion', 'setVpc', 'setSubnet']),
     ...mapActions({
       fetchRegions: 'regions/fetchItems',
       fetchVpcs: 'vpcs/fetchItems',
@@ -148,7 +148,7 @@ export default {
         :empty-text="s__('ClusterIntegration|No subnet found')"
         :has-errors="loadingSubnetsError"
         :error-message="s__('ClusterIntegration|Could not load subnets for the selected VPC')"
-        @input="setVpcAndFetchSubnets($event)"
+        @input="setSubnet({ subnet: $event })"
       />
       <p class="form-text text-muted" v-html="subnetDropdownHelpText"></p>
     </div>

spec/frontend/create_cluster/eks_cluster/components/eks_cluster_configuration_form_spec.js

@@ -27,6 +27,7 @@ describe('EksClusterConfigurationForm', () => {
     actions = {
       setRegion: jest.fn(),
       setVpc: jest.fn(),
+      setSubnet: jest.fn(),
     };
     regionsActions = {
       fetchItems: jest.fn(),
@@ -193,4 +194,16 @@ describe('EksClusterConfigurationForm', () => {
       expect(subnetsActions.fetchItems).toHaveBeenCalledWith(expect.anything(), { vpc }, undefined);
     });
   });
+
+  describe('when a subnet is selected', () => {
+    const subnet = { name: 'subnet-1' };
+
+    beforeEach(() => {
+      findSubnetDropdown().vm.$emit('input', subnet);
+    });
+
+    it('dispatches setSubnet action', () => {
+      expect(actions.setSubnet).toHaveBeenCalledWith(expect.anything(), { subnet }, undefined);
+    });
+  });
 });