Interaction not displayed if it is not failed

[sjanisz]

Hello,

I am facing issue that I am not able to see anything in Interactions tab when all steps pass, I am only able to see if there is a fail, example testcase:

 export const Example: Story = {
   play: async ({ canvasElement }) => {
    const canvas = within(canvasElement);
    await new Promise(resolve => setTimeout(resolve, 2000));
    canvas.getByRole("checkbox").click();
    await new Promise(resolve => setTimeout(resolve, 2000));
    canvas.getByRole("checkbox").click();
  },
};

I can see that above code is being executed (checkbox checked and unchecked), but I am not able to see anything in Interactions window:

when I make testcase to fail:

export const Example: Story = {
  play: async ({ canvasElement }) => {
    const canvas = within(canvasElement);
    await new Promise(resolve => setTimeout(resolve, 2000));
    canvas.getByRole("checkbox").click();
    await new Promise(resolve => setTimeout(resolve, 2000));
    canvas.getByRole("checkboxs").click();
  },
};

I can see result:

but passed step (first passed click) is also not there. Question is whether I miss something or if this may be bug. Storybook related packages I use:

"@storybook/addon-a11y": "^7.0.11",
    "@storybook/addon-actions": "^7.0.11",
    "@storybook/addon-controls": "^7.0.11",
    "@storybook/addon-essentials": "^7.0.11",
    "@storybook/addon-interactions": "^7.0.11",
    "@storybook/addon-links": "^7.0.11",
    "@storybook/addon-postcss": "^2.0.0",
    "@storybook/jest": "^0.1.0",
    "@storybook/preset-scss": "^1.0.3",
    "@storybook/react": "^7.0.11",
    "@storybook/react-webpack5": "7.0.11",
    "@storybook/test-runner": "^0.10.0",
    "@storybook/testing-library": "^0.1.0",
    "eslint-plugin-storybook": "^0.6.12",
     "storybook": "7.0.11",
    "storybook-addon-designs": "^7.0.0-beta.2",
    "storybook-react-context": "^0.6.0",

[sjanisz]

Thanks to answer here https://stackoverflow.com/questions/75475488/storybook-play-function-doesnt-show-interactions-in-the-bottom-panel I was able to figure out that user events are required to be present in testcase so it can be displayed in Interactions window.