prepare lesson

06-test-react-components-with-jest-and-react-testing-library/.babelrc.js

@@ -0,0 +1,13 @@
+const isTest = String(process.env.NODE_ENV) === 'test';
+const isProd = String(process.env.NODE_ENV) === 'production';
+
+module.exports = {
+  presets: [
+    ['@babel/preset-env', {modules: isTest ? 'commonjs' : false}],
+    '@babel/preset-react',
+  ],
+  plugins: [
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-object-rest-spread',
+  ].filter(Boolean),
+};

06-test-react-components-with-jest-and-react-testing-library/README.md

@@ -0,0 +1,3 @@
+# Test React Components with Jest and `react-testing-library`
+
+Checkout individual branches for changes specific to that section of the course.

06-test-react-components-with-jest-and-react-testing-library/__tests__/favorite-number.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import {FavoriteNumber} from '../src/favorite-number';
+
+describe('FavoriteNumber', () => {
+  test('renders a number input with a label "Favourite Number"', () => {
+    const div = document.createElement('div');
+
+    ReactDOM.render(<FavoriteNumber />, div);
+  });
+});

06-test-react-components-with-jest-and-react-testing-library/jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  testMatch: ['**/__tests__/**/*.js?(x)', '**/?(*.)+(spec|test).js?(x)'],
+};