camilodinardo / material-kit-react-main Goto Github PK

View Code? Open in Web Editor NEW

Proyecto echo a partir de un Template de mui con: carrito de compras creado con useContext y useReducer. BD firebase de los productos y usuarios . authenticacion de usuarios en fb (registro y login) , forms con react-hook-form y diferentes metodos de registro. Paypal como metodo de pago. multilenguaje

License: MIT License

HTML 0.76% JavaScript 97.38% Dockerfile 1.59% Shell 0.27%

material-kit-react-main's Introduction

Minimal (Free version)

Free React Admin Dashboard made with Material-UI components and React.

Minimal Free	Minimal
7 Demo pages	50+ demo pages
-	✓ Multi-language
-	✓ Dark/Light Mode 🌓
-	✓ More components
-	✓ Next.js version
-	✓ TypeScript version
-	✓ Design files (Figma & Sketch)

Page demo

Getting started

Recommended node js 14.x and npm 6+. (suggestion v14.17.3 / v16.15.0)
Install dependencies: npm install / yarn install
Start the project: npm run start / yarn start

License

Distributed under the MIT License. See LICENSE for more information.

Contact us

Email Us: [email protected]

Instalación y configuracion de Jest + React Testing Library

En proyectos de React + Vite

Instalaciones:

yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react
yarn add --dev @testing-library/react @types/jest jest-environment-jsdom

Opcional: Si usamos Fetch API en el proyecto:

yarn add --dev whatwg-fetch

Actualizar los scripts del package.json

"scripts: {
  ...
  "test": "jest --watchAll"

Crear la configuración de babel babel.config.js

module.exports = {
    presets: [
        [ '@babel/preset-env', { targets: { esmodules: true } } ],
        [ '@babel/preset-react', { runtime: 'automatic' } ],
    ],
};

Opcional, pero eventualmente necesario, crear Jest config y setup:

jest.config.js

module.exports = {
    testEnvironment: 'jest-environment-jsdom',
    setupFiles: ['./jest.setup.js']
}

jest.setup.js

// En caso de necesitar la implementación del FetchAPI
import 'whatwg-fetch'; // <-- yarn add whatwg-fetch

// En caso de tener problemas con la configuracion visitar la pàgina de https://www.eternaldev.com/blog/testing-a-react-application-with-vitest/

//SI NO FUNCIONA ELIMINAR EL TYPE MODULE DEL PACKAGE.JSON || CAMBIAR LA EXTENSIÓN DEL ARCHIVO POR CJS

Recommend Projects