From 6a03ae3b74ab392c19127e51e641e9ddb1c30db1 Mon Sep 17 00:00:00 2001
From: C Lentfort <clentfort@users.noreply.github.com>
Date: Wed, 13 Dec 2017 13:07:40 +0100
Subject: [PATCH] Use mock for CSS-files

**Summary:**

Missing CSS files cause failing tests, this is problematic when using a
preprocessor such as SASS.

**Test plan:**

1. Create a project
2. Delete `src/App.css`.
3. Run `yarn test`.

Verify the test passes and does not fail with a `Cannot find module
'./App.css' from 'App.js'`-error.
---
 packages/react-scripts/config/jest/styleMock.js       | 11 +++++++++++
 .../react-scripts/scripts/utils/createJestConfig.js   |  1 +
 2 files changed, 12 insertions(+)
 create mode 100644 packages/react-scripts/config/jest/styleMock.js

diff --git a/packages/react-scripts/config/jest/styleMock.js b/packages/react-scripts/config/jest/styleMock.js
new file mode 100644
index 00000000000..7ac77298ff1
--- /dev/null
+++ b/packages/react-scripts/config/jest/styleMock.js
@@ -0,0 +1,11 @@
+// @remove-on-eject-begin
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// @remove-on-eject-end
+'use strict';
+
+module.exports = {};
diff --git a/packages/react-scripts/scripts/utils/createJestConfig.js b/packages/react-scripts/scripts/utils/createJestConfig.js
index b4c2cfa5ea9..6d04b9c0066 100644
--- a/packages/react-scripts/scripts/utils/createJestConfig.js
+++ b/packages/react-scripts/scripts/utils/createJestConfig.js
@@ -42,6 +42,7 @@ module.exports = (resolve, rootDir, isEjecting) => {
     transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$'],
     moduleNameMapper: {
       '^react-native$': 'react-native-web',
+      '^.+\\.css$': resolve('config/jest/styleMock.js'),
     },
     moduleFileExtensions: [
       'web.js',