import { describe, it, expect } from 'vitest'
import { computed, ref } from 'vue'
import { useTableBulkActions } from '../useTableBulkActions'
import type { Items } from '../types'

const getItemValue = (item: unknown): unknown =>
	item && typeof item === 'object' && 'id' in item ? (item as { id: unknown }).id : item

const items = computed<Items>(() => [
	{ id: 1, name: 'A' },
	{ id: 2, name: 'B' },
	{ id: 3, name: 'C' },
])

describe('useTableBulkActions', () => {
	it('selectedItems : résout les clés sélectionnées en objets complets', () => {
		const model = ref<unknown[]>([1, 3])
		const { selectedItems } = useTableBulkActions({ items, model, getItemValue })

		expect(selectedItems.value.map(i => i.id)).toEqual([1, 3])
	})

	it('selectedItems : vide quand aucune ligne n\'est sélectionnée', () => {
		const model = ref<unknown[]>([])
		const { selectedItems } = useTableBulkActions({ items, model, getItemValue })

		expect(selectedItems.value).toEqual([])
	})

	it('selectedItems : réactif aux changements de sélection', () => {
		const model = ref<unknown[]>([1])
		const { selectedItems } = useTableBulkActions({ items, model, getItemValue })
		expect(selectedItems.value).toHaveLength(1)

		model.value = [1, 2]
		expect(selectedItems.value.map(i => i.id)).toEqual([1, 2])
	})

	it('clearSelection : vide le modèle de sélection', () => {
		const model = ref<unknown[]>([1, 2])
		const { selectedItems, clearSelection } = useTableBulkActions({ items, model, getItemValue })

		clearSelection()

		expect(model.value).toEqual([])
		expect(selectedItems.value).toEqual([])
	})

	it('identité par objet quand il n\'y a pas de clé', () => {
		const identity = (item: unknown): unknown => item
		const a = { name: 'A' }
		const b = { name: 'B' }
		const objItems = computed<Items>(() => [a, b])
		const model = ref<unknown[]>([a])

		const { selectedItems } = useTableBulkActions({ items: objItems, model, getItemValue: identity })

		expect(selectedItems.value).toEqual([a])
	})

	describe('showBulkActions', () => {
		it('vrai quand : showSelect actif + au moins une ligne sélectionnée + slot #bulk-actions', () => {
			const model = ref<unknown[]>([1])
			const { showBulkActions } = useTableBulkActions({
				items,
				model,
				getItemValue,
				showSelect: () => true,
				hasBulkActionsSlot: () => true,
			})
			expect(showBulkActions.value).toBe(true)
		})

		it('faux si showSelect est désactivé', () => {
			const model = ref<unknown[]>([1])
			const { showBulkActions } = useTableBulkActions({
				items,
				model,
				getItemValue,
				showSelect: () => false,
				hasBulkActionsSlot: () => true,
			})
			expect(showBulkActions.value).toBe(false)
		})

		it('faux si aucune ligne n\'est sélectionnée', () => {
			const model = ref<unknown[]>([])
			const { showBulkActions } = useTableBulkActions({
				items,
				model,
				getItemValue,
				showSelect: () => true,
				hasBulkActionsSlot: () => true,
			})
			expect(showBulkActions.value).toBe(false)
		})

		it('faux si aucun slot #bulk-actions n\'est fourni', () => {
			const model = ref<unknown[]>([1])
			const { showBulkActions } = useTableBulkActions({
				items,
				model,
				getItemValue,
				showSelect: () => true,
				hasBulkActionsSlot: () => false,
			})
			expect(showBulkActions.value).toBe(false)
		})

		it('réactif : bascule à `true` dès qu\'une ligne est sélectionnée', () => {
			const model = ref<unknown[]>([])
			const { showBulkActions } = useTableBulkActions({
				items,
				model,
				getItemValue,
				showSelect: () => true,
				hasBulkActionsSlot: () => true,
			})
			expect(showBulkActions.value).toBe(false)

			model.value = [1]
			expect(showBulkActions.value).toBe(true)
		})
	})
})