CSF-Factories: Component property for extend stories

[buscape]

Is your feature request related to a problem? Please describe.

When reusing Stories in test files, I want to extend them to add decorators and render the resulting React Component.

However the .Component prop does not exist on Stories created by .extend.

Describe the solution you'd like

import * as stories from './MyComponent.stories';

const TestStory = stories.StoryComponent.extend({
  decorators: [...testingSpecificDecorators]
  ...
)}

it('tests something', () => {
   render(<TestStory.Component />); // Component prop doesn't exist here
    ....
})

Describe alternatives you've considered

There is a way to achieve what I want by creating a new story from the extended component which feels akward and requires exporting meta from the Storybook file:

import * as stories from './MyComponent.stories';

const TestStoryExtended = stories.StoryComponent.extend({
  decorators: [...testingSpecificDecorators]
  ...
)}

const TestStory = stories.meta.story({
   ....TestStoryExtended.composed,
   ....TestStoryExtended.input
})

it('tests something', () => {
   render(<TestStory.Component />); // works as expected
    ....
})

Are you able to assist to bring the feature to reality?

no

Additional context

No response

[shilman]

This seems more like a bug to me than a feature request, right? @kasperpeulen @yannbf

[buscape]

Yeah the guys are aware of it and working on it afaik.
I also posted this in the RFC here.
I'll close this for now

[shilman]

Thanks for filing!!

[anilanar]

Should we create an issue for this?