chore(stepper): edit css classes

Author: ddaribo

projects/igniteui-angular/src/lib/stepper/stepper.component.spec.ts

@@ -195,7 +195,7 @@ describe('Rendering Tests', () => {
         });
 
         it('should indicate the currently active step', () => {
-            const currentClass = 'igx-stepper__step--current';
+            const currentClass = 'igx-stepper__step-header--current';
             const step0Header: HTMLElement = stepper.steps[0].nativeElement.querySelector(`.${STEP_HEADER}`);
             const step1Header: HTMLElement = stepper.steps[1].nativeElement.querySelector(`.${STEP_HEADER}`);
 
@@ -231,7 +231,7 @@ describe('Rendering Tests', () => {
 
          it('should indicate that a step is invalid', () => {
             const step0Header: HTMLElement = stepper.steps[0].nativeElement.querySelector(`.${STEP_HEADER}`);
-            const invalidClass = 'igx-stepper__step--invalid';
+            const invalidClass = 'igx-stepper__step-header--invalid';
             stepper.steps[0].isValid = true;
             fix.detectChanges();
 
@@ -365,9 +365,9 @@ describe('Rendering Tests', () => {
         it('should allow overriding the default invalid, completed and active indicators', () => {
             const step0Header: HTMLElement = stepper.steps[0].nativeElement.querySelector(`.${STEP_HEADER}`);
             const indicatorClass = 'igx-stepper__step-indicator';
-            const invalidClass = 'igx-stepper__step--invalid';
+            const invalidClass = 'igx-stepper__step-header--invalid';
             const completedClass = 'igx-stepper__step--completed';
-            const currentClass = 'igx-stepper__step--current';
+            const currentClass = 'igx-stepper__step-header--current';
             let indicatorElement = step0Header.querySelector(`.${indicatorClass}`).children[0];
 
             expect(step0Header).not.toHaveClass(invalidClass);