Deprecated Storybook addon that throws migration errors directing users to the new package structure in Storybook 9.0
86
{
"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-backgroundsdocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10