import { ComponentFixture, TestBed } from '@angular/core/testing';
import { <%= classify(name) %>Page } from './<%= dasherize(name) %>-page';

describe('<%= classify(name) %>Page', () => {
  let fixture: ComponentFixture<<%= classify(name) %>Page>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [<%= classify(name) %>Page],
    }).compileComponents();

    fixture = TestBed.createComponent(<%= classify(name) %>Page);
    fixture.detectChanges();
  });

  it('renders an accessible feature page heading', () => {
    const main = fixture.nativeElement.querySelector('main');
    const heading = fixture.nativeElement.querySelector('h1');

    expect(main.getAttribute('aria-labelledby')).toBe(heading.id);
    expect(heading.textContent).toContain('<%= classify(name) %>');
  });
});