import {async, ComponentFixture, TestBed} from '@angular/core/testing';

import {FilterUiComponent} from './filter.component';
import {ThemeImagesStore} from '@store/theme-images/theme-images.store';
import {of} from 'rxjs';
import {themeImagesMockData} from '@store/theme-images/theme-images.store.spec.mock';
import {take} from 'rxjs/operators';

describe('FilterUiComponent', () => {
    let component: FilterUiComponent;
    let fixture: ComponentFixture<FilterUiComponent>;

    beforeEach(async(() => {
        TestBed.configureTestingModule({
            declarations: [FilterUiComponent],
            providers: [
                {
                    provide: ThemeImagesStore, useValue: {
                        images$: of(themeImagesMockData).pipe(take(1))
                    }
                },
            ],
        })
            .compileComponents();
    }));

    beforeEach(() => {
        fixture = TestBed.createComponent(FilterUiComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();
    });

    // it('should create', () => {
    //   expect(component).toBeTruthy();
    // });
});
