CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-rc-progress

Progress UI component for React providing customizable line and circle progress bars

Overall
score

100%

Overview
Eval results
Files

rubric.jsonevals/scenario-6/

{
  "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
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-rc-progress

tile.json