Merge pull request #8717 from cypress-io/feature/merge-cypress-react-…

…unit-test

npm/react/.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,9 @@
+<!-- if this PR closes an issue note the number below -->
+
+- closes
+
+<!-- please list any tasks to be done before merging -->
+
+- [ ] pull request was reviewed and approved
+- [ ] can be merged if all tasks have been checked
+- [ ] anything else to do before merging

npm/react/.gitignore

@@ -0,0 +1,12 @@
+public/
+node_modules/
+dist
+**/cypress/videos
+**/cypress/screenshots
+**/cypress/snapshots/**/__diff_output__
+package-lock.json
+.nyc_output
+coverage
+*.generated.css
+.next
+bin

npm/react/.npmrc

@@ -0,0 +1,2 @@
+save-exact=true
+package-lock=true

npm/react/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true
+}

npm/react/.vscode/launch.json

@@ -0,0 +1,29 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Launch init script",
+      "runtimeArgs": ["--nolazy", "-r", "ts-node/register"],
+      "skipFiles": ["<node_internals>/**"],
+      "cwd": "${workspaceRoot}",
+      "program": "${workspaceFolder}/init/init.ts",
+      "outFiles": ["${workspaceFolder}/**/*.js"]
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Jest Current File",
+      "program": "${workspaceFolder}/node_modules/.bin/jest",
+      "args": ["--runInBand", "${fileBasenameNoExtension}"],
+      "sourceMaps": true,
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen",
+      "disableOptimisticBPs": true
+    }
+  ]
+}

npm/react/.vscode/settings.json

@@ -0,0 +1,29 @@
+{
+  "git.ignoreLimitWarning": true,
+  "eslint.enable": false,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "editor.formatOnSave": true,
+  "editor.formatOnPaste": false,
+  "workbench.colorCustomizations": {
+    "activityBar.background": "#a7cf00",
+    "activityBar.activeBackground": "#a7cf00",
+    "activityBar.activeBorder": "#00819f",
+    "activityBar.foreground": "#15202b",
+    "activityBar.inactiveForeground": "#15202b99",
+    "activityBarBadge.background": "#00819f",
+    "activityBarBadge.foreground": "#e7e7e7",
+    "titleBar.activeBackground": "#7e9c00",
+    "titleBar.inactiveBackground": "#7e9c0099",
+    "titleBar.activeForeground": "#15202b",
+    "titleBar.inactiveForeground": "#15202b99",
+    "statusBar.background": "#7e9c00",
+    "statusBarItem.hoverBackground": "#556900",
+    "statusBar.foreground": "#15202b"
+  },
+  "peacock.color": "#7e9c00",
+  "javascript.updateImportsOnFileMove.enabled": "never",
+  "typescript.updateImportsOnFileMove.enabled": "never"
+}

npm/react/__mocks__/fs.js

@@ -0,0 +1,3 @@
+// __mocks__/fs.js
+process.chdir('/')
+module.exports = require('memfs').fs

npm/react/babel.config.js

@@ -0,0 +1,29 @@
+module.exports = {
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/preset-typescript',
+  ],
+  plugins: [
+    // allow lazy loaded components with dynamic "import(...)"
+    // https://babeljs.io/docs/en/babel-plugin-syntax-dynamic-import/
+    '@babel/plugin-syntax-dynamic-import',
+    '@babel/plugin-proposal-class-properties',
+    // https://babeljs.io/docs/en/babel-plugin-transform-modules-commonjs
+    // loose ES6 modules allow us to dynamically mock imports during tests
+    [
+      '@babel/plugin-transform-modules-commonjs',
+      {
+        loose: true,
+      },
+    ],
+    [
+      'module-resolver',
+      {
+        alias: {
+          'cypress-react-unit-test': './dist',
+        },
+      },
+    ],
+  ],
+}