Enhancement: angular 19 (#8584)

src-ui/src/app/directives/if-object-permissions.directive.spec.ts

@@ -16,6 +16,7 @@ import { IfObjectPermissionsDirective } from './if-object-permissions.directive'
       </button>
     </div>
   `,
+  imports: [IfObjectPermissionsDirective],
 })
 class TestComponent {}
 
@@ -25,7 +26,7 @@ describe('IfObjectPermissionsDirective', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [IfObjectPermissionsDirective, TestComponent],
+      imports: [IfObjectPermissionsDirective, TestComponent],
       providers: [PermissionsService],
     })
     permissionsService = TestBed.inject(PermissionsService)

src-ui/src/app/directives/if-owner.directive.spec.ts

@@ -9,6 +9,7 @@ import { IfOwnerDirective } from './if-owner.directive'
       <button *pngxIfOwner="{ id: 2, owner: user1 }">Some Text</button>
     </div>
   `,
+  imports: [IfOwnerDirective],
 })
 class TestComponent {}
 
@@ -18,7 +19,7 @@ describe('IfOwnerDirective', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [IfOwnerDirective, TestComponent],
+      imports: [IfOwnerDirective, TestComponent],
       providers: [PermissionsService],
     })
     permissionsService = TestBed.inject(PermissionsService)

src-ui/src/app/directives/if-permissions.directive.spec.ts

@@ -11,6 +11,7 @@ import { IfPermissionsDirective } from './if-permissions.directive'
       </button>
     </div>
   `,
+  imports: [IfPermissionsDirective],
 })
 class TestComponent {}
 
@@ -20,7 +21,7 @@ describe('IfPermissionsDirective', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [IfPermissionsDirective, TestComponent],
+      imports: [IfPermissionsDirective, TestComponent],
       providers: [PermissionsService],
     })
     permissionsService = TestBed.inject(PermissionsService)

src-ui/src/app/directives/sortable.directive.spec.ts

@@ -24,6 +24,7 @@ import { SortEvent, SortableDirective } from './sortable.directive'
       </tbody>
     </table>
   `,
+  imports: [SortableDirective],
 })
 class TestComponent {}
 
@@ -34,7 +35,7 @@ describe('SortableDirective', () => {
 
   beforeEach(() => {
     fixture = TestBed.configureTestingModule({
-      declarations: [SortableDirective, TestComponent],
+      imports: [SortableDirective, TestComponent],
     }).createComponent(TestComponent)
 
     fixture.detectChanges() // initial binding