test: add pinia to tests

atable/tests/cell.spec.ts

@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest'
+import { setActivePinia, createPinia } from 'pinia'
+import { describe, it, expect, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
 import ATable from '@/components/ATable.vue'
@@ -45,6 +46,10 @@ describe('table cell component', () => {
 		config: { view: 'list' },
 	}
 
+	beforeEach(() => {
+		setActivePinia(createPinia())
+	})
+
 	it('update data when cell is focused', async () => {
 		const wrapper = mount(ATable, { props })
 

atable/tests/modal.spec.ts

@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest'
+import { createPinia, setActivePinia } from 'pinia'
+import { describe, it, expect, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
 import ATable from '@/components/ATable.vue'
@@ -45,6 +46,10 @@ describe('table modal component', () => {
 		config: { view: 'list' },
 	}
 
+	beforeEach(() => {
+		setActivePinia(createPinia())
+	})
+
 	it('spawn modal component', async () => {
 		const wrapper = mount(ATable, { props })
 
@@ -54,7 +59,7 @@ describe('table modal component', () => {
 		cellElement!.trigger('click')
 		await wrapper.vm.$nextTick()
 
-		expect(wrapper.vm.tableData.modal.visible).toBe(true)
+		expect(wrapper.vm.store.modal.visible).toBe(true)
 	})
 
 	it('click inside to keep modal component alive', async () => {
@@ -69,7 +74,7 @@ describe('table modal component', () => {
 		// click inside
 		const $table = wrapper.find('.atable')
 		$table.trigger('click')
-		expect(wrapper.vm.tableData.modal.visible).toBe(true)
+		expect(wrapper.vm.store.modal.visible).toBe(true)
 	})
 
 	it('click outside to dismiss modal component', async () => {
@@ -83,7 +88,7 @@ describe('table modal component', () => {
 
 		// click outside
 		window.dispatchEvent(new MouseEvent('click'))
-		expect(wrapper.vm.tableData.modal.visible).toBe(false)
+		expect(wrapper.vm.store.modal.visible).toBe(false)
 	})
 
 	it('press escape to dismiss modal component', async () => {
@@ -97,6 +102,6 @@ describe('table modal component', () => {
 
 		// press escape
 		window.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }))
-		expect(wrapper.vm.tableData.modal.visible).toBe(false)
+		expect(wrapper.vm.store.modal.visible).toBe(false)
 	})
 })

atable/tests/row.spec.ts

@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest'
+import { createPinia, setActivePinia } from 'pinia'
+import { describe, it, expect, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
 import ATable from '@/components/ATable.vue'
@@ -39,6 +40,10 @@ describe('table row component', () => {
 		},
 	]
 
+	beforeEach(() => {
+		setActivePinia(createPinia())
+	})
+
 	it('verify no expand symbol on list table config', async () => {
 		const wrapper = mount(ATable, {
 			props: {

atable/tests/table.spec.ts

@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest'
+import { createPinia, setActivePinia } from 'pinia'
+import { describe, it, expect, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
 import ATable from '@/components/ATable.vue'
@@ -45,6 +46,10 @@ describe('table component', () => {
 		config: { view: 'list' },
 	}
 
+	beforeEach(() => {
+		setActivePinia(createPinia())
+	})
+
 	it('verify header row', async () => {
 		const wrapper = mount(ATable, { props: defaultProps })
 		expect(wrapper.vm).toBeTruthy()