👆 Advanced Event Simulation

Production event simulation patterns.

Complex User Interactions

test('handles complex interaction flow', async () => {
  render(<DataTable />);
  
  // Select row
  await userEvent.click(screen.getByRole('checkbox'));
  
  // Open menu
  await userEvent.click(screen.getByRole('button', { name: /menu/i }));
  
  // Select action
  await userEvent.click(screen.getByRole('menuitem', { name: /delete/i }));
  
  // Confirm
  await userEvent.click(screen.getByRole('button', { name: /confirm/i }));
  
  expect(screen.getByText('Item deleted')).toBeInTheDocument();
});

Keyboard Shortcuts

test('handles keyboard shortcuts', async () => {
  const handleSave = jest.fn();
  render(<Editor onSave={handleSave} />);
  
  await userEvent.keyboard('{Control>}s{/Control}');
  
  expect(handleSave).toHaveBeenCalled();
});

Mouse Events

test('handles hover states', async () => {
  render(<TooltipButton />);
  
  await userEvent.hover(screen.getByRole('button'));
  expect(screen.getByRole('tooltip')).toBeVisible();
  
  await userEvent.unhover(screen.getByRole('button'));
  expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
});

✅ Key Takeaways

• Test **complete workflows** not isolated interactions

• Use **keyboard shortcuts** for productivity features

• Test **hover states** for interactive elements

• Verify **accessibility** throughout interactions