8418a93329
- TRAVELLING spelling: fix TRAVELING -> TRAVELLING in travel-panel.component.html to match UK spelling used everywhere else (world/hunting/combat stores + API error messages) - Grenzwacht -> Border Watch: fix stale German faction display name in reputation-display, reputation.service/controller, turn-in.service specs, and the vertical-slice seed spec test title - Suedtor von Graufurt -> Graufurt South Gate: fix stale ASCII-transliterated German location name in hunting.service.spec.ts - Aschenfelder(n) -> Ashen Fields: fix stale German location name/description in top-bar.component.spec.ts and context-panel.component.spec.ts (key identifiers left untouched) - Fix 7 test titles still describing translated error messages as "German" across world/hunting/inventory/combat store specs - README: update demo location names from German to their current English names (Graufurt South Gate, Burned Road) - item-rarity.enum.ts: fix now-false comment claiming rarity labels are German; the frontend RARITY_LABELS map is English Pure literal-string/comment substitutions; no keys, ids, or logic changed. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ACkMEDYiwtcfchqKkiUJNX
96 lines
3.2 KiB
TypeScript
96 lines
3.2 KiB
TypeScript
import { TestBed } from '@angular/core/testing';
|
|
import type { ReputationEntry } from '../../core/api/game-api.models';
|
|
import { ReputationDisplayComponent } from './reputation-display.component';
|
|
|
|
async function setup(entry: ReputationEntry) {
|
|
await TestBed.configureTestingModule({ imports: [ReputationDisplayComponent] }).compileComponents();
|
|
const fixture = TestBed.createComponent(ReputationDisplayComponent);
|
|
fixture.componentRef.setInput('entry', entry);
|
|
fixture.detectChanges();
|
|
return fixture;
|
|
}
|
|
|
|
describe('ReputationDisplayComponent', () => {
|
|
it('renders the faction name and rank', async () => {
|
|
const fixture = await setup({
|
|
factionKey: 'border-guard',
|
|
factionName: 'Border Watch',
|
|
reputation: 320,
|
|
rank: 'KNOWN',
|
|
rankLabel: 'Known',
|
|
nextThreshold: 500,
|
|
});
|
|
const element = fixture.nativeElement as HTMLElement;
|
|
|
|
expect(element.textContent).toContain('Border Watch');
|
|
expect(element.textContent).toContain('Known');
|
|
});
|
|
|
|
it('shows current reputation against the next threshold', async () => {
|
|
const fixture = await setup({
|
|
factionKey: 'border-guard',
|
|
factionName: 'Border Watch',
|
|
reputation: 320,
|
|
rank: 'KNOWN',
|
|
rankLabel: 'Known',
|
|
nextThreshold: 500,
|
|
});
|
|
const element = fixture.nativeElement as HTMLElement;
|
|
|
|
expect(element.textContent).toContain('320');
|
|
expect(element.textContent).toContain('500');
|
|
});
|
|
|
|
it('renders a progress fraction between 0 and 100', async () => {
|
|
const fixture = await setup({
|
|
factionKey: 'border-guard',
|
|
factionName: 'Border Watch',
|
|
reputation: 320,
|
|
rank: 'KNOWN',
|
|
rankLabel: 'Known',
|
|
nextThreshold: 500,
|
|
});
|
|
const element = fixture.nativeElement as HTMLElement;
|
|
|
|
const fill = element.querySelector<HTMLElement>('[data-reputation-progress-fill]');
|
|
const width = parseFloat(fill?.style.inlineSize ?? '0');
|
|
expect(width).toBeGreaterThan(0);
|
|
expect(width).toBeLessThanOrEqual(100);
|
|
});
|
|
|
|
it('handles the top rank with no next threshold without crashing or showing a bogus progress bar', async () => {
|
|
const fixture = await setup({
|
|
factionKey: 'border-guard',
|
|
factionName: 'Border Watch',
|
|
reputation: 1500,
|
|
rank: 'ESTEEMED',
|
|
rankLabel: 'Esteemed',
|
|
nextThreshold: null,
|
|
});
|
|
const element = fixture.nativeElement as HTMLElement;
|
|
|
|
expect(element.textContent).toContain('Esteemed');
|
|
expect(element.querySelector('[data-reputation-max]')).toBeTruthy();
|
|
});
|
|
|
|
it('renders a sensible zero-reputation row for a faction never interacted with', async () => {
|
|
const fixture = await setup({
|
|
factionKey: 'silent-order',
|
|
factionName: 'Der Stille Orden',
|
|
reputation: 0,
|
|
rank: 'STRANGER',
|
|
rankLabel: 'Stranger',
|
|
nextThreshold: 100,
|
|
});
|
|
const element = fixture.nativeElement as HTMLElement;
|
|
|
|
expect(element.textContent).toContain('Der Stille Orden');
|
|
expect(element.textContent).toContain('Stranger');
|
|
expect(element.textContent).toContain('0');
|
|
|
|
const fill = element.querySelector<HTMLElement>('[data-reputation-progress-fill]');
|
|
const width = parseFloat(fill?.style.inlineSize ?? '-1');
|
|
expect(width).toBe(0);
|
|
});
|
|
});
|