fixup! fix(material/slider): fix track animation

Author: wagnermaciel

src/material/schematics/ng-generate/mdc-migration/rules/components/slider/slider-template.spec.ts

@@ -97,7 +97,7 @@ describe('slider template migrator', () => {
     );
     await runMigrationTest(
       `
-      <mat-slider tickInterval></mat-slider>`,
+      <mat-slider tickInterval="2"></mat-slider>`,
       `
       <!-- TODO: The 'tickInterval' property no longer exists -->
       <mat-slider><input matSliderThumb /></mat-slider>`,
@@ -109,62 +109,18 @@ describe('slider template migrator', () => {
       <!-- TODO: The 'valueText' property no longer exists -->
       <mat-slider><input matSliderThumb /></mat-slider>`,
     );
-    await runMigrationTest(
-      `
-      <mat-slider defaultColor></mat-slider>`,
-      `
-      <!-- TODO: The 'defaultColor' property no longer exists -->
-      <mat-slider><input matSliderThumb /></mat-slider>`,
-    );
-    await runMigrationTest(
-      `
-      <mat-slider defaultTabIndex></mat-slider>`,
-      `
-      <!-- TODO: The 'defaultTabIndex' property no longer exists -->
-      <mat-slider><input matSliderThumb /></mat-slider>`,
-    );
-    await runMigrationTest(
-      `
-      <mat-slider onTouched></mat-slider>`,
-      `
-      <!-- TODO: The 'onTouched' property no longer exists -->
-      <mat-slider><input matSliderThumb /></mat-slider>`,
-    );
     await runMigrationTest(
       `
       <mat-slider
         vertical
         invert
         [valueText]="myValueText"
-        defaultColor="accent"
-        defaultTabIndex="4"
-        [onTouched]="touchHandler"></mat-slider>`,
+        tickInterval="4"></mat-slider>`,
       `
       <!-- TODO: The 'valueText' property no longer exists -->
-      <!-- TODO: The 'onTouched' property no longer exists -->
       <!-- TODO: The 'vertical' property no longer exists -->
       <!-- TODO: The 'invert' property no longer exists -->
-      <!-- TODO: The 'defaultColor' property no longer exists -->
-      <!-- TODO: The 'defaultTabIndex' property no longer exists -->
-      <mat-slider><input matSliderThumb /></mat-slider>`,
-    );
-    await runMigrationTest(
-      `
-      <button>Click Me</button><mat-slider
-        vertical
-        invert
-        [valueText]="myValueText"
-        defaultColor="accent"
-        defaultTabIndex="4"
-        [onTouched]="touchHandler"></mat-slider>`,
-      `
-      <button>Click Me</button>
-      <!-- TODO: The 'valueText' property no longer exists -->
-      <!-- TODO: The 'onTouched' property no longer exists -->
-      <!-- TODO: The 'vertical' property no longer exists -->
-      <!-- TODO: The 'invert' property no longer exists -->
-      <!-- TODO: The 'defaultColor' property no longer exists -->
-      <!-- TODO: The 'defaultTabIndex' property no longer exists -->
+      <!-- TODO: The 'tickInterval' property no longer exists -->
       <mat-slider><input matSliderThumb /></mat-slider>`,
     );
   });

src/material/schematics/ng-generate/mdc-migration/rules/components/slider/slider-template.ts

@@ -56,10 +56,7 @@ export class SliderTemplateMigrator extends TemplateMigrator {
             binding.name === 'invert' ||
             binding.name === 'vertical' ||
             binding.name === 'tickInterval' ||
-            binding.name === 'valueText' ||
-            binding.name === 'defaultColor' ||
-            binding.name === 'defaultTabIndex' ||
-            binding.name === 'onTouched'
+            binding.name === 'valueText'
           ) {
             // Remove the binding and leave a comment.
             comments.push(`<!-- TODO: The '${binding.name}' property no longer exists -->`);
@@ -109,7 +106,6 @@ export class SliderTemplateMigrator extends TemplateMigrator {
         ? comments.join(indentation)
         : indentation + comments.join(indentation);
 
-    console.log(commentStr);
     return {
       offset: node.sourceSpan.start.offset,
       updateFn: (html: string) =>