From 70249389bfd35b4cdf4d2e58699f55ec290505a8 Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Fri, 6 Sep 2024 08:45:51 +0200
Subject: [PATCH] OZG-6108 Add missing unit test for input
---
.../nav-item/nav-item.component.spec.ts | 31 +++++++++++++++----
.../lib/navbar/nav-item/nav-item.component.ts | 2 +-
2 files changed, 26 insertions(+), 7 deletions(-)
diff --git a/alfa-client/libs/design-system/src/lib/navbar/nav-item/nav-item.component.spec.ts b/alfa-client/libs/design-system/src/lib/navbar/nav-item/nav-item.component.spec.ts
index d28fcaa589..f33524b795 100644
--- a/alfa-client/libs/design-system/src/lib/navbar/nav-item/nav-item.component.spec.ts
+++ b/alfa-client/libs/design-system/src/lib/navbar/nav-item/nav-item.component.spec.ts
@@ -32,14 +32,33 @@ describe('NavItemComponent', () => {
expect(component).toBeTruthy();
});
- describe('routerLink', () => {
- it('should set href', () => {
- component.to = '/';
- fixture.detectChanges();
+ describe('input', () => {
+ describe('caption', () => {
+ it('should set link text', () => {
+ component.caption = 'Test caption';
+ fixture.detectChanges();
- const linkElement = getElementFromFixture(fixture, getDataTestIdOf('link-to-/'));
+ const captionElement: HTMLParagraphElement = getElementFromFixture(
+ fixture,
+ getDataTestIdOf('link-caption'),
+ );
- expect(linkElement).toHaveProperty('href');
+ expect(captionElement.innerHTML).toBe('Test caption');
+ });
+ });
+
+ describe('to', () => {
+ it('should set href', () => {
+ component.to = '/';
+ fixture.detectChanges();
+
+ const linkElement: HTMLAnchorElement = getElementFromFixture(
+ fixture,
+ getDataTestIdOf('link-to-/'),
+ );
+
+ expect(linkElement).toHaveProperty('href');
+ });
});
});
});
diff --git a/alfa-client/libs/design-system/src/lib/navbar/nav-item/nav-item.component.ts b/alfa-client/libs/design-system/src/lib/navbar/nav-item/nav-item.component.ts
index f78a872978..d5f54907fe 100644
--- a/alfa-client/libs/design-system/src/lib/navbar/nav-item/nav-item.component.ts
+++ b/alfa-client/libs/design-system/src/lib/navbar/nav-item/nav-item.component.ts
@@ -18,7 +18,7 @@ import { RouterLink, RouterLinkActive } from '@angular/router';
[attr.data-test-id]="'link-to-' + to"
>
<ng-content select="[icon]" />
- <p class="text-left text-sm text-text">{{ caption }}</p>
+ <p class="text-left text-sm text-text" data-test-id="link-caption">{{ caption }}</p>
</a>`,
})
export class NavItemComponent {
--
GitLab