or run

npx @tessl/cli init
Log in

Version

Files

docs

arrow.mdindex.mdportal-content.mdprovider.mdtooltip-root.mdtrigger.mdutilities.md
tile.json

rubric.jsonevals/scenario-5/

{
  "context": "This evaluation assesses how well the engineer uses the @radix-ui/react-tooltip package to implement tooltip dismissal behavior. The focus is on correctly using the package's built-in dismissal capabilities for Escape key, blur, click, and scroll events.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "TooltipProvider usage",
      "description": "Uses TooltipProvider component to wrap the tooltip, enabling shared configuration and context for the tooltip system.",
      "max_score": 10
    },
    {
      "name": "Tooltip component",
      "description": "Uses the Tooltip (or Root) component as the main tooltip container to manage open/close state.",
      "max_score": 10
    },
    {
      "name": "TooltipTrigger usage",
      "description": "Uses TooltipTrigger component to wrap the button element that triggers the tooltip display.",
      "max_score": 10
    },
    {
      "name": "TooltipPortal usage",
      "description": "Uses TooltipPortal component to render tooltip content outside the parent DOM hierarchy, preventing z-index and overflow issues.",
      "max_score": 10
    },
    {
      "name": "TooltipContent usage",
      "description": "Uses TooltipContent component to display the actual tooltip content with proper positioning and accessibility attributes.",
      "max_score": 10
    },
    {
      "name": "Escape dismissal",
      "description": "Tooltip automatically dismisses when Escape key is pressed, leveraging the built-in onEscapeKeyDown handler in TooltipContent.",
      "max_score": 10
    },
    {
      "name": "Blur dismissal",
      "description": "Tooltip automatically dismisses when the trigger loses focus, using the built-in onBlur handler on TooltipTrigger.",
      "max_score": 10
    },
    {
      "name": "Click dismissal",
      "description": "Tooltip automatically dismisses when the trigger is clicked, using the built-in onClick handler on TooltipTrigger.",
      "max_score": 10
    },
    {
      "name": "Scroll dismissal",
      "description": "Tooltip automatically dismisses when the page is scrolled, leveraging the built-in scroll detection in TooltipContent.",
      "max_score": 10
    },
    {
      "name": "Component composition",
      "description": "Correctly composes all tooltip components in the proper hierarchy: Provider > Tooltip > Trigger + Portal > Content.",
      "max_score": 10
    }
  ]
}