Asset basenames in Jest snapshots

Libraries/Image/__tests__/__snapshots__/assetRelativePathInSnapshot.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders assets based on relative path 1`] = `
+<View>
+  <Image
+    source={
+      Object {
+        "testUri": "Libraries/Image/__tests__/img/img1.png",
+      }
+    }
+  />
+  <Image
+    source={
+      Object {
+        "testUri": "Libraries/Image/__tests__/img/img2.png",
+      }
+    }
+  />
+</View>
+`;

Libraries/Image/__tests__/assetRelativePathInSnapshot.js

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2017-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+'use strict';
+
+jest.disableAutomock();
+
+const React = require('React');
+const ReactTestRenderer = require('react-test-renderer');
+const Image = require('Image');
+const View = require('View');
+
+it('renders assets based on relative path', () => {
+  expect(ReactTestRenderer.create(
+  <View>
+    <Image source={require('./img/img1.png')} />
+    <Image source={require('./img/img2.png')} />
+  </View>
+  )).toMatchSnapshot();
+});

jest-preset.json

@@ -7,12 +7,15 @@
     ]
   },
   "moduleNameMapper": {
-    "^[./a-zA-Z0-9$_-]+\\.(bmp|gif|jpg|jpeg|png|psd|svg|webp)$": "RelativeImageStub",
     "^React$": "<rootDir>/node_modules/react"
   },
   "modulePathIgnorePatterns": [
     "<rootDir>/node_modules/react-native/Libraries/react-native/"
   ],
+  "transform": {
+    "^.+\\.js$": "babel-jest",
+    "^[./a-zA-Z0-9$_-]+\\.(bmp|gif|jpg|jpeg|png|psd|svg|webp)$": "<rootDir>/node_modules/react-native/jest/assetFileTransformer.js"
+  },
   "transformIgnorePatterns": [
     "node_modules/(?!(jest-)?react-native|react-clone-referenced-element)"
   ],

jest/assetFileTransformer.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2017-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+'use strict';
+
+/* eslint-env node */
+
+const path = require('path');
+const createCacheKeyFunction = require('fbjs-scripts/jest/createCacheKeyFunction');
+
+module.exports = {
+  // Mocks asset requires to return the filename. Makes it possible to test that
+  // the correct images are loaded for components. Essentially
+  // require('img1.png') becomes `Object { "testUri": 'path/to/img1.png' }` in
+  // the Jest snapshot.
+  process: (_, filename) =>
+    `module.exports = {
+      testUri: ${JSON.stringify(path.relative('.', filename))}
+    };`,
+  getCacheKey: createCacheKeyFunction([__filename]),
+};

package.json

@@ -12,15 +12,15 @@
   },
   "jest": {
     "transform": {
+      "^[./a-zA-Z0-9$_-]+\\.(bmp|gif|jpg|jpeg|png|psd|svg|webp)$": "<rootDir>/jest/assetFileTransformer.js",
       ".*": "./jest/preprocessor.js"
     },
     "setupFiles": [
       "./jest/setup.js"
     ],
     "timers": "fake",
     "moduleNameMapper": {
-      "^React$": "<rootDir>/Libraries/react-native/React.js",
-      "^[./a-zA-Z0-9$_-]+\\.png$": "RelativeImageStub"
+      "^React$": "<rootDir>/Libraries/react-native/React.js"
     },
     "testPathIgnorePatterns": [
       "Libraries/Renderer",