From 0f1a596df9c1ee1b05c247f3b5297e73efd9759a Mon Sep 17 00:00:00 2001
From: Filipp Riabchun <talpa@yandex.ru>
Date: Fri, 2 Mar 2018 15:00:25 +0300
Subject: [PATCH] Merge pull request #3129 from
 storybooks/story-list-view-test-id-kind

Updated testIds in RN StoryListView to use kind
---
 .../src/preview/components/StoryListView/index.js          | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/react-native/src/preview/components/StoryListView/index.js b/app/react-native/src/preview/components/StoryListView/index.js
index f3028404026b..7025902bc82c 100644
--- a/app/react-native/src/preview/components/StoryListView/index.js
+++ b/app/react-native/src/preview/components/StoryListView/index.js
@@ -14,12 +14,12 @@ SectionHeader.propTypes = {
   selected: PropTypes.bool.isRequired,
 };
 
-const ListItem = ({ title, selected, onPress }) => (
+const ListItem = ({ kind, title, selected, onPress }) => (
   <TouchableOpacity
     key={title}
     style={style.item}
     onPress={onPress}
-    testID={`Storybook.ListItem.${title}`}
+    testID={`Storybook.ListItem.${kind}.${title}`}
     accessibilityLabel={`Storybook.ListItem.${title}`}
   >
     <Text style={[style.itemText, selected && style.itemTextSelected]}>{title}</Text>
@@ -28,6 +28,7 @@ const ListItem = ({ title, selected, onPress }) => (
 
 ListItem.propTypes = {
   title: PropTypes.string.isRequired,
+  kind: PropTypes.string.isRequired,
   onPress: PropTypes.func.isRequired,
   selected: PropTypes.bool.isRequired,
 };
@@ -92,10 +93,12 @@ export default class StoryListView extends Component {
   render() {
     return (
       <ListView
+        testID="Storybook.ListView"
         style={[style.list, { width: this.props.width }]}
         renderRow={item => (
           <ListItem
             title={item.name}
+            kind={item.kind}
             selected={
               item.kind === this.props.selectedKind && item.name === this.props.selectedStory
             }