Planning v4

[Quramy]

New features

• Support to Storybook play function
• Dual export

Breaking changes

• Drop to support SB v4
• Drop to support Node.js<=v12

Others

• Mark focus/hover/click props as deprecated

[sag1v]

What are the alternatives for focus/hover/click?

[Quramy]

You can use storybook/testing-library in play function instead of Storycap’s click or focus fields.

[sag1v]

There are a lot of issues with the current implementation of hover/click/focus/waitFor inconsistent behavior, every test run yields different results when hover/focus are involved. I tried to solve this but the bugs keeps on popping out
I think there's a major bug with the async way we're capturing the screenshots, can't find exactly what it is yet nor reproduce it outside our private repo. I hope that this alternative won't get any worse.

[sag1v]

@Quramy how do you suggest handling trusted events with react-testing-library? AFAIK it doesn't support them like puppeteer does.

I mean, if i have a button with a style selector of :hover, calling userEvent.hover() from react-testing-library will only trigger the mouseover event but it won't get labeled as trusted hence we won't see the relevant style that was set in our :hover selector.

This is kind of useless for visual tests isn't it?

I'm not sure moving away from puppeteer (for hover/focus) is worthwhile.

[kodai3]

Hi, Thank you for your work.

I know Storybook play function is kind of supported by MetricsWatcher.
But I still have some flaky snapshot with async play function, is there any other way but to delay for now?