Webpack 4-based builder for Storybook that provides framework-agnostic build engine for preview iframe compilation and bundling.
91
{
"context": "This evaluation assesses how well the engineer uses Storybook's Portable Stories API to compose and render stories in testing environments. The focus is on proper usage of composeStory, composeStories, and setProjectAnnotations functions.",
"type": "weighted_checklist",
"checklist": [
{
"name": "composeStory usage",
"description": "Uses the composeStory function from @storybook/react to compose individual stories with custom args and parameters. Should properly pass story, meta, and optional overrides.",
"max_score": 25
},
{
"name": "composeStories usage",
"description": "Uses the composeStories function to load all stories from a CSF module at once. Should handle the module's default export (meta) and named exports (stories) correctly.",
"max_score": 25
},
{
"name": "setProjectAnnotations usage",
"description": "Uses setProjectAnnotations to configure project-level settings like decorators and parameters that apply to all composed stories.",
"max_score": 15
},
{
"name": "Args merging",
"description": "Correctly merges story args when composing stories, allowing test-specific args to override default story args while preserving unmodified args.",
"max_score": 15
},
{
"name": "Story metadata access",
"description": "Accesses and uses story metadata properties like storyName, id, args, and parameters from composed stories for test identification and assertions.",
"max_score": 10
},
{
"name": "Story rendering",
"description": "Properly renders composed stories by calling them as functions (with or without args) to produce renderable elements for testing.",
"max_score": 10
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-storybook--builder-webpack4evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10