fix: optimize shell accessibility and assets

This commit is contained in:
Bastian Wagner
2026-08-19 07:42:28 +02:00
parent b9e5c66c8e
commit fce03e220d
10 changed files with 85 additions and 10 deletions

View File

@@ -1,18 +1,24 @@
import { signal } from '@angular/core';
import { signal, WritableSignal } from '@angular/core';
import { TestBed } from '@angular/core/testing';
import { provideRouter } from '@angular/router';
import { CharacterResponse } from './core/api/game-api.models';
import { WorldStore } from './features/world/world.store';
import { AppShellComponent } from './layout/app-shell/app-shell.component';
import { routes } from './app.routes';
describe('App', () => {
let character: WritableSignal<CharacterResponse | null>;
beforeEach(async () => {
character = signal<CharacterResponse | null>(null);
await TestBed.configureTestingModule({
imports: [AppShellComponent],
providers: [
provideRouter([]),
{
provide: WorldStore,
useValue: { character: signal(null) },
useValue: { character },
},
],
}).compileComponents();
@@ -32,6 +38,7 @@ describe('App', () => {
expect(mapButton).not.toBeNull();
expect(mapButton?.disabled).toBe(false);
expect(mapButton?.getAttribute('aria-current')).toBe('page');
expect(mapButton?.getAttribute('aria-label')).toBe('Karte');
for (const destination of ['hunt', 'quests', 'inventory', 'character']) {
expect(
@@ -41,4 +48,33 @@ describe('App', () => {
expect(element.textContent).not.toContain('Shop');
});
it('renders loaded character values supplied by the WorldStore', () => {
character.set({
id: 'character-id',
name: 'Mara Ashfall',
level: 7,
experience: 320,
currentHp: 52,
maxHp: 80,
attack: 12,
currentLocation: { id: 'location-id', key: 'south-gate', name: 'Südtor von Graufurt' },
});
const fixture = TestBed.createComponent(AppShellComponent);
fixture.detectChanges();
expect(fixture.nativeElement.querySelector('app-top-bar')?.textContent).toContain(
'Mara Ashfall',
);
expect(fixture.nativeElement.querySelector('app-top-bar')?.textContent).toContain('Stufe 7');
expect(fixture.nativeElement.querySelector('app-top-bar')?.textContent).toContain('52 / 80');
});
it('redirects root and unknown routes to the world shell', () => {
expect(routes.find((route) => route.path === '')).toMatchObject({
pathMatch: 'full',
redirectTo: 'world',
});
expect(routes.find((route) => route.path === '**')).toMatchObject({ redirectTo: 'world' });
});
});