working state

Author: Brandon Carroll

src/preset/core-components.js

@@ -0,0 +1,29 @@
+const CoreComponents = [
+  'ActivityIndicator',
+  'FAKE',
+  'Button',
+  'DrawerLayoutAndroid',
+  'Image',
+  'Modal',
+  'Picker',
+  'RefreshControl',
+  'ScrollView',
+  'Switch',
+  'Text',
+  'TextInput',
+  'TouchableHighlight',
+  'TouchableNativeFeedback',
+  'TouchableOpacity',
+  'TouchableWithoutFeedback',
+  'View',
+];
+
+function setCoreComponents(components) {
+  return [...CoreComponents, ...components];
+}
+
+function getCoreComponents() {
+  return CoreComponents;
+}
+
+export { getCoreComponents, setCoreComponents };

src/preset/index.js

@@ -0,0 +1,8 @@
+import { mockComponent } from './mock-component';
+import { getCoreComponents, setCoreComponents } from './core-components';
+
+module.exports = {
+  CoreComponents: getCoreComponents(),
+  dangerouslyMockComponent: ({ __mock }) => mockComponent({ name: __mock.name, path: __mock.path }),
+  dangerouslySetCoreComponents: ({ __components }) => setCoreComponents(__components),
+};

src/preset/mock-component.js

@@ -0,0 +1,60 @@
+'use strict';
+
+import React from 'react';
+
+import { getCoreComponents } from './core-components';
+
+function mockComponent(component, path = component) {
+  const RealComponent = jest.requireActual(path);
+  const { mockNativeMethods } = jest.requireActual('./mock-native-methods');
+
+  const displayName =
+    RealComponent.displayName ||
+    RealComponent.name ||
+    (RealComponent.render // handle React.forwardRef
+      ? RealComponent.render.displayName || RealComponent.render.name
+      : 'Unknown');
+
+  const SuperClass = typeof RealComponent === 'function' ? RealComponent : React.Component;
+
+  class Component extends SuperClass {
+    static displayName = displayName;
+
+    render() {
+      const props = Object.assign({}, RealComponent.defaultProps);
+
+      if (this.props) {
+        Object.keys(this.props).forEach(prop => {
+          // We can't just assign props on top of defaultProps
+          // because React treats undefined as special and different from null.
+          // If a prop is specified but set to undefined it is ignored and the
+          // default prop is used instead. If it is set to null, then the
+          // null value overwrites the default value.
+          if (this.props[prop] !== undefined) {
+            props[prop] = this.props[prop];
+          }
+        });
+      }
+
+      return React.createElement(displayName, props, this.props.children);
+    }
+  }
+
+  Object.keys(RealComponent).forEach(classStatic => {
+    Component[classStatic] = RealComponent[classStatic];
+  });
+
+  Object.assign(Component.prototype, mockNativeMethods);
+
+  return Component;
+}
+
+getCoreComponents().forEach(component => {
+  try {
+    jest.doMock(component, () => mockComponent(component));
+  } catch (e) {
+    //
+  }
+});
+
+export { mockComponent };

src/preset/mock-native-methods.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const mockNativeMethods = {
+  measure: jest.fn(),
+  measureInWindow: jest.fn(),
+  measureLayout: jest.fn(),
+  setNativeProps: jest.fn(),
+  focus: jest.fn(),
+  blur: jest.fn(),
+};
+
+export { mockNativeMethods };

src/preset/native-modules.js

@@ -0,0 +1,11 @@
+const NativeModules = require('NativeModules');
+
+jest.doMock('NativeModules', () => ({
+  ...NativeModules,
+  NativeAnimatedModule: {
+    addAnimatedEventToView: jest.fn(),
+    createAnimatedNode: jest.fn(),
+    connectAnimatedNodes: jest.fn(),
+    connectAnimatedNodeToView: jest.fn(),
+  },
+}));

src/preset/new-mock-component.js

@@ -0,0 +1,18 @@
+jest.doMock('requireNativeComponent', () => {
+  const React = require('react');
+
+  return componentName =>
+    class extends React.Component {
+      static displayName = componentName;
+
+      static _nativeTag = 1;
+
+      static viewConfig = { validAttributes: { style: {} } };
+
+      render() {
+        const { children, ...props } = this.props;
+
+        return React.createElement(componentName, props, children);
+      }
+    };
+});

src/preset/require-native-component.js

@@ -0,0 +1,11 @@
+// Un-mock the things that we'll be mocking
+require('./unmock');
+
+// Mock native modules
+require('./native-modules');
+
+// Mock requireNativeComponent
+require('./require-native-component');
+
+// Mock lean core components
+require('./mock-component');

src/preset/setup.js

@@ -0,0 +1,12 @@
+import { getCoreComponents } from './core-components';
+
+getCoreComponents().forEach(component => {
+  try {
+    // try to un-mock the component
+    jest.unmock(component);
+  } catch (e) {
+    // do nothing if we can't
+  }
+});
+
+jest.dontMock('requireNativeComponent');