diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/checkbox.component.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/checkbox.component.spec.ts
new file mode 100644
index 0000000000..e2fba6d0da
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/checkbox.component.spec.ts
@@ -0,0 +1,44 @@
+import { createHostFactory, SpectatorHost } from '@ngneat/spectator/jest';
+import { FormCheckboxComponent } from '../components/checkbox/checkbox.component';
+
+describe('FormCheckboxComponent', () => {
+  let spectator: SpectatorHost<FormCheckboxComponent>;
+
+  const createHost = createHostFactory(FormCheckboxComponent);
+
+  beforeEach(
+    () =>
+      (spectator = createHost(
+        '<abp-checkbox></abp-checkbox>',
+        {
+          hostProps: { attributes: { autofocus: '', name: 'abp-checkbox' } },
+        },
+      )),
+  );
+
+  it('should display the input', () => {
+    expect(spectator.query('input')).toBeTruthy();
+  });
+
+  it('should equal the default classes to form-check-input', () => {
+    expect(spectator.query('input')).toHaveClass('form-check-input');
+  });
+
+  it('should equal the default type to checkbox', () => {
+    expect(spectator.query('input')).toHaveAttribute('type', 'checkbox');
+  });
+
+  it('should be readonly when checkboxReadonly is true', () => {
+    spectator.component.checkboxReadonly = true;
+    spectator.detectComponentChanges();
+    expect(spectator.query('[readonly]')).toBeTruthy();
+  });
+
+  it('should not contain readonly when checboxReadonly is false', () => {
+    spectator.component.checkboxReadonly = false;
+    spectator.detectComponentChanges();
+    expect(spectator.query('[disabled]')).toBeFalsy();
+  });
+
+});
+
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/form-input.component.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/form-input.component.spec.ts
new file mode 100644
index 0000000000..660cb72165
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/form-input.component.spec.ts
@@ -0,0 +1,46 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { createHostFactory, SpectatorHost } from '@ngneat/spectator/jest';
+import { FormInputComponent } from '../components/form-input/form-input.component';
+
+
+describe('FormInputComponent', () => {
+  let spectator: SpectatorHost<FormInputComponent>;
+
+  const createHost = createHostFactory(FormInputComponent);
+
+  beforeEach(
+    () =>
+      (spectator = createHost(
+        '<abp-form-input></abp-form-input>',
+        {
+          hostProps: { attributes: { autofocus: '', name: 'abp-form-input' } },
+        },
+      )),
+  );
+
+  it('should display the input', () => {
+    expect(spectator.query('input')).toBeTruthy();
+  });
+
+  it('should equal the default classes to form-control', () => {
+    expect(spectator.query('input')).toHaveClass('form-control');
+  });
+
+  it('should equal the default type to text', () => {
+    expect(spectator.query('input')).toHaveAttribute('type', 'text');
+  });
+
+  it('should be readonly when inputReadonly is true', () => {
+    spectator.component.inputReadonly = true;
+    spectator.detectComponentChanges();
+    expect(spectator.query('[readonly]')).toBeTruthy();
+  });
+
+  it('should not contain readonly when inputReadonly is false', () => {
+    spectator.component.inputReadonly = false;
+    spectator.detectComponentChanges();
+    expect(spectator.query('[disabled]')).toBeFalsy();
+  });
+
+});
+