How to remove ng-tns class which is adding automatically while using angular 2 animation

Question

@Component({
  ...
  animations: [
    trigger('slideInOut', [
      transition(':enter', [
        style({transform: 'translateY(-100%)'}),
        animate('200ms ease-in', style({transform: 'translateY(0%)'}))
      ]),
      transition(':leave', [
        animate('200ms ease-in', style({transform: 'translateY(-100%)'}))
      ])
    ])
  ]
})

I have something like this in my code to create animation on click of a button.

It keeps on adding ng-tns class like ng-tns-c4-24 to many of tags in code automatically which is affecting testing scripts .

Is there any way I can disallow that class to get added automatically?

Answer 1

From this answer, angular material adds those classes. You may have to edit your tests to filter through the classes.