Merge branch 'fix-input-debounce-gitlab-ui-integration-test' into 'master'

GitLab UI: fix-input-debounce integration branch

See merge request gitlab-org/gitlab!38824

ee/app/assets/javascripts/geo_node_form/components/geo_node_form_capacities.vue

@@ -111,7 +111,7 @@ export default {
         :class="{ 'is-invalid': Boolean(formErrors[formGroup.key]) }"
         class="col-sm-3"
         type="number"
-        @input="checkCapacity(formGroup)"
+        @update="checkCapacity(formGroup)"
       />
     </gl-form-group>
   </div>

ee/app/assets/javascripts/geo_node_form/components/geo_node_form_core.vue

@@ -69,7 +69,7 @@ export default {
           :class="{ 'is-invalid': Boolean(formErrors.name) }"
           data-qa-selector="node_name_field"
           type="text"
-          @input="checkName"
+          @update="checkName"
         />
         <span class="gl-text-gray-700 m-n5 gl-z-index-2">{{ 255 - nodeData.name.length }}</span>
       </div>
@@ -106,7 +106,7 @@ export default {
             :class="{ 'is-invalid': Boolean(formErrors.url) }"
             data-qa-selector="node_url_field"
             type="text"
-            @input="checkUrl"
+            @update="checkUrl"
           />
           <span class="gl-text-gray-700 m-n5 gl-z-index-2">{{ 255 - nodeData.url.length }}</span>
         </div>

ee/app/assets/javascripts/geo_settings/components/geo_settings_form.vue

@@ -56,6 +56,7 @@ export default {
         v-model="timeout"
         class="col-sm-2"
         type="number"
+        number
         :class="{ 'is-invalid': Boolean(formErrors.timeout) }"
         @blur="checkTimeout"
       />

ee/spec/frontend/geo_settings/components/geo_settings_form_spec.js

@@ -107,7 +107,7 @@ describe('GeoSettingsForm', () => {
       beforeEach(() => {
         createStore();
         createComponent();
-        findGeoSettingsTimeoutField().vm.$emit('input', data);
+        findGeoSettingsTimeoutField().setValue(data);
         findGeoSettingsTimeoutField().trigger('blur');
       });
 
@@ -134,7 +134,7 @@ describe('GeoSettingsForm', () => {
       beforeEach(() => {
         createStore();
         createComponent();
-        findGeoSettingsAllowedIpField().vm.$emit('input', data);
+        findGeoSettingsAllowedIpField().setValue(data);
         findGeoSettingsAllowedIpField().trigger('blur');
       });
 

package.json

@@ -43,7 +43,7 @@
     "@babel/preset-env": "^7.10.1",
     "@gitlab/at.js": "1.5.5",
     "@gitlab/svgs": "1.158.0",
-    "@gitlab/ui": "18.6.2",
+    "@gitlab/ui": "18.7.0",
     "@gitlab/visual-review-tools": "1.6.1",
     "@rails/actioncable": "^6.0.3-1",
     "@sentry/browser": "^5.10.2",

yarn.lock

@@ -848,10 +848,10 @@
   resolved "https://registry.yarnpkg.com/@gitlab/svgs/-/svgs-1.158.0.tgz#300d416184a2b0e05f15a96547f726e1825b08a1"
   integrity sha512-5OJl+7TsXN9PJhY6/uwi+mTwmDZa9n/6119rf77orQ/joFYUypaYhBmy/1TcKVPsy5Zs6KCxE1kmGsfoXc1TYA==
 
-"@gitlab/ui@18.6.2":
-  version "18.6.2"
-  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-18.6.2.tgz#92d18dd36482ae412500820835e9d62f30f108d4"
-  integrity sha512-3g22Q9RM1rmexipsZdroETJXd20+Fam1CHsC1h8vOWV4Fad5u3lgQp3KIQQlbmROIGTJ4PbiwE1Qldg+XAMsUw==
+"@gitlab/ui@18.7.0":
+  version "18.7.0"
+  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-18.7.0.tgz#aee0054d50e50aaf9e7c4ea4b9e36ca4b97102bf"
+  integrity sha512-y1Gix1aCHvVO+zh6TCDmsCr97nLLHFnfEZRtg69EBnLBCLgwBcucC3mNeR4Q2EHTWjy/5U035UkyW6LDRX05mA==
   dependencies:
     "@babel/standalone" "^7.0.0"
     "@gitlab/vue-toasted" "^1.3.0"