From fa184b2162684d805d5d1b1d8c58cd484f5d122b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?=
 <devbariscanyilmaz@gmail.com>
Date: Tue, 28 Mar 2023 22:24:54 +0300
Subject: [PATCH] test card-header component

---
 .../lib/tests/card-header.component.spec.ts   | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 npm/ng-packs/packages/theme-shared/src/lib/tests/card-header.component.spec.ts

diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/card-header.component.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/card-header.component.spec.ts
new file mode 100644
index 0000000000..279cfe90bf
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/card-header.component.spec.ts
@@ -0,0 +1,37 @@
+import { createHostFactory, SpectatorHost } from '@ngneat/spectator';
+import { CardHeaderComponent } from '../components';
+
+describe('AbpCardHeaderComponent', () => {
+  let spectator: SpectatorHost<CardHeaderComponent>;
+  const createHost = createHostFactory(CardHeaderComponent);
+
+  beforeEach(
+    () =>
+      (spectator = createHost(
+        ` <abp-card-header 
+        [cardHeaderStyle]="{'background-color':'red'}" 
+      >
+      Header
+      </abp-card-header>`,
+        {
+          hostProps: { attributes: { autofocus: '', name: 'abp-card-header' } },
+        },
+      )),
+  );
+
+  it('should create an instance', () => {
+    expect(spectator).toBeTruthy();
+  });
+
+  it('should have class card-header', () => {
+    expect(spectator.element.classList).toContain('card-header');
+  });
+
+  it('should have background-color red', () => {
+    expect((spectator.query('div') as HTMLElement).style.backgroundColor).toEqual('red');
+  });
+
+  it('should have Header text', () => {
+    expect(spectator.element.textContent).toContain('Header');
+  });
+});