From 45db4c26e6eaeb737159bdf3385ec6e91abea3dc Mon Sep 17 00:00:00 2001
From: Avinash Lingaloo <>
Date: Fri, 8 Oct 2021 15:29:58 +0400
Subject: [PATCH] Updated tests

---
 .../__snapshots__/index.test.tsx.snap         |   4 +
 .../__snapshots__/search_bar.test.js.snap     | 247 ++++++++++++++++++
 app/components/search_bar/search_bar.test.js  |  56 ----
 .../__snapshots__/add_reaction.test.js.snap   |  18 --
 .../add_reaction/add_reaction.test.tsx        |  24 --
 .../options_modal_list.test.tsx.snap          |   6 +
 6 files changed, 257 insertions(+), 98 deletions(-)
 create mode 100644 app/components/search_bar/__snapshots__/search_bar.test.js.snap
 delete mode 100644 app/components/search_bar/search_bar.test.js
 delete mode 100644 app/screens/add_reaction/__snapshots__/add_reaction.test.js.snap
 delete mode 100644 app/screens/add_reaction/add_reaction.test.tsx
 rename app/screens/options_modal/{ => components}/__snapshots__/options_modal_list.test.tsx.snap (96%)

diff --git a/app/components/drawer_item/__snapshots__/index.test.tsx.snap b/app/components/drawer_item/__snapshots__/index.test.tsx.snap
index 688eab3bee..a8993c98c7 100644
--- a/app/components/drawer_item/__snapshots__/index.test.tsx.snap
+++ b/app/components/drawer_item/__snapshots__/index.test.tsx.snap
@@ -3,7 +3,9 @@
 exports[`DrawerItem should match snapshot 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={true}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -108,7 +110,9 @@ exports[`DrawerItem should match snapshot 1`] = `
 exports[`DrawerItem should match snapshot without separator and centered false 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={true}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
diff --git a/app/components/search_bar/__snapshots__/search_bar.test.js.snap b/app/components/search_bar/__snapshots__/search_bar.test.js.snap
new file mode 100644
index 0000000000..f05d6b0799
--- /dev/null
+++ b/app/components/search_bar/__snapshots__/search_bar.test.js.snap
@@ -0,0 +1,247 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SearchBar should match snapshot 1`] = `
+<View
+  style={
+    Array [
+      Object {
+        "alignItems": "center",
+        "flexDirection": "row",
+        "height": 20,
+        "justifyContent": "flex-start",
+        "overflow": "hidden",
+      },
+      Object {},
+    ]
+  }
+  testID="search_bar"
+>
+  <View
+    collapsable={false}
+    nativeID="animatedComponent"
+    style={
+      Object {
+        "flex": 1,
+        "height": 10,
+        "marginLeft": 0,
+        "marginRight": 5,
+      }
+    }
+  >
+    <View
+      style={
+        Object {
+          "alignItems": "center",
+          "backgroundColor": "#ffffff",
+          "flex": 1,
+          "flexDirection": "row",
+          "paddingBottom": 0,
+          "paddingTop": 0,
+        }
+      }
+    >
+      <View
+        style={
+          Object {
+            "paddingHorizontal": 0,
+            "width": "100%",
+          }
+        }
+      >
+        <View
+          collapsable={false}
+          nativeID="animatedComponent"
+          style={
+            Object {
+              "alignItems": "center",
+              "backgroundColor": undefined,
+              "borderBottomWidth": 0,
+              "borderColor": "#86939e",
+              "borderRadius": 2,
+              "flexDirection": "row",
+              "height": 10,
+              "marginLeft": 8,
+              "marginRight": 8,
+              "minHeight": 30,
+              "transform": Array [
+                Object {
+                  "translateX": 0,
+                },
+              ],
+            }
+          }
+        >
+          <View
+            style={
+              Object {
+                "alignItems": "center",
+                "height": 40,
+                "justifyContent": "center",
+                "marginLeft": 4,
+                "marginVertical": 4,
+                "paddingRight": 4,
+                "width": 30,
+              }
+            }
+          >
+            <Icon
+              name="magnify"
+              size={24}
+              style={
+                Object {
+                  "color": "#bbbbbb",
+                  "flex": 1,
+                  "top": 8,
+                }
+              }
+            />
+          </View>
+          <TextInput
+            autoCapitalize="auto-capitalize"
+            autoCorrect={false}
+            autoFocus={true}
+            blurOnSubmit={true}
+            cancelIcon={false}
+            disableFullscreenUI={true}
+            editable={true}
+            enablesReturnKeyAutomatically={true}
+            keyboardAppearance="keyboard-appearance"
+            keyboardType="keyboard-type"
+            onBlur={[Function]}
+            onCancel={[Function]}
+            onChangeText={[Function]}
+            onFocus={[Function]}
+            onSelectionChange={[Function]}
+            onSubmitEditing={[Function]}
+            placeholder="placeholder"
+            placeholderTextColor="#000000"
+            platform="ios"
+            returnKeyType="return-key-type"
+            selectionColor="#dddddd"
+            style={
+              Object {
+                "backgroundColor": "transparent",
+                "color": "#fff",
+                "flex": 1,
+                "fontSize": 14,
+                "height": 10,
+                "marginLeft": 4,
+                "marginTop": 0,
+                "minHeight": 40,
+                "overflow": "hidden",
+                "paddingTop": 0,
+              }
+            }
+            testID="search_bar.search.input"
+            underlineColorAndroid="transparent"
+            value="value"
+          />
+          <View
+            style={
+              Object {
+                "alignItems": "center",
+                "height": 40,
+                "justifyContent": "center",
+                "marginRight": 8,
+                "marginVertical": 4,
+                "paddingRight": 4,
+              }
+            }
+          >
+            <View
+              style={
+                Object {
+                  "flexDirection": "row",
+                }
+              }
+            >
+              <Icon
+                name="close-circle"
+                onPress={[Function]}
+                size={18}
+                style={
+                  Object {
+                    "color": "#cccccc",
+                  }
+                }
+                testID="search_bar.search.clear.button"
+              />
+            </View>
+          </View>
+        </View>
+        <Text
+          style={
+            Object {
+              "color": "#ff190c",
+              "fontSize": 12,
+              "height": 0,
+              "margin": 0,
+              "padding": 0,
+            }
+          }
+        />
+      </View>
+      <View
+        onLayout={[Function]}
+        style={
+          Object {
+            "opacity": 0,
+            "position": "absolute",
+            "right": null,
+          }
+        }
+      >
+        <View
+          accessibilityRole="button"
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          nativeID="animatedComponent"
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            Object {
+              "opacity": 1,
+            }
+          }
+        >
+          <View
+            style={
+              Array [
+                undefined,
+                undefined,
+              ]
+            }
+          >
+            <Text
+              style={
+                Array [
+                  Object {
+                    "color": "#007aff",
+                    "fontSize": 18,
+                    "padding": 8,
+                    "textAlign": "center",
+                  },
+                  undefined,
+                  Object {
+                    "color": "#aaaaaa",
+                    "fontSize": 14,
+                  },
+                  undefined,
+                ]
+              }
+            >
+              cancel title
+            </Text>
+          </View>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
diff --git a/app/components/search_bar/search_bar.test.js b/app/components/search_bar/search_bar.test.js
deleted file mode 100644
index 6f389c52c4..0000000000
--- a/app/components/search_bar/search_bar.test.js
+++ /dev/null
@@ -1,56 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React from 'react';
-
-import {shallowWithIntl} from '@test/intl-test-helper';
-
-import SearchBar from './index';
-
-jest.useFakeTimers();
-
-describe('SearchBar', () => {
-    const baseProps = {
-        onBlur: jest.fn,
-        onFocus: jest.fn,
-        onSearchButtonPress: jest.fn,
-        onChangeText: jest.fn,
-        onCancelButtonPress: jest.fn,
-        onSelectionChange: jest.fn,
-        testID: 'search_bar',
-        backgroundColor: '#ffffff',
-        placeholderTextColor: '#000000',
-        titleCancelColor: '#aaaaaa',
-        tintColorSearch: '#bbbbbb',
-        tintColorDelete: '#cccccc',
-        selectionColor: '#dddddd',
-        inputStyle: {},
-        containerStyle: {},
-        cancelButtonStyle: {},
-        autoFocus: true,
-        placeholder: 'placeholder',
-        cancelTitle: 'cancel title',
-        returnKeyType: 'return-key-type',
-        keyboardType: 'keyboard-type',
-        autoCapitalize: 'auto-capitalize',
-        inputHeight: 10,
-        editable: true,
-        blurOnSubmit: true,
-        keyboardShouldPersist: true,
-        value: 'value',
-        keyboardAppearance: 'keyboard-appearance',
-        showArrow: true,
-        searchBarRightMargin: 5,
-        searchIconSize: 1,
-        backArrowSize: 1,
-        deleteIconSize: 1,
-        showCancel: true,
-        containerHeight: 20,
-    };
-
-    test('should match snapshot', () => {
-        const wrapper = shallowWithIntl(<SearchBar {...baseProps}/>);
-
-        expect(wrapper.getElement()).toMatchSnapshot();
-    });
-});
diff --git a/app/screens/add_reaction/__snapshots__/add_reaction.test.js.snap b/app/screens/add_reaction/__snapshots__/add_reaction.test.js.snap
deleted file mode 100644
index 9418dcb1dd..0000000000
--- a/app/screens/add_reaction/__snapshots__/add_reaction.test.js.snap
+++ /dev/null
@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AddReaction should match snapshot 1`] = `
-<View
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
-  testID="add_reaction.screen"
->
-  <Connect(EmojiPicker)
-    deviceWidth={750}
-    onEmojiPress={[Function]}
-    testID="add_reaction.emoji_picker"
-  />
-</View>
-`;
diff --git a/app/screens/add_reaction/add_reaction.test.tsx b/app/screens/add_reaction/add_reaction.test.tsx
deleted file mode 100644
index f21fcdf1be..0000000000
--- a/app/screens/add_reaction/add_reaction.test.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import React from 'react';
-
-import {renderWithIntl} from '@test/intl-test-helper';
-
-import AddReaction from './index';
-
-describe('AddReaction', () => {
-    const baseProps = {
-        onEmojiPress: jest.fn(),
-        componentId: 'component-id',
-        closeButton: {},
-    };
-
-    test('should match snapshot', () => {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        const wrapper = renderWithIntl(<AddReaction {...baseProps}/>);
-
-        expect(wrapper.toJSON()).toMatchSnapshot();
-    });
-});
diff --git a/app/screens/options_modal/__snapshots__/options_modal_list.test.tsx.snap b/app/screens/options_modal/components/__snapshots__/options_modal_list.test.tsx.snap
similarity index 96%
rename from app/screens/options_modal/__snapshots__/options_modal_list.test.tsx.snap
rename to app/screens/options_modal/components/__snapshots__/options_modal_list.test.tsx.snap
index 0054d65a5d..b197dd9ad2 100644
--- a/app/screens/options_modal/__snapshots__/options_modal_list.test.tsx.snap
+++ b/app/screens/options_modal/components/__snapshots__/options_modal_list.test.tsx.snap
@@ -64,7 +64,9 @@ exports[`OptionModalList should match snapshot  1`] = `
       >
         <View
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -118,7 +120,9 @@ exports[`OptionModalList should match snapshot  1`] = `
       >
         <View
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -177,7 +181,9 @@ exports[`OptionModalList should match snapshot  1`] = `
     >
       <View
         accessible={true}
+        collapsable={false}
         focusable={true}
+        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}