SebastianCB SebastianCB-dev

## pasos-node-ts-jest.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                SebastianCB-dev
                / pasos-node-ts-jest.md
            
            
              Created
              December 19, 2023 00:40
                — forked from Klerith/pasos-node-ts-jest.md
            
              
                Note + TypeScript + Jest = Testing
              
          
    Pasos para configurar Jest con TypeScript, en Node

Documentación oficial sobre Jest

Instalaciones de desarrollo (super test es útil para probar Express)

npm install -D jest @types/jest ts-jest supertest


## pasos-node-typescript.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                SebastianCB-dev
                / pasos-node-typescript.md
            
            
              Created
              December 13, 2023 00:08
                — forked from Klerith/pasos-node-typescript.md
            
              
                Configurar proyecto de Node con TypeScript
              
          
    Pasos para usar Node con TypeScript con Nodemon

Más información - Docs Oficiales

Instalar TypeScript y tipos de Node, como dependencia de desarrollo

npm i -D typescript @types/node


Inicializar el archivo de configuración de TypeScript ( Se puede configurar al gusto)


## Navbar.js
import { Link, NavLink } from 'react-router-dom';


export const Navbar = () => {
    return (
        <nav className="navbar navbar-expand-sm navbar-dark bg-dark">

            <Link
                className="navbar-brand"
                to="/"

## React-Test-Gist.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                SebastianCB-dev
                / React-Test-Gist.md
            
            
              Last active
              November 3, 2023 01:22
            
              
                This is a Gist to configure testing in React + Vite
              
          
    Step to install testing libraries in React JS.

This has to be used in project with React + Vite

Installation

pnpm install vitest happy-dom @testing-library/react @testing-library/user-event --save-dev

  
## vite-testing-config.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                SebastianCB-dev
                / vite-testing-config.md
            
            
              Created
              September 27, 2023 23:31
                — forked from Klerith/vite-testing-config.md
            
              
                Vite + Jest + React Testing Library - Configuraciones a seguir
              
          
    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:


## configurar-node-ts.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                SebastianCB-dev
                / configurar-node-ts.md
            
            
              Created
              September 15, 2023 21:06
                — forked from Klerith/configurar-node-ts.md
            
              
                Node con TypeScript - TS-Node-dev simplificado
              
          
    Node con TypeScript - TS-Node-dev (preferido)


Instalar TypeScript y demás dependencias

npm i -D typescript @types/node ts-node-dev rimraf


Inicializar el archivo de configuración de TypeScript ( Se puede configurar al gusto)

npx tsc --init --outDir dist/ --rootDir src


## nginx.conf
server {
    listen 80;
    sendfile on;
    default_type application/octet-stream;

    gzip on;
    gzip_http_version 1.1;
    gzip_disable "MSIE [1-6]\.";
    gzip_min_length 256;
    gzip_vary on;

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ReactApp</title>
  <!-- Cargar React -->
  <script crossorigin
          src="https://unpkg.com/react@16/umd/react.production.min.js">

## angular-jest-installation.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                SebastianCB-dev
                / angular-jest-installation.md
            
            
              Created
              January 28, 2023 15:47
                — forked from Klerith/angular-jest-installation.md
            
              
                Angular 13+ Configure Jest Testing
              
          
    Angular testing con JEST


Remover cualquier referencia de Jasmine / Karma en el package.json

npm remove <karma karma-chrome-launcher...>


Instalar Jest

npm install --save-dev jest jest-preset-angular @types/jest


## parse-jwt.js
function parseJwt (token) {
    var base64Url = token.split('.')[1];
    var base64 = base64Url.replace('-', '+').replace('_', '/');
    return JSON.parse(window.atob(base64));
};
	import { Link, NavLink } from 'react-router-dom';


	export const Navbar = () => {
	return (
	<nav className="navbar navbar-expand-sm navbar-dark bg-dark">

	<Link
	className="navbar-brand"
	to="/"
	server {
	listen 80;
	sendfile on;
	default_type application/octet-stream;

	gzip on;
	gzip_http_version 1.1;
	gzip_disable "MSIE [1-6]\.";
	gzip_min_length 256;
	gzip_vary on;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>ReactApp</title>
	<!-- Cargar React -->
	<script crossorigin
	src="https://unpkg.com/react@16/umd/react.production.min.js">
	function parseJwt (token) {
	var base64Url = token.split('.')[1];
	var base64 = base64Url.replace('-', '+').replace('_', '/');
	return JSON.parse(window.atob(base64));
	};