fixup! fixup! test(material-experimental/mdc-slider): add directionality tests

Author: wagnermaciel

src/material-experimental/mdc-slider/BUILD.bazel

@@ -79,6 +79,7 @@ ng_test_library(
         "@npm//@angular/forms",
         "@npm//@angular/platform-browser",
         "@npm//@material/slider",
+        "@npm//rxjs",
     ],
 )
 

src/material-experimental/mdc-slider/slider.spec.ts

@@ -6,14 +6,14 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {BidiModule} from '@angular/cdk/bidi';
+import {BidiModule, Directionality} from '@angular/cdk/bidi';
 import {Platform} from '@angular/cdk/platform';
 import {
   dispatchMouseEvent,
   dispatchPointerEvent,
   dispatchTouchEvent,
 } from '@angular/cdk/testing/private';
-import {Component, QueryList, Type, ViewChild, ViewChildren} from '@angular/core';
+import {Component, Provider, QueryList, Type, ViewChild, ViewChildren} from '@angular/core';
 import {
   ComponentFixture,
   fakeAsync,
@@ -25,6 +25,7 @@ import {
 import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {By} from '@angular/platform-browser';
 import {Thumb} from '@material/slider';
+import {of} from 'rxjs';
 import {MatSliderModule} from './module';
 import {MatSlider, MatSliderThumb, MatSliderVisualThumb} from './slider';
 
@@ -42,10 +43,14 @@ describe('MDC-based MatSlider' , () => {
     spyOn(Element.prototype, 'setPointerCapture');
   });
 
-  function createComponent<T>(component: Type<T>): ComponentFixture<T> {
+  function createComponent<T>(
+    component: Type<T>,
+    providers: Provider[] = [],
+    ): ComponentFixture<T> {
     TestBed.configureTestingModule({
       imports: [FormsModule, MatSliderModule, ReactiveFormsModule, BidiModule],
       declarations: [component],
+      providers: [...providers],
     }).compileComponents();
     return TestBed.createComponent<T>(component);
   }
@@ -1160,12 +1165,14 @@ describe('MDC-based MatSlider' , () => {
   });
 
   describe('slider with direction', () => {
-    let fixture: ComponentFixture<RTLSlider>;
     let sliderInstance: MatSlider;
     let inputInstance: MatSliderThumb;
 
     beforeEach(waitForAsync(() => {
-      fixture = createComponent(RTLSlider);
+      const fixture = createComponent(StandardSlider, [{
+        provide: Directionality,
+        useValue: ({value: 'rtl', change: of()})
+      }]);
       fixture.detectChanges();
       const sliderDebugElement = fixture.debugElement.query(By.directive(MatSlider));
       sliderInstance = sliderDebugElement.componentInstance;
@@ -1179,13 +1186,15 @@ describe('MDC-based MatSlider' , () => {
   });
 
   describe('range slider with direction', () => {
-    let fixture: ComponentFixture<RTLRangeSlider>;
     let sliderInstance: MatSlider;
     let startInputInstance: MatSliderThumb;
     let endInputInstance: MatSliderThumb;
 
     beforeEach(waitForAsync(() => {
-      fixture = createComponent(RTLRangeSlider);
+      const fixture = createComponent(StandardRangeSlider, [{
+        provide: Directionality,
+        useValue: ({value: 'rtl', change: of()})
+      }]);
       fixture.detectChanges();
       const sliderDebugElement = fixture.debugElement.query(By.directive(MatSlider));
       sliderInstance = sliderDebugElement.componentInstance;