chore: format code

Author: timdeschryver

Sandbox.AngularWorkspace/projects/sandbox-app/src/app/app.ts

@@ -9,4 +9,5 @@ import Header from './core/header/header';
 	styleUrl: './app.css',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 export class App {}

Sandbox.AngularWorkspace/projects/sandbox-app/src/app/core/header/header.html

@@ -12,4 +12,4 @@ <h3>👋 Hello, {{ user()?.name }}</h3>
 		<a routerLink="/customers">Customers</a> | <a routerLink="/user">Current User</a> |
 		<a href="/bff/logout">Logout</a>
 	</nav>
-</header>
+</header>

Sandbox.AngularWorkspace/projects/sandbox-app/src/app/core/header/header.spec.ts

@@ -5,52 +5,54 @@ import { signal } from '@angular/core';
 import Header from './header';
 import { Authentication } from '@sandbox-app/authentication/authentication';
 
-const mockUser = signal<{ isAuthenticated: boolean; name: string | null }>({
-	isAuthenticated: true,
-	name: 'Test User',
-});
-const mockAuthService = {
-	user: mockUser,
-};
-
-it('renders anonymous header when user is not authenticated', async () => {
-	mockUser.set({ isAuthenticated: false, name: null });
+function setupWithRoutes(user: { isAuthenticated: boolean; name: string | null }) {
+	const mockUser = signal(user);
+	const mockAuthService = {
+		user: mockUser,
+	};
 
-	await render(Header, {
-		providers: [provideRouter([]), { provide: Authentication, useValue: mockAuthService }],
+	return render(Header, {
+		providers: [
+			provideRouter([
+				{ path: 'customers', component: Header },
+				{ path: 'user', component: Header },
+			]),
+			{ provide: Authentication, useValue: mockAuthService },
+		],
 	});
+}
+
+it('renders anonymous header when user is not authenticated', async () => {
+	await setup({ isAuthenticated: false, name: null });
 
 	expect(screen.getByText('Login')).toBeInTheDocument();
 	expect(screen.getByText('Customers')).toBeInTheDocument();
 });
 
 it('renders authenticated header when user is authenticated', async () => {
-	mockUser.set({ isAuthenticated: true, name: 'John Doe' });
-
-	await render(Header, {
-		providers: [provideRouter([]), { provide: Authentication, useValue: mockAuthService }],
-	});
+	await setup({ isAuthenticated: true, name: 'John Doe' });
 
 	expect(screen.getByText('👋 Hello, John Doe')).toBeInTheDocument();
 	expect(screen.getByText('Logout')).toBeInTheDocument();
 	expect(screen.getByText('Customers')).toBeInTheDocument();
 });
 
 it('has working navigation links', async () => {
-	mockUser.set({ isAuthenticated: true, name: 'John Doe' });
-
-	await render(Header, {
-		providers: [
-			provideRouter([
-				{ path: 'customers', component: Header },
-				{ path: 'user', component: Header },
-			]),
-		],
-	});
+	await setupWithRoutes({ isAuthenticated: true, name: 'John Doe' });
 
 	const customersLink = screen.getByRole('link', { name: 'Customers' });
 	const userLink = screen.getByRole('link', { name: 'Current User' });
 
 	expect(customersLink).toHaveAttribute('href', '/customers');
 	expect(userLink).toHaveAttribute('href', '/user');
 });
+
+function setup(user: { isAuthenticated: boolean; name: string | null }) {
+	const mockAuthService = {
+		user: signal(user),
+	};
+
+	return render(Header, {
+		providers: [provideRouter([]), { provide: Authentication, useValue: mockAuthService }],
+	});
+}

Sandbox.AngularWorkspace/projects/sandbox-app/src/app/core/header/header.ts

@@ -14,4 +14,4 @@ import { Anonymous } from '@sandbox-app/authentication/anonymous';
 export default class Header {
 	private readonly authenticationService = inject(Authentication);
 	protected readonly user = this.authenticationService.user;
-}
+}