diff --git a/src/components/base/BaseCheckbox.vue b/src/components/base/BaseCheckbox.vue
index b2796adb1..8b2099f2c 100644
--- a/src/components/base/BaseCheckbox.vue
+++ b/src/components/base/BaseCheckbox.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="base-checkbox" v-cy="'checkbox'">
 		<input
+			data-cy="base-checkbox"
 			type="checkbox"
 			:id="checkboxId"
 			class="is-sr-only"
diff --git a/src/components/base/__tests__/BaseCheckbox.spec.ts b/src/components/base/__tests__/BaseCheckbox.spec.ts
new file mode 100644
index 000000000..053bcb4dd
--- /dev/null
+++ b/src/components/base/__tests__/BaseCheckbox.spec.ts
@@ -0,0 +1,38 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import BaseCheckbox from '../BaseCheckbox.vue'
+
+describe('BaseCheckbox', () => {
+  it('renders properly', () => {
+    const wrapper = mount(BaseCheckbox, { props: {
+			checked: true,
+		} })
+		cy.get('[data-cy="base-checkbox"]').should('exist')
+
+    // expect(wrapper.text()).toContain('Hello Vitest')
+  })
+})
+
+
+
+describe('BaseCheckbox', () => {
+  it('renders the checkbox (invisible)', () => {
+    mount(BaseCheckbox, {
+			checked: true,
+		})
+		cy.get('[data-cy="base-checkbox"]').should('exist')
+
+  })
+
+//   it('contains the correct number of todos', () => {
+//     const todos = [
+//       { text: 'Buy milk', id: 1 },
+//       { text: 'Learn Component Testing', id: 2 },
+//     ]
+
+//     mount(<TodoList todos={todos} />)
+
+//     cy.get('[data-testid=todos]').should('have.length', todos.length)
+//   })
+})
\ No newline at end of file