{
  "context": "This criteria evaluates how well the engineer uses Storybook's Actions addon to capture and log component events. The focus is on proper usage of the action() function, correct event handler attachment, and appropriate story configuration for event logging.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "action() import",
      "description": "Imports the action() function from @storybook/addon-actions",
      "max_score": 10
    },
    {
      "name": "action() usage",
      "description": "Uses action() function to create event handlers that log to the Actions panel (e.g., action('onClick'), action('onMouseEnter'))",
      "max_score": 25
    },
    {
      "name": "Multiple event handlers",
      "description": "Attaches action handlers to multiple event types including at least click, mouseEnter/mouseLeave, and focus/blur events",
      "max_score": 20
    },
    {
      "name": "Story configuration",
      "description": "Properly configures the story with args or argTypes to bind action handlers to the component props",
      "max_score": 20
    },
    {
      "name": "Event naming convention",
      "description": "Uses descriptive names for actions that clearly indicate the event type (e.g., 'clicked', 'mouseEnter', 'onFocus')",
      "max_score": 10
    },
    {
      "name": "Component integration",
      "description": "The Button component properly accepts and triggers the event handler props passed from the story",
      "max_score": 15
    }
  ]
}