Action function is not spied in chromatic interaction

[swallowtail62]

As mentioned in the following link, In local storybook action mock works.

https://github.com/storybookjs/storybook/tree/v6.5.9/addons/interactions#usage

Any args that are marked as an action (typically via argTypes or argTypesRegex) will be automatically wrapped in a Jest mock function so you can assert invocations. See addon-actions for how to setup actions.

However in chromatic, mock don't work and test fails. Error as shown in the following.

Error: expect(received).toBeCalledTimes(expected)

Matcher error: received value must be a mock or spy function

Received has type:  function
Received has value: [Function n]

[tmeasday]

Hey @swallowtail62 -- have you tried in your built storybook? I would expect Chromatic's behaviour would be very similar to ejecting from the build.

[swallowtail62]

Sorry, it wasn't chromatic.
It was because initialArgs property (function) name had been shortened in built storybook.

The name had to be actionHandler.

https://github.com/storybookjs/storybook/blob/v6.5.9/addons/interactions/src/preset/preview.ts#L23

I'm using @storybook/builder-vite as a bulder so I'll take a look there, thanks.

-- updated --
The issue had already been raised.

storybookjs/builder-vite#206