CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-storybook--addon-backgrounds

Deprecated Storybook addon that throws migration errors directing users to the new package structure in Storybook 9.0

86

1.08x
Overview
Eval results
Files

rubric.jsonevals/scenario-7/

{
  "context": "This criteria evaluates the engineer's ability to use Storybook's loaders feature for asynchronous data fetching. It assesses proper usage of component-level and story-level loaders, accessing loaded data in story context, and implementing error handling for failed data loads.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Component-level loader",
      "description": "The Meta object includes a loaders array property with an async function that returns the Config object with apiBaseUrl and theme properties",
      "max_score": 20
    },
    {
      "name": "Admin story loader",
      "description": "The Admin story object includes a loaders array property with an async function that returns the User object with correct admin data (id: 1, name: 'Admin User', email: 'admin@example.com', role: 'admin')",
      "max_score": 15
    },
    {
      "name": "RegularUser story loader",
      "description": "The RegularUser story object includes a loaders array property with an async function that fetches user data and returns the User object with correct data (id: 2, name: 'Jane Smith', email: 'jane@example.com', role: 'user')",
      "max_score": 15
    },
    {
      "name": "Error handling",
      "description": "The RegularUser story's loader function includes try-catch error handling that returns fallback guest user data (id: 0, name: 'Guest', email: 'guest@example.com', role: 'guest') when the fetch operation fails",
      "max_score": 15
    },
    {
      "name": "Admin data access",
      "description": "The Admin story includes a render function that receives context as the second parameter and accesses both user data and config.theme from context.loaded property",
      "max_score": 15
    },
    {
      "name": "RegularUser data access",
      "description": "The RegularUser story includes a render function that receives context as the second parameter and accesses both user data and config.theme from context.loaded property",
      "max_score": 10
    },
    {
      "name": "Component rendering",
      "description": "Both story render functions pass the loaded user data and theme to the UserProfile component as props",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-storybook--addon-backgrounds

tile.json