TypeScript
Test unitario

alsaziano

Alsatian è un framework di test unitario scritto in TypeScript. Permette l'utilizzo di Casi di test e emette un markup conforme a TAP .

Per usarlo, installalo da npm :

npm install alsatian --save-dev

Quindi imposta un file di prova:

import { Expect, Test, TestCase } from "alsatian";
import { SomeModule } from "../src/some-module";    

export SomeModuleTests {

    @Test()
    public statusShouldBeTrueByDefault() {
        let instance = new SomeModule();
        
        Expect(instance.status).toBe(true);
    }
    
    @Test("Name should be null by default")
    public nameShouldBeNullByDefault() {
        let instance = new SomeModule();
        
        Expect(instance.name).toBe(null);
    }
    
    @TestCase("first name")
    @TestCase("apples")
    public shouldSetNameCorrectly(name: string) {
        let instance = new SomeModule();
        
        instance.setName(name);
        
        Expect(instance.name).toBe(name);
    }
    
}

Per una documentazione completa, consultare il repository GitHub di alsaziano .

plugin chai-immutabile

1. Installa da npm chai, chai-immutable e ts-node

   npm install --save-dev chai chai-immutable ts-node
   

2. Installa i tipi per moka e chai

   npm install --save-dev @types/mocha @types/chai
   

3. Scrivi un semplice file di test:

     import {List, Set} from 'immutable';
     import * as chai from 'chai';
     import * as chaiImmutable from 'chai-immutable';
   
     chai.use(chaiImmutable);
   
     describe('chai immutable example', () => {
       it('example', () => {
         expect(Set.of(1,2,3)).to.not.be.empty;
   
         expect(Set.of(1,2,3)).to.include(2);
         expect(Set.of(1,2,3)).to.include(5);
       })
     })
   

4. Eseguilo nella console:

   mocha --compilers ts:ts-node/register,tsx:ts-node/register 'test/**/*.spec.@(ts|tsx)'
   

nastro

nastro è un framework di test JavaScript minimalista, emette un markup conforme a TAP .

Per installare il tape usando il comando npm run

npm install --save-dev tape @types/tape

Per utilizzare il tape con Typescript è necessario installare ts-node come pacchetto globale, per eseguire questo comando di esecuzione

npm install -g ts-node

Ora sei pronto per scrivere il tuo primo test

//math.test.ts
import * as test from "tape";

test("Math test", (t) => {
    t.equal(4, 2 + 2);
    t.true(5 > 2 + 2);

    t.end();
});

Per eseguire il comando di esecuzione test

ts-node node_modules/tape/bin/tape math.test.ts

Nell'output dovresti vedere

TAP version 13
# Math test
ok 1 should be equal
ok 2 should be truthy

1..2
# tests 2
# pass  2

# ok

Buon lavoro, hai appena eseguito il tuo test TypeScript.

Esegui più file di test

È possibile eseguire più file di test contemporaneamente utilizzando i caratteri jolly del percorso. Per eseguire tutti i test di Typescript nel comando tests directory di tests

ts-node node_modules/tape/bin/tape tests/**/*.ts

jest (ts-jest)

jest è un indolore framework di test JavaScript di Facebook, con ts-jest può essere usato per testare il codice TypeScript.

Per installare jest usando il comando npm run

npm install --save-dev jest @types/jest ts-jest typescript

Per semplicità d'uso, installa jest come pacchetto globale

npm install -g jest

Per far funzionare il jest con TypeScript è necessario aggiungere la configurazione a package.json

//package.json
{
...
"jest": {
    "transform": {
      ".(ts|tsx)": "<rootDir>/node_modules/ts-jest/preprocessor.js"
    },
    "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$",
    "moduleFileExtensions": ["ts", "tsx", "js"]
  }
}

Ora la jest è pronta. Supponiamo di avere un campione di Fizz Buz da testare

//fizzBuzz.ts
export function fizzBuzz(n: number): string {
    let output = "";
    for (let i = 1; i <= n; i++) {
        if (i % 5 && i % 3) {
            output += i + ' ';
        }
        if (i % 3 === 0) {
            output += 'Fizz ';
        }
        if (i % 5 === 0) {
            output += 'Buzz ';
        }
    }
    return output;
}

Potrebbe essere un test di esempio

//FizzBuzz.test.ts
/// <reference types="jest" />

import {fizzBuzz} from "./fizzBuzz";
test("FizzBuzz test", () =>{
    expect(fizzBuzz(2)).toBe("1 2 ");
    expect(fizzBuzz(3)).toBe("1 2 Fizz ");
});

Per eseguire l'esecuzione di prova

jest

Nell'output dovresti vedere

 PASS  ./fizzBuzz.test.ts
  ✓ FizzBuzz test (3ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        1.46s, estimated 2s
Ran all test suites.

Copertura del codice

jest supporta la generazione di report di copertura del codice.

Per utilizzare la copertura del codice con TypeScript è necessario aggiungere un'altra riga di configurazione a package.json .

{
...
  "jest": {
  ...
    "testResultsProcessor": "<rootDir>/node_modules/ts-jest/coverageprocessor.js"
  }
}

Eseguire i test con la generazione del report di copertura eseguito

jest --coverage

Se usato con il nostro ronzio fizz campione dovresti vedere

 PASS  ./fizzBuzz.test.ts
  ✓ FizzBuzz test (3ms)

-------------|----------|----------|----------|----------|----------------|
File         |  % Stmts | % Branch |  % Funcs |  % Lines |Uncovered Lines |
-------------|----------|----------|----------|----------|----------------|
All files    |    92.31 |     87.5 |      100 |    91.67 |                |
 fizzBuzz.ts |    92.31 |     87.5 |      100 |    91.67 |             13 |
-------------|----------|----------|----------|----------|----------------|
Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        1.857s
Ran all test suites.

jest anche creato una coverage cartelle che contiene report di copertura in vari formati, incluso un rapporto html facile da usare in coverage/lcov-report/index.html