{{ title }}
', + standalone: true, +}) +class TestComponent { + title = 'Test Title'; +} + +describe('TestComponent', () => { + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [TestComponent], // For standalone components + // providers: [], // Add service providers + // declarations: [], // For non-standalone components (legacy) + }).compileComponents(); + }); +}); +``` + +#### Angular Component Testing + +Testing components with Angular Testing Utilities: + +```typescript +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; +import { MyComponent } from './my-component.component'; + +describe('MyComponent', () => { + let component: MyComponent; + let fixture: ComponentFixtureTest Content
`,
- });
-
- beforeEach(() => spectator = createDirective());
-
- it('should apply the initial highlight color from input', () => {
- // Assert
- expect(spectator.element).toHaveStyle({ backgroundColor: 'yellow' });
- });
-
- it('should change style on mouseenter', () => {
- // Act
- spectator.dispatchMouseEvent(spectator.element, 'mouseenter');
- spectator.detectChanges();
-
- // Assert
- expect(spectator.element).toHaveStyle({
- backgroundColor: 'yellow', // Or expected mouseenter color
- fontWeight: 'bold', // Example style change
- });
- });
-
- it('should revert style on mouseleave', () => {
- // Arrange
- spectator.dispatchMouseEvent(spectator.element, 'mouseenter');
- spectator.detectChanges();
-
- // Act
- spectator.dispatchMouseEvent(spectator.element, 'mouseleave');
- spectator.detectChanges();
-
- // Assert
- expect(spectator.element).toHaveStyle({
- backgroundColor: 'yellow', // Back to initial or default
- fontWeight: 'normal', // Reverted style
- });
- });
-});
-```
-
-### Standalone Component Test (Spectator)
-
-Testing standalone components is very similar to regular components. Spectator handles the necessary setup.
-
-```typescript
-import { createComponentFactory, Spectator } from '@ngneat/spectator/jest';
-import { StandaloneButtonComponent } from './standalone-button.component';
-// No need to import CommonModule etc. if they are in the component's imports array
-
-describe('StandaloneButtonComponent', () => {
- let spectator: Spectator
- @for (item of items(); track item.id) {
- @defer (on viewport) {
-
-
+
-
- }
- }
-
+ @for (item of items(); track item.id) {
+ @defer (on viewport) {
+
+
diff --git a/libs/remission/feature/remission-list/src/lib/resolvers/query-settings-department.resolver-fn.ts b/libs/remission/feature/remission-list/src/lib/resolvers/query-settings-department.resolver-fn.ts
index 5b1026ea4..26b81c772 100644
--- a/libs/remission/feature/remission-list/src/lib/resolvers/query-settings-department.resolver-fn.ts
+++ b/libs/remission/feature/remission-list/src/lib/resolvers/query-settings-department.resolver-fn.ts
@@ -1,37 +1,53 @@
-import { inject } from '@angular/core';
-import { ResolveFn } from '@angular/router';
-import {
- QuerySettings,
- RemissionSearchService,
- RemissionStockService,
- RemissionSupplierService,
-} from '@isa/remission/data-access';
-
-export const querySettingsDepartmentResolverFn: ResolveFn<
- QuerySettings
-> = async () => {
- const remissionSearchService = inject(RemissionSearchService);
- const remissionStockService = inject(RemissionStockService);
- const remissionSupplierService = inject(RemissionSupplierService);
-
- const assignedStock = await remissionStockService.fetchAssignedStock();
-
- if (!assignedStock?.id) {
- throw new Error('No assigned stock available');
- }
-
- const suppliers = await remissionSupplierService.fetchSuppliers({
- assignedStockId: assignedStock.id,
- });
-
- const firstSupplier = suppliers[0]; // Currently only one supplier exists
-
- if (!firstSupplier?.id) {
- throw new Error('No Supplier available');
- }
-
- return remissionSearchService.fetchQueryDepartmentSettings({
- assignedStockId: assignedStock.id,
- supplierId: firstSupplier.id,
- });
-};
+import { inject } from '@angular/core';
+import { ResolveFn } from '@angular/router';
+import {
+ QuerySettings,
+ RemissionSearchService,
+ RemissionStockService,
+ RemissionSupplierService,
+} from '@isa/remission/data-access';
+
+/**
+ * Resolver function that fetches department-specific query settings for the remission list.
+ * Similar to querySettingsResolverFn but fetches department-specific settings.
+ *
+ * @function querySettingsDepartmentResolverFn
+ * @type {ResolveFn
+
+ }
+ }
+
+
+Status
+
+ {{ status() }}
+
+
+
+Anzahl Positionen
+
+ {{ itemCount() }}
+
+
+
+Lieferant
+
+ {{ supplier() }}
+
+
+
+Remissionsdatum
+
+ {{ remiDate() | date: 'dd.MM.yy' }}
+
+
+
diff --git a/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-card.component.scss b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-card.component.scss
new file mode 100644
index 000000000..8e10e51fe
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-card.component.scss
@@ -0,0 +1,3 @@
+:host {
+ @apply p-6 bg-isa-neutral-400 rounded-2xl grid grid-cols-3 gap-6 isa-text-body-1-regular;
+}
diff --git a/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-card.component.spec.ts b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-card.component.spec.ts
new file mode 100644
index 000000000..1036f2af6
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-card.component.spec.ts
@@ -0,0 +1,304 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { signal } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import { RemissionReturnReceiptDetailsCardComponent } from './remission-return-receipt-details-card.component';
+import { Receipt, Supplier } from '@isa/remission/data-access';
+
+// Mock the supplier resource
+vi.mock('./resources', () => ({
+ createSupplierResource: vi.fn(() => ({
+ value: signal([]),
+ isLoading: signal(false),
+ error: signal(null),
+ })),
+}));
+
+describe('RemissionReturnReceiptDetailsCardComponent', () => {
+ let component: RemissionReturnReceiptDetailsCardComponent;
+ let fixture: ComponentFixtureWannennummer
+
+ {{ packageNumber() }}
+
+
+ ![]()
+
+
+
+{{ item().product.contributors }}
+ {{ item().product.name }}
+
+ @if (removeable()) {
+
diff --git a/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-item.component.scss b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-item.component.scss
new file mode 100644
index 000000000..ee90f9a9b
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-item.component.scss
@@ -0,0 +1,3 @@
+:host {
+ @apply grid grid-cols-[3.5rem,15.5rem,1fr,auto] gap-6 p-4 text-isa-neutral-900;
+}
diff --git a/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-item.component.spec.ts b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-item.component.spec.ts
new file mode 100644
index 000000000..c42cb765e
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details-item.component.spec.ts
@@ -0,0 +1,390 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { MockComponent, MockDirective, MockProvider } from 'ng-mocks';
+import { of } from 'rxjs';
+import { RemissionReturnReceiptDetailsItemComponent } from './remission-return-receipt-details-item.component';
+import { ProductFormatComponent } from '@isa/shared/product-foramt';
+import { ProductImageDirective } from '@isa/shared/product-image';
+import { ProductRouterLinkDirective } from '@isa/shared/product-router-link';
+import {
+ ReceiptItem,
+ RemissionProductGroupService,
+} from '@isa/remission/data-access';
+import { IconButtonComponent } from '@isa/ui/buttons';
+import {
+ BulletListComponent,
+ BulletListItemComponent,
+} from '@isa/ui/bullet-list';
+
+describe('RemissionReturnReceiptDetailsItemComponent', () => {
+ let component: RemissionReturnReceiptDetailsItemComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+Warenbegleitschein
+#{{ receiptNumber() }}
+
+
+} @else if (items.length === 0) {
+
+ Keine Artikel auf dem Warenbegleitschein.
+
+} @else {
+
+ @for (item of items; track item.id; let last = $last) {
+
+ } + } +
+}
diff --git a/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details.component.scss b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details.component.scss
new file mode 100644
index 000000000..56b95e3eb
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details.component.scss
@@ -0,0 +1,3 @@
+:host {
+ @apply grid grid-flow-row gap-4 p-4 text-isa-neutral-900;
+}
diff --git a/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details.component.spec.ts b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details.component.spec.ts
new file mode 100644
index 000000000..ec48db5bd
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-details/src/lib/remission-return-receipt-details.component.spec.ts
@@ -0,0 +1,160 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { MockComponent, MockProvider } from 'ng-mocks';
+import { signal } from '@angular/core';
+import { Location } from '@angular/common';
+import { RemissionReturnReceiptDetailsComponent } from './remission-return-receipt-details.component';
+import { RemissionReturnReceiptDetailsCardComponent } from './remission-return-receipt-details-card.component';
+import { RemissionReturnReceiptDetailsItemComponent } from './remission-return-receipt-details-item.component';
+import { Receipt } from '@isa/remission/data-access';
+
+// Mock the resource function
+vi.mock('./resources/remission-return-receipt.resource', () => ({
+ createRemissionReturnReceiptResource: vi.fn(() => ({
+ value: signal(null),
+ isLoading: signal(false),
+ error: signal(null),
+ })),
+}));
+
+describe('RemissionReturnReceiptDetailsComponent', () => {
+ let component: RemissionReturnReceiptDetailsComponent;
+ let fixture: ComponentFixture+ } + } +
+
+
+
+ @for (remissionReturn of returns(); track remissionReturn[1].id) {
+
+
diff --git a/libs/remission/feature/remission-return-receipt-list/src/lib/remission-return-receipt-list.component.scss b/libs/remission/feature/remission-return-receipt-list/src/lib/remission-return-receipt-list.component.scss
new file mode 100644
index 000000000..220a5aa8e
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-list/src/lib/remission-return-receipt-list.component.scss
@@ -0,0 +1,3 @@
+:host {
+ @apply grid grid-flow-row gap-8 p-6;
+}
diff --git a/libs/remission/feature/remission-return-receipt-list/src/lib/remission-return-receipt-list.component.spec.ts b/libs/remission/feature/remission-return-receipt-list/src/lib/remission-return-receipt-list.component.spec.ts
new file mode 100644
index 000000000..568374a93
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-list/src/lib/remission-return-receipt-list.component.spec.ts
@@ -0,0 +1,514 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { MockComponent, MockProvider } from 'ng-mocks';
+import { RemissionReturnReceiptListComponent } from './remission-return-receipt-list.component';
+import { ReturnReceiptListItemComponent } from './return-receipt-list-item/return-receipt-list-item.component';
+import {
+ RemissionReturnReceiptService,
+ Return,
+} from '@isa/remission/data-access';
+import { OrderByToolbarComponent, FilterService } from '@isa/shared/filter';
+import { signal } from '@angular/core';
+
+// Mock the filter providers
+vi.mock('@isa/shared/filter', async () => {
+ const actual = await vi.importActual('@isa/shared/filter');
+ return {
+ ...actual,
+ provideFilter: vi.fn(() => []),
+ withQueryParamsSync: vi.fn(() => ({})),
+ withQuerySettings: vi.fn(() => ({})),
+ };
+});
+
+describe('RemissionReturnReceiptListComponent', () => {
+ let component: RemissionReturnReceiptListComponent;
+ let fixture: ComponentFixture
+
+
+Warenbegleitschein
+ #{{ receiptNumber() }}
+
+
+
+Anzahl Positionen
+ {{ itemQuantity() }}
+
+
diff --git a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss
new file mode 100644
index 000000000..51581f32b
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss
@@ -0,0 +1,3 @@
+:host {
+ @apply flex flex-row justify-start gap-6 p-6 bg-isa-neutral-400 rounded-2xl text-isa-neutral-900 isa-text-body-1-regular;
+}
diff --git a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.spec.ts b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.spec.ts
new file mode 100644
index 000000000..a8b3d4e3e
--- /dev/null
+++ b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.spec.ts
@@ -0,0 +1,597 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { describe, it, expect, beforeEach } from 'vitest';
+import { ReturnReceiptListItemComponent } from './return-receipt-list-item.component';
+import { Return } from '@isa/remission/data-access';
+
+describe('ReturnReceiptListItemComponent', () => {
+ let component: ReturnReceiptListItemComponent;
+ let fixture: ComponentFixtureStatus
+ {{ status() }}
+Content to hide while loading
- *
- * @example
- * Content
- */
-@Directive({
- selector: '[uiSkeletonLoader]',
-})
-export class SkeletonLoaderDirective {
- #viewContainerRef = inject(ViewContainerRef);
- #templateRef = inject(TemplateRef);
-
- private componentRef: ComponentRefContent to hide while loading
+ *
+ * @example
+ * Content
+ */
+@Directive({
+ selector: '[uiSkeletonLoader]',
+})
+export class SkeletonLoaderDirective {
+ #viewContainerRef = inject(ViewContainerRef);
+ #templateRef = inject(TemplateRef);
+
+ private componentRef: ComponentRef