feat: add accessibility on searchbar react-native

[wilau2]

Make it easier to navigate between stories with detox.
(When list of story get big it's easier to navigate using the filter searchbar)

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

Latest deployment for this branch: https://monorepo-git-fork-wilau2-feat-add-accessibility-on-5bd0b6.storybook.now.sh

[ndelangen]

Thanks, what does testID do?

[wilau2]

@ndelangen
It's an attribute test ID, a lot of modern e2e test framework recommend having some to interact with your app.

• https://github.com/wix/detox
• https://github.com/cypress-io/cypress

It will normally keep your tests safe from css or js changes:
https://docs.cypress.io/guides/references/best-practices.html#Selecting-Elements

You can check in the very same file I modified, it was already present on list item elements:
https://github.com/storybooks/storybook/blob/ad8edd2d66515d171f78ceb7d9138efb15577f8f/app/react-native/src/preview/components/StoryListView/index.tsx#L58

[Gongreg]

@shilman, any reason we don't merge it? It is a non breaking change that can help for users using e2e tests with storybook.

[shilman]

@Gongreg We're in a feature freeze for shipping 5.1. Can merge non-bug changes if there's good reason, but otherwise this is a 5.2 feature

[Gongreg]

Got it @shilman. This one definitely doesn't break anything and helps people using detox or other e2e test tools. IMO we could silently add it to 5.1

[shilman]

ok!