- 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:
| const color = '#xxxxxx'.replace(/x/g, y=>(Math.random()*16|0).toString(16)); |
| if (!values.email) { | |
| errors.email = 'Required'; | |
| } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) { | |
| errors.email = 'Invalid email address'; | |
| } |
| const isValidEmail = ( email: string ) => { | |
| const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; | |
| return re.test(email); | |
| } |
| export const messages = { | |
| allDay: 'Todo el día', | |
| previous: '<', | |
| next: '>', | |
| today: 'Hoy', | |
| month: 'Mes', | |
| week: 'Semana', | |
| day: 'Día', | |
| agenda: 'Agenda', | |
| date: 'Fecha', |
| import React from 'react'; | |
| import './login.css'; | |
| export const LoginScreen = () => { | |
| return ( | |
| <div className="container login-container"> | |
| <div className="row"> | |
| <div className="col-md-6 login-form-1"> | |
| <h3>Ingreso</h3> | |
| <form> |
| import { createSlice } from '@reduxjs/toolkit'; | |
| export const templateSlice = createSlice({ | |
| name: 'name', | |
| initialState: { | |
| counter: 10 | |
| }, | |
| reducers: { | |
| increment: (state, /* action */ ) => { | |
| //! https://react-redux.js.org/tutorials/quick-start |