or run

npx @tessl/cli init
Log in

Version

Files

docs

index.md
tile.json

rubric.jsonevals/scenario-4/

{
  "context": "This evaluation assesses how well the engineer uses the @rc-component/progress package to implement different line cap styles (round, butt, square) for progress bars. The focus is on proper use of the strokeLinecap property and the Line component from the package.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Uses Line component",
      "description": "Imports and uses the Line component from @rc-component/progress for rendering progress bars",
      "max_score": 20
    },
    {
      "name": "Round linecap usage",
      "description": "Correctly uses strokeLinecap='round' (or omits it, as 'round' is the default) for the rounded line ends progress bar",
      "max_score": 20
    },
    {
      "name": "Butt linecap usage",
      "description": "Correctly uses strokeLinecap='butt' for the flat/straight line ends progress bar",
      "max_score": 20
    },
    {
      "name": "Square linecap usage",
      "description": "Correctly uses strokeLinecap='square' for the square line ends progress bar",
      "max_score": 20
    },
    {
      "name": "Progress percentage",
      "description": "Sets percent prop to 60 for all three progress bars",
      "max_score": 10
    },
    {
      "name": "Stroke width",
      "description": "Sets strokeWidth prop to 8 for all three progress bars",
      "max_score": 10
    }
  ]
}