Unit tests

design-1.code-workspace

@@ -0,0 +1,11 @@
+{
+  "folders": [
+	{
+		"path": "design-1"
+	},
+	{
+		"path": "my-app"
+	}
+],
+  "settings": {}
+}

my-app/.babelrc

@@ -0,0 +1,3 @@
+{
+    "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

my-app/__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

my-app/config/webpack.config.js

@@ -1,4 +1,4 @@
-const path = require('path');
+const path = require('node:path');
 const HtmlWebPackPlugin = require('html-webpack-plugin');
 
 const basicConfig = {

my-app/config/webpack.cypress.config.js

@@ -1,5 +1,6 @@
 const { merge } = require('webpack-merge');
 const basicConfig = require('./webpack.config');
+
 const config = {
     mode: 'development',
     module: {

my-app/config/webpack.development.config.js

@@ -1,5 +1,6 @@
 const { merge } = require("webpack-merge");
 const basicConfig = require("./webpack.config");
+
 const config = {
     mode: "development",
     module: {

my-app/cypress/support/component.js

@@ -19,7 +19,6 @@ import './commands';
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
-
 import { mount } from 'cypress/react18';
 
 Cypress.Commands.add('mount', mount);

my-app/jest.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+    testEnvironment: 'jsdom', // Вказуємо, що середовище - це браузер
+    setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+    moduleNameMapper: {
+        '\\.(css|less|sass|scss)$': 'identity-obj-proxy',
+        '\\.(jpg|jpeg|png|gif|svg)$': '<rootDir>/__mocks__/fileMock.js',
+    },
+    transform: {
+        '^.+\\.jsx?$': 'babel-jest',
+    },
+    testPathIgnorePatterns: ['/node_modules/', '/build/'],
+    collectCoverage: true,
+    coverageReporters: ['text', 'lcov'],
+};

my-app/jest.setup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';