A tesztelés kezelése néha nehéz lehet, különösen, ha nem vagy túl gyakorlott a javascript használatában. Tehát, ha megtanulja, hogyan kell kezelni az API-t, és most szeretné tesztelni, hogy minden helyes-e, ez az útmutató segít ebben.
Telepítés
Ebben az oktatóanyagban azt feltételezem, hogy már van egy javascript projektünk Babel és jest tesztelésre.
Először is telepítenie kell a@babel/plugin-transform-runtime
et jelenlegi projektjébe. Ez a beépülő modul elkerüli a duplikációt a lefordított kimeneten.
A transzformátor másik célja egy homokozó környezet létrehozása a kód számára. Ha közvetlenül importál@babel/polyfill
és a beépített elemeket, az szennyezi a globális hatókört.
npm install — save-dev @babel/plugin-transform-runtime
npm install — @babel/runtime mentése
Ezután telepítenie kell a polyfill
alkalmazást. Amely a teljes ES2015+ környezetet emulálja, és inkább alkalmazásban, mint könyvtárban/eszközben való használatra készült.
Ezenkívül lehetővé teszi aPromise
és más dolgok használatát, de ebbe nem megyünk bele. Ennek érdekében a polifill kiegészíti a globális hatókört, valamint a natív prototípusokat, például a String
-t.
npm telepítés — a @babel/polyfill mentése
Végül a futásidejű bővítmény hozzáadásához másolja a következő kódot a babel fájlba:
"env": { "teszt": { "plugins": [ "@babel/plugin-transform-runtime" ] } },
Tehát most a babel fájl így fog kinézni:
Teszt
Most a tesztoldalon adja hozzá ezt a sort a tetejére, hogy megbizonyosodjon arról, hogy a polifillek töltődnek be először:
import ‘@babel/polyfill’;
Most, hogy mindened megvan. Csak hozzá kell adnia a tesztet a szokásos módon, és az alábbi kódhoz hasonlót kap:
És ennyi, jó tesztelést! :)