or run

npx @tessl/cli init
Log in

Version

Files

docs

index.md
tile.json

rubric.jsonevals/scenario-5/

{
  "context": "This criteria evaluates how well an engineer uses the rc-progress library's gradient color features to implement dynamic theme switching at runtime. The focus is on proper usage of the Circle component and its strokeColor prop with gradient objects.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Circle component import",
      "description": "Correctly imports the Circle component from rc-progress package",
      "max_score": 10
    },
    {
      "name": "Gradient object structure",
      "description": "Uses gradient objects with percentage keys ('0%', '100%') as values for strokeColor prop, rather than string colors",
      "max_score": 25
    },
    {
      "name": "Theme-based gradient mapping",
      "description": "Implements logic to map each theme ('ocean', 'sunset', 'forest') to the correct gradient color object with specified color values",
      "max_score": 25
    },
    {
      "name": "Circle component props",
      "description": "Correctly uses Circle component with percent, strokeColor, strokeWidth, and railColor props as specified in requirements",
      "max_score": 20
    },
    {
      "name": "Dynamic gradient switching",
      "description": "Enables runtime gradient switching by dynamically passing different gradient objects to strokeColor based on theme prop changes",
      "max_score": 20
    }
  ]
}