閉じるこの動画はお気に入りから削除されています。

パラキュラーカークque Elは、emezandoエヌLe pruebasプエデSer Un Tanto Abrumadorデシドのque si bien tenemos mucha informaciによって、nを形作ることができます.
ジェスEes国連マルコデpruebaデJavaScriptマンテニアンPorフェイスブック社.Bucel、TypesScript、ノード.JS、反応、角度、Vue.ジェイピースラテ.SU Ovjetivoの形式におけるフォーマの意味
Jest nos permitirは、Euecutar Nustras pruebas Mucho M ' s s r Pu y sin NecesidadデUn Negegador y Su API Extiendeデジャスミン、es decir que su sintaxis es muyに類似したy nos permitirを得ます.

https://jestjs.io/ インスラシア

Primero vamos a types/jest para sus tipos y jestプリペアドアングルque es una una librerはque nos da una figaci i n preestlecida de jest para angle,por su puesto dejar elp pac ac or el el retortorio para que puedan ir a darle un vistazo. npm install -D jest jest-preset-angular @types/jest

https://github.com/thymikee/jest-preset-angular カーマyジャスミン

Necesitamos deshacernos de aquellos paquetes que no necsisiaremos y que nos puedan generalalg‐and矛盾npm uninstall karma karma-chrome-launcher karma-coverage-istanbul-reporter karma-jasmine karma-jasmine-html-reporter @types/jasmine @types/jasminewd2 jasmine-core jasmine-spec-reporter

Cabe destacar que esta guía es si deseas iniciar o migrar a Jest, en caso de que quieras mantener tanto Jasmine como Jest, la configuración se puede complicar y no es el objetivo de este post.

Luego de Esto necesitamos Eiminar el Archivo Testts que est est la la carpeta src y agregar algunos cambios en nuestro tsconfigSPECTJSON , TU Archivo debe Quedarについて

{
    "extends": "./tsconfig.json",
    "compilerOptions": {
        "baseUrl": "./src",
        "outDir": "./out-tsc/spec",
        "types": [
            "jest", //cambiar esta línea de jasmine a jest
            "node"
        ],
        "experimentalDecorators": true, // agregar
        "emitDecoratorMetadata": true, // agregar
        "paths": { // esta sección es en caso de que uses paths 
            "@app/*": [
                "app/*"
            ],
            "@env/*": [
                "environments/*"
            ]
        }
    },
    "files": [ // eliminar la referencia a test.ts ya que lo eliminamos
        "src/polyfills.ts"
    ],
    "include": [
        "src/**/*.spec.ts",
        "src/**/*.d.ts"
    ]
}

LuegoデEstoデメモスIRは、Nuestro角です.建築家の建築における建築家の意識:その実際の構成について

...
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.spec.json",
            "karmaConfig": "karma.conf.js",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.scss"
            ],
            "scripts": []
          }
        }
...

フィナーレ

Legegoデエストバモスは、AgregarエルArchivo setupjestです.<研究ノート>コンテニドにおけるラスト・ラ・デ・デ・ヌエスト・プロイェートコンテ

import 'jest-preset-angular';

エヌexenende la Configacaciは、パラシュートで包まれて、ヌーストラーラ秤をします.
コンEstoソロNos Quedarは、Configurar Nustroパッケージを放りました.JSON Yポッドキャストcomenzarは、escribir Nuestras pruebas usando冗談です.として、ヌークのパッケージをVAMOSのVaos.JSON Yアグレガモス

    "jest": {
        "preset": "jest-preset-angular",
        "roots": [
            "<rootDir>/src"
        ],
        "moduleNameMapper": { // este apartado es sólo si usas paths aliases
            "@app/(.*)$": "<rootDir>/src/app/$1",
            "@env/(.*)": "<rootDir>/src/environments/$1"
        },
        "setupFilesAfterEnv": [
            "<rootDir>/setupJest.ts"
        ],
        "testPathIgnorePatterns": [
            "<rootDir>/node_modules/",
            "<rootDir>/dist/",
            "<rootDir>/src/test.ts"
        ],
        "globals": {
            "ts-jest": {
                "tsConfig": "<rootDir>/tsconfig.spec.json",
                "stringifyContentPathRegex": "\\.html$"
            }
        }
    }

Ten en cuenta que el "moduleNameMapper" se agrega solo cuando usas paths aliases y debes configurarlo según tu configuración en tsconfig.spec.json.
Luego modificamos nuestros scripts para pruebas

        "test": "jest",
        "test:coverage": "jest --coverage",

コンEsto Configado Ya Ser -エーモスエーモスの容量npm testYnpm test:coverage人のobober国連レポーターデcoberturaデヌエストラスプルーベ

インストラクターjestランナー

ESTA Genial拡張パラシュートVscode NOS Permitirは、コーナNuestras pruebasデForma Asalada、esデカールPodemos Ejecutar sのLoラque queremos desdeエルPropioエディタです.VAMOS - VSCODE Y Buscamos Jestランナー, El Primero de la Siguiente im

Luego de esto en nuestras pruebas nos aparecen enaces para correrlas o debug :

再論

Esta Guは、角ソロParallar Jest Con角、Si息子Tu Primeros Pasos Te Sentirがs perdidoエヌエルDesiertoエヌMundoデラスPurebasのsを得ます.デCualquierフォーマvoy a reposiendarは、リポジトリによって個人的に私のAyudを引きます.
エスパロque este柱は、haya servido y cualquier detalle que se haya pasado porアルトpor賛成を好みます.Tambi et n n si deshen que haga m men s contenido acerca de pruebas,d . jelelo saber y har es mi mejor esfuerzo porコンパレータtimcamino que he segio