diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/card-img-top.directive.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/card-img-top.directive.spec.ts
new file mode 100644
index 0000000000..2a1ee9cff3
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/card-img-top.directive.spec.ts
@@ -0,0 +1,25 @@
+import { createHostFactory, SpectatorHost } from '@ngneat/spectator';
+import { CardImgTop } from '../components';
+
+describe('AbpCardImgTopDirective', () => {
+  let spectator: SpectatorHost<CardImgTop>;
+
+  const createHost = createHostFactory(CardImgTop);
+
+  beforeEach(
+    () =>
+      (spectator = createHost(
+        `<img
+      abpCardImgTop
+    />`,
+      )),
+  );
+
+  it('should create an instance', () => {
+    expect(spectator).toBeTruthy();
+  });
+
+  it('should have class card-img-top', () => {
+    expect(spectator.element.classList).toContain('card-img-top');
+  });
+});