Headless render tests: @storybook/test-runner support or Storyshots alternative? about react-native HOT 7 OPEN

@flochtililoch oh right I see what you mean, I guess thats a problem with being on 6.5 for compatibility with react native storybook. On v7 react native web works well with the test-runner but I haven't recently tried configuring things with 6.5, I'm working on getting v7 for ondevice so hopefully I could solve this by getting us to v7 😅.

from react-native.

Test runner should work out of the box for react native web, it's no different than running for reactjs which is why there isn't specific documentation on that. If that doesn't work for you please let me know what issue you run into.

In terms of plans for testing I want to get unit testing working with composeStory and testing library. I've seen it work with some small hacks, i believe all that's needed is to take composeStory out of storybook/react and put a version of it in storybook/react-native.

Test runner on native is not really possible In the same way as far as i know. That's because we can't use testing library API's at runtime, they run in a sort of fake dom not a real rn app. The best we can do is a detox integration for example

automatic visual testing similar to chromatic is something that I've already prototyped and want to do but its a lot of work ahead.

once v7 is out i will put testing top of the list

from react-native.

test-runner is only compatible with Storybook 6.X until version 0.9.4, and installing 0.9.4 cause this issue locally for me:

 Validation Error:

  Module @storybook/test-runner/playwright/transform in the transform option was not found.
         <rootDir> is: /Users/f/project

  Configuration Documentation:
  https://jestjs.io/docs/configuration

Installing 0.16.0, or 0.12.0 as suggested here yields the same error.

Trying to remove this line to try skip the issue will then cause other errors pertaining to resolving modules internal to test-runner. Feels like I'm running into a dependency hell.

from react-native.

Hey @flochtililoch you could try checking this recipe out as an alternative to storyshots:
https://storybook.js.org/docs/writing-tests/storyshots-migration-guide#with-portable-stories

from react-native.