From aebeb3b0a951bd12cccb9e0b2fbd9a97ba258e47 Mon Sep 17 00:00:00 2001
From: Kacie Bawiec <kacieb@fb.com>
Date: Mon, 24 Feb 2020 14:46:23 -0800
Subject: [PATCH] Add Snapshot Rendering Test to ScrollView

Summary:
As title.

Changelog: [Added] Add snapshot rendering test to ScrollView

Reviewed By: zackargyle, TheSavior

Differential Revision: D20037673

fbshipit-source-id: 4270bc63a6065789f072893756468b67deae169d
---
 .../ScrollView/__tests__/ScrollView-test.js   | 36 ++++++++
 .../__snapshots__/ScrollView-test.js.snap     | 90 +++++++++++++++++++
 2 files changed, 126 insertions(+)
 create mode 100644 Libraries/Components/ScrollView/__tests__/ScrollView-test.js
 create mode 100644 Libraries/Components/ScrollView/__tests__/__snapshots__/ScrollView-test.js.snap

diff --git a/Libraries/Components/ScrollView/__tests__/ScrollView-test.js b/Libraries/Components/ScrollView/__tests__/ScrollView-test.js
new file mode 100644
index 00000000000..5f048f7b334
--- /dev/null
+++ b/Libraries/Components/ScrollView/__tests__/ScrollView-test.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @emails oncall+react_native
+ * @flow strict-local
+ */
+
+'use strict';
+
+const React = require('react');
+const ScrollView = require('../ScrollView');
+const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
+const View = require('../../View/View');
+const Text = require('../../../Text/Text');
+
+describe('<ScrollView />', () => {
+  it('should render as expected', () => {
+    ReactNativeTestTools.expectRendersMatchingSnapshot(
+      'ScrollView',
+      () => (
+        <ScrollView>
+          <View>
+            <Text>Hello World!</Text>
+          </View>
+        </ScrollView>
+      ),
+      () => {
+        jest.dontMock('../ScrollView');
+      },
+    );
+  });
+});
diff --git a/Libraries/Components/ScrollView/__tests__/__snapshots__/ScrollView-test.js.snap b/Libraries/Components/ScrollView/__tests__/__snapshots__/ScrollView-test.js.snap
new file mode 100644
index 00000000000..7de0741031a
--- /dev/null
+++ b/Libraries/Components/ScrollView/__tests__/__snapshots__/ScrollView-test.js.snap
@@ -0,0 +1,90 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ScrollView /> should render as expected: should deep render when mocked (please verify output manually) 1`] = `
+<RCTScrollView>
+  <View>
+    <View>
+      <Text>
+        Hello World!
+      </Text>
+    </View>
+  </View>
+</RCTScrollView>
+`;
+
+exports[`<ScrollView /> should render as expected: should deep render when not mocked (please verify output manually) 1`] = `
+<RCTScrollView
+  DEPRECATED_sendUpdatedChildFrames={false}
+  alwaysBounceVertical={true}
+  onContentSizeChange={null}
+  onLayout={[Function]}
+  onMomentumScrollBegin={[Function]}
+  onMomentumScrollEnd={[Function]}
+  onResponderGrant={[Function]}
+  onResponderReject={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onScroll={[Function]}
+  onScrollBeginDrag={[Function]}
+  onScrollEndDrag={[Function]}
+  onScrollShouldSetResponder={[Function]}
+  onStartShouldSetResponder={[Function]}
+  onStartShouldSetResponderCapture={[Function]}
+  onTouchCancel={[Function]}
+  onTouchEnd={[Function]}
+  onTouchMove={[Function]}
+  onTouchStart={[Function]}
+  pagingEnabled={false}
+  scrollBarThumbImage={null}
+  sendMomentumEvents={false}
+  snapToEnd={true}
+  snapToStart={true}
+  style={
+    Array [
+      Object {
+        "flexDirection": "column",
+        "flexGrow": 1,
+        "flexShrink": 1,
+        "overflow": "scroll",
+      },
+      undefined,
+    ]
+  }
+>
+  <RCTScrollContentView
+    collapsable={false}
+    style={
+      Array [
+        false,
+        undefined,
+      ]
+    }
+  >
+    <View>
+      <Text>
+        Hello World!
+      </Text>
+    </View>
+  </RCTScrollContentView>
+</RCTScrollView>
+`;
+
+exports[`<ScrollView /> should render as expected: should shallow render as <ScrollView /> when mocked 1`] = `
+<ScrollView>
+  <View>
+    <Text>
+      Hello World!
+    </Text>
+  </View>
+</ScrollView>
+`;
+
+exports[`<ScrollView /> should render as expected: should shallow render as <ScrollView /> when not mocked 1`] = `
+<ScrollView>
+  <View>
+    <Text>
+      Hello World!
+    </Text>
+  </View>
+</ScrollView>
+`;