or run

npx @tessl/cli init
Log in

Version

Files

docs

index.md
tile.json

rubric.jsonevals/scenario-8/

{
  "context": "This criteria evaluates how well the engineer uses the @rc-component/input-number package to implement mouse wheel support with Shift modifier functionality. The focus is on proper usage of package-specific props and features related to wheel interactions, step modifications, and value formatting.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Mouse wheel enabled",
      "description": "Uses the `changeOnWheel` prop set to true to enable mouse wheel value changes when the input is focused",
      "max_score": 25
    },
    {
      "name": "Step configuration",
      "description": "Uses the `step` prop to configure the increment/decrement amount to 0.50 for the base step value",
      "max_score": 15
    },
    {
      "name": "Min/max bounds",
      "description": "Uses the `min` and `max` props to set price boundaries (min: 0.01, max: 999.99) that are respected during wheel scrolling",
      "max_score": 15
    },
    {
      "name": "Precision control",
      "description": "Uses the `precision` prop set to 2 to ensure price values are formatted with exactly 2 decimal places",
      "max_score": 10
    },
    {
      "name": "Currency formatting",
      "description": "Uses the `formatter` prop with a function that adds dollar sign and thousand separators (e.g., transforms 1234.56 to $1,234.56)",
      "max_score": 15
    },
    {
      "name": "Parser implementation",
      "description": "Uses the `parser` prop with a function that removes non-numeric characters (dollar sign, commas, spaces) from the formatted display string",
      "max_score": 10
    },
    {
      "name": "Controlled component",
      "description": "Implements proper controlled component pattern by using the `value` and `onChange` props from the InputNumber component and passing them through from the parent props",
      "max_score": 10
    }
  ]
}