nav-item.component.spec.ts

import { getElementFromFixture, Mock, mock } from '@alfa-client/test-utils';
import { importProvidersFrom } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { Router, RouterModule } from '@angular/router';
import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
import { NavItemComponent } from './nav-item.component';

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

  const router: Mock<Router> = mock(Router);

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [NavItemComponent],
      providers: [
        {
          provide: Router,
          useValue: router,
        },
        importProvidersFrom(RouterModule.forRoot([])),
      ],
    }).compileComponents();

    fixture = TestBed.createComponent(NavItemComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

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

  describe('routerLink', () => {
    it('should set href', () => {
      component.to = '/';
      fixture.detectChanges();

      const linkElement = getElementFromFixture(fixture, getDataTestIdOf('link-to-/'));

      expect(linkElement).toHaveProperty('href');
    });
  });
});