Vitestin/Jestin käyttöönotto TS:lle
Asentakaa ja määrittäkää Vitest tai Jest TypeScript-projekteja varten, kirjoittakaa pieni testi ja suorittakaa se.
Vitestin/Jestin käyttöönotto TS:lle on ilmainen TypeScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/3. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu TypeScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. TypeScript Academy-kurssilla on yhteensä 3 oppituntia.
Johdanto
Tavoite: Määrittäkää Vitest tai Jest TypeScriptiä varten. Asennatte riippuvuudet, lisäätte määrityksen, kirjoitatte yhden pienen testin ja ajatte sen.
Vitestin asennus
Vitest on Vite-natiivi: se käynnistyy nopeasti, käyttää ensisijaisesti ESM:ää ja tarjoaa erinomaisen kehittäjäkokemuksen. Asentakaa se yhdessä @types/node-paketin kanssa globaaleja arvoja varten.
npm install --save-dev vitest @vitest/ui @types/nodeVitest-esimerkki
Lisätkää vitest.config.ts, kirjoittakaa pieni testi ja ajakaa se komennolla npx vitest tai npm test -skriptillä.
// vitest.config.ts
import { defineConfig } from "vitest/config";
export default defineConfig({
test: { globals: true }
});
// src/sum.ts
export const sum = (a: number, b: number) => a + b;
// src/sum.test.ts
import { sum } from "./sum";
import { describe, expect, it } from "vitest";
describe("sum", () => {
it("adds numbers", () => {
expect(sum(2, 3)).toBe(5);
});
});Jestin asennus
Jest tarvitsee TS:ää varten muuntajan. Käyttäkää ts-jest-pakettia testien kääntämiseen suorituksen aikana.
npm install --save-dev jest ts-jest @types/jest @types/nodeJest-esimerkki
Asettakaa preset: "ts-jest". Jest suorittaa .ts-testit ilman erillistä koontivaihetta.
// jest.config.js
module.exports = {
preset: "ts-jest",
testEnvironment: "node",
};
// src/sum.test.ts
import { sum } from "./sum";
test("adds numbers", () => {
expect(sum(2, 3)).toBe(5);
});Skriptit
Lisätkää skriptit sujuvan työnkulun varmistamiseksi. Käyttäkää watch-tilaa saadaksenne kehityksen aikana palautetta nopeasti.
// package.json (scripts)
{
"scripts": {
"test": "vitest",
"test:ui": "vitest --ui",
"test:jest": "jest"
}
}Kysymys
Pikatarkistus: Mitä ts-jest tekee Jestin ja TS:n yhdistelmässä?
Kertaus
Kertaus: Vitest (Vite-natiivi) ja Jest (laajasti käytetty) toimivat molemmat erinomaisesti TS:n kanssa. Määrittäkää asetukset kerran ja ajakaa testit watch-tilassa tai CI:ssä.
Opi TypeScript tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 101
- Oppitunnit
- 352
Usein kysytyt kysymykset
Onko oppitunti ”Vitestin/Jestin käyttöönotto TS:lle” ilmainen?
Kyllä – oppitunnin ”Vitestin/Jestin käyttöönotto TS:lle” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko TypeScript Academy-kurssin, päivitä CoddyKit PROhon. TypeScript Academy-kurssilla on yhteensä 3 oppituntia.
Mitä opin oppitunnilla ”Vitestin/Jestin käyttöönotto TS:lle”?
Asentakaa ja määrittäkää Vitest tai Jest TypeScript-projekteja varten, kirjoittakaa pieni testi ja suorittakaa se. Harjoittelet TypeScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni TypeScript Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin TypeScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/3.
Kuinka kauan ”Vitestin/Jestin käyttöönotto TS:lle”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä TypeScript Academy-oppitunnilla?
Kyllä. Jokainen TypeScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Vitestin/Jestin käyttöönotto TS:lle
- Testien tyypitys ja mockit; expectTypeOf
- E2E-tyypityksen perusteet (Playwright/Cypress)