import { TestBed } from '@angular/core/testing';
import { provideRouter } from '@angular/router';
import { App } from './app';
import { SchedulingStatus } from './core/scheduling-status';
import { signal } from '@angular/core';

describe('Application shell', () => {
  it('provides navigation and a keyboard skip link', async () => {
    await TestBed.configureTestingModule({
      imports: [App],
      providers: [
        provideRouter([]),
        { provide: SchedulingStatus, useValue: { connect: vi.fn(), notifications: signal([]) } },
      ],
    }).compileComponents();
    const fixture = TestBed.createComponent(App);
    await fixture.whenStable();
    const page = fixture.nativeElement as HTMLElement;
    expect(page.querySelector('nav[aria-label="Hoofdnavigatie"] a')?.getAttribute('href')).toBe(
      '/schools',
    );
    expect(page.querySelector('.skip-link')?.getAttribute('href')).toBe('#main-content');
  });
});