Testing Drag and Drop

gistfile1.txt

import { fireEvent } from '@testing-library/react'

it('permite drag and drop de items', async () => {
  const user = userEvent.setup()
  render(<DraggableList />)

  const item1 = screen.getByText('Item 1')
  const item2 = screen.getByText('Item 2')

  // Simular drag and drop
  fireEvent.dragStart(item1)
  fireEvent.dragEnter(item2)
  fireEvent.dragOver(item2)
  fireEvent.drop(item2)
  fireEvent.dragEnd(item1)

  // Verificar nuevo orden
  const items = screen.getAllByRole('listitem')
  expect(items[0]).toHaveTextContent('Item 2')
  expect(items[1]).toHaveTextContent('Item 1')
})