refactor(combo): Migrated to new validation behavior

Author: rkaraivanov

src/components/combo/combo.spec.ts

@@ -6,6 +6,7 @@ import { createFormAssociatedTestBed } from '../common/utils.spec.js';
 import {
   runValidationContainerTests,
   type ValidationContainerTestsParams,
+  ValidityHelpers,
 } from '../common/validity-helpers.spec.js';
 import type IgcInputComponent from '../input/input.js';
 import IgcComboComponent from './combo.js';
@@ -593,27 +594,27 @@ describe('Combo', () => {
       await elementUpdated(combo);
 
       expect(combo.checkValidity()).to.be.false;
-      expect(combo.invalid).to.be.true;
+      ValidityHelpers.isValid(combo).to.be.false;
 
       combo.select();
       await elementUpdated(combo);
 
       expect(combo.checkValidity()).to.be.true;
-      expect(combo.invalid).to.be.false;
+      ValidityHelpers.isValid(combo).to.be.true;
     });
 
     it('reports validity when not required', async () => {
       combo.required = false;
       await elementUpdated(combo);
 
       expect(combo.checkValidity()).to.be.true;
-      expect(combo.invalid).to.be.false;
+      ValidityHelpers.isValid(combo).to.be.true;
 
       combo.deselect();
       await elementUpdated(combo);
 
       expect(combo.checkValidity()).to.be.true;
-      expect(combo.invalid).to.be.false;
+      ValidityHelpers.isValid(combo).to.be.true;
     });
 
     it('opens the list of options when Down or Alt+Down keys are pressed', async () => {

src/components/combo/combo.ts

@@ -622,6 +622,7 @@ export default class IgcComboComponent<
   }
 
   protected async handleMainInput({ detail }: CustomEvent<string>) {
+    this._setTouchedState();
     this._show();
     this._state.searchTerm = detail;
 
@@ -638,12 +639,12 @@ export default class IgcComboComponent<
     this.clearSingleSelection();
   }
 
-  private _handleBlur() {
+  protected override _handleBlur() {
     if (this._selection.isEmpty) {
       this._displayValue = '';
       this.resetSearchTerm();
     }
-    this.checkValidity();
+    super._handleBlur();
   }
 
   protected handleSearchInput({ detail }: CustomEvent<string>) {
@@ -836,6 +837,7 @@ export default class IgcComboComponent<
   }
 
   protected handleMainInputKeydown(e: KeyboardEvent) {
+    this._setTouchedState();
     this._navigation.navigateMainInput(e, this._list);
   }