Add tests to <ActionListButton />

pruebas/01-reading-list/danmondra/src/components/ActionListButton.jsx

@@ -3,7 +3,7 @@ import { ACTIONS_MSGS } from './BookNotification'
 
 const { IS_ALREADY_IN_LIST, ADD_TO_SPECIFIC_LIST, DELETE_FROM_LIST } = ACTIONS_MSGS
 
-const TITLE_VARIANTS = {
+export const TITLE_VARIANTS = {
   delete: (nameList) => `${DELETE_FROM_LIST} ${nameList}`,
   isAlready: (nameList) => `${IS_ALREADY_IN_LIST} "${nameList}"`,
   default: (nameList) => `${ADD_TO_SPECIFIC_LIST} "${nameList}"`

pruebas/01-reading-list/danmondra/src/tests/ActionListButton.test.jsx

@@ -0,0 +1,46 @@
+import { cleanup, fireEvent, render, waitFor } from '@testing-library/react'
+import { afterEach, expect, it, vi } from 'vitest'
+
+import { ActionListButton, TITLE_VARIANTS } from '../components/ActionListButton.jsx'
+
+afterEach(cleanup)
+
+it('should render the <ActionListButton /> with the default title', () => {
+  const { getByRole } = render(<ActionListButton action={() => {}} Icon={() => null} />)
+
+  const name = TITLE_VARIANTS?.default('')
+  getByRole('button', { name })
+})
+
+it('should render the <ActionListButton /> with the delete variant and the title to delete from the list', () => {
+  const listNameTest = 'LIST_TO_DELETE_TEST'
+
+  const { getByRole } = render(
+    <ActionListButton
+      action={() => {}}
+      Icon={() => null}
+      variant='delete'
+      nameList={listNameTest}
+    />
+  )
+
+  const name = TITLE_VARIANTS?.delete(listNameTest)
+  getByRole('button', { name })
+})
+
+it('should execute the callback provided when is clicked', async () => {
+  const spy = vi.fn()
+
+  const { getByRole } = render(
+    <ActionListButton
+      action={spy}
+      Icon={() => null}
+    />
+  )
+
+  fireEvent.click(getByRole('button'))
+
+  await waitFor(() => {
+    expect(spy).toHaveBeenCalledOnce()
+  })
+})