[RNMobile] File Block VI-a: Implementing unit tests

packages/block-library/src/file/test/__snapshots__/edit.native.js.snap

@@ -0,0 +1,145 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`File block renders file without crashing 1`] = `
+<View
+  pointerEvents="box-none"
+>
+  <View>
+    Modal
+    <View>
+      <RCTAztecView
+        accessible={true}
+        activeFormats={Array []}
+        blockType={
+          Object {
+            "tag": "p",
+          }
+        }
+        deleteEnter={true}
+        disableEditingMenu={false}
+        focusable={true}
+        fontFamily="serif"
+        isMultiline={false}
+        maxImagesWidth={200}
+        onBackspace={[Function]}
+        onBlur={[Function]}
+        onChange={[Function]}
+        onClick={[Function]}
+        onContentSizeChange={[Function]}
+        onEnter={[Function]}
+        onFocus={[Function]}
+        onHTMLContentWithCursor={[Function]}
+        onKeyDown={[Function]}
+        onPaste={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onSelectionChange={[Function]}
+        onStartShouldSetResponder={[Function]}
+        placeholder="File name"
+        placeholderTextColor="gray"
+        style={
+          Object {
+            "backgroundColor": undefined,
+            "maxWidth": undefined,
+            "minHeight": 0,
+          }
+        }
+        text={
+          Object {
+            "eventCount": undefined,
+            "linkTextColor": undefined,
+            "selection": null,
+            "text": "<p >File name</p>",
+          }
+        }
+        textAlign="left"
+        triggerKeyCodes={Array []}
+      />
+    </View>
+    <View
+      style={
+        Array [
+          Object {},
+          Object {
+            "alignSelf": "flex-start",
+          },
+        ]
+      }
+    >
+      <TextInput
+        allowFontScaling={true}
+        fontFamily="serif"
+        onChange={[Function]}
+        rejectResponderTermination={true}
+        scrollEnabled={false}
+        style={
+          Object {
+            "fontFamily": "serif",
+          }
+        }
+        underlineColorAndroid="transparent"
+        value="Download"
+      />
+    </View>
+  </View>
+</View>
+`;
+
+exports[`File block renders placeholder without crashing 1`] = `
+<View
+  style={
+    Object {
+      "flex": 1,
+    }
+  }
+>
+  <View
+    accessibilityHint="Double tap to select"
+    accessibilityLabel="File block. Empty"
+    accessibilityRole="button"
+    accessible={true}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Array [
+        Array [
+          undefined,
+          undefined,
+          undefined,
+        ],
+        undefined,
+      ]
+    }
+  >
+    Modal
+    <View
+      style={
+        Object {
+          "fill": "gray",
+        }
+      }
+    >
+      <View
+        style={Object {}}
+      >
+        Svg
+      </View>
+    </View>
+    <Text>
+      File
+    </Text>
+    <Text>
+      CHOOSE A FILE
+    </Text>
+  </View>
+</View>
+`;

packages/block-library/src/file/test/edit.native.js

@@ -0,0 +1,42 @@
+/**
+ * External dependencies
+ */
+import renderer from 'react-test-renderer';
+
+/**
+ * Internal dependencies
+ */
+import { FileEdit } from '../edit.native.js';
+
+const getTestComponentWithContent = ( attributes = {} ) => {
+	return renderer.create(
+		<FileEdit
+			attributes={ attributes }
+			setAttributes={ jest.fn() }
+			getMedia={ jest.fn() }
+			getStylesFromColorScheme={ jest.fn() }
+		/>
+	);
+};
+
+describe( 'File block', () => {
+	it( 'renders placeholder without crashing', () => {
+		const component = getTestComponentWithContent();
+		const rendered = component.toJSON();
+		expect( rendered ).toMatchSnapshot();
+	} );
+
+	it( 'renders file without crashing', () => {
+		const component = getTestComponentWithContent( {
+			showDownloadButton: true,
+			downloadButtonText: 'Download',
+			href: 'https://wordpress.org/latest.zip',
+			fileName: 'File name',
+			textLinkHref: 'https://wordpress.org/latest.zip',
+			id: '1',
+		} );
+
+		const rendered = component.toJSON();
+		expect( rendered ).toMatchSnapshot();
+	} );
+} );