import { Component, Injectable } from '@angular/core';
import { fakeAsync, TestBed, tick } from '@angular/core/testing';
import { Router } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
import { Actions, Effect, EffectsModule, ofType } from '@ngrx/effects';
import { StoreModule } from '@ngrx/store';
import { ROUTER_NAVIGATION_TYPE, RouterEffects } from 'ngrx-router';
import { tap } from 'rxjs/operators';

@Injectable()
class DebugEffects {
  count = 0;
  constructor(private actions$: Actions) {}
  @Effect({ dispatch: false })
  countRouteEvents$ = this.actions$.pipe(
    ofType(ROUTER_NAVIGATION_TYPE), 
    tap(console.log), 
    tap(() => this.count++)
  );
}

describe('Ngrx Router Integration', () => {
  let router: Router;
  let debugEffects: DebugEffects;

  beforeEach(() => {
    @Component({ template: 'dummy' })
    class DummyComponent {}

    TestBed.configureTestingModule({
      declarations: [DummyComponent],
      imports: [
        StoreModule.forRoot({}),
        EffectsModule.forRoot([DebugEffects, RouterEffects]),
        RouterTestingModule.withRoutes([
          {
            path: 'a',
            component: DummyComponent,
            children: [{ path: 'b', component: DummyComponent }],
          },
        ]),
      ],
    });
    router = TestBed.get(Router);
    debugEffects = TestBed.get(DebugEffects);
  });

  it('fires twice on /a/b', fakeAsync(() => {
    router.navigate(['/a/b']);
    tick(1000);

    expect(debugEffects.count).toBe(2);
  }));
});