Menguasai Ujian Unit dengan Jest: Panduan Komprehensif

Pengenalan
Ujian unit ialah asas pembangunan perisian yang memastikan kod berkelakuan seperti yang diharapkan. Di antara pelbagai rangka kerja ujian yang tersedia, Jest telah muncul sebagai pilihan utama untuk pembangun JavaScript. Dibina dengan mengambil kira kesederhanaan dan kecekapan, Jest membenarkan pembangun membuat ujian unit yang mantap dengan konfigurasi minimum.

Apakah Jest?
Jest ialah rangka kerja ujian JavaScript sumber terbuka yang dibangunkan oleh Meta (dahulunya Facebook). Ia direka bentuk untuk menyepadukan dengan lancar dengan aplikasi yang dibina menggunakan React, Node.js dan perpustakaan JavaScript yang lain. Jest terkenal dengan kemudahan penggunaannya, ciri berkuasa dan pengalaman pembangun yang sangat baik, menjadikannya alat pilihan untuk ujian menulis.

Mengapa Gunakan Ujian Unit Jest?
Jest memudahkan proses menulis, menyusun dan menjalankan ujian unit. Berikut ialah beberapa sebab pembangun memilih Jest:

• Konfigurasi Sifar: Jest berfungsi di luar kotak, memerlukan persediaan minimum.
• Ejekan Terbina Dalam: Ia menyediakan alatan untuk mengejek fungsi, modul dan juga pemasa.
• Ujian Syot Kilat: Jest menangkap output UI untuk ujian regresi.
• Kelajuan: Jest menjalankan ujian secara selari untuk memaksimumkan kecekapan.

Menyediakan Jest dalam Projek Anda

Prasyarat
Sebelum menggunakan Jest, pastikan anda memasang Node.js dan npm pada mesin anda.

Memasang Jest
Untuk memasang Jest, jalankan arahan berikut:

bash

Salin kod

pasang npm --save-dev jest 

Mengkonfigurasi Jest
Jest boleh dikonfigurasikan dengan menambahkan sifat jest dalam fail package.json anda atau dengan mencipta fail jest.config.js khusus. Ini membolehkan anda menyesuaikan pilihan seperti direktori ujian, ambang liputan dan banyak lagi.

Menulis Ujian Unit Pertama Anda dengan Jest

Membuat Fail Ujian
Jest mengenali fail ujian dengan sambungan .test.js atau .spec.js secara lalai. Sebagai contoh, jika anda sedang menguji fungsi dalam math.js, buat fail bernama math.test.js.

Menulis Kes Ujian
Berikut ialah contoh mudah kes ujian Jest:

javascript

Salin kod

const add = (a, b) => a b; 

 

ujian('menambah dua nombor', () => { 

  jangkakan(tambah(2, 3)).toBe(5); 

}); 

Menjalankan Ujian
Jalankan ujian menggunakan arahan berikut:

bash

Salin kod

ujian npm 

Jest akan mengenal pasti semua fail ujian dan menjalankan kes ujian di dalamnya.

Ciri Utama Jest untuk Ujian Unit

Fungsi Mengejek
Jest membolehkan anda mengejek fungsi dan modul untuk menguji komponen secara berasingan:

javascript

Salin kod

const mockFn = jest.fn(); 

mockFn.mockReturnValue(42); 

jangkakan(mockFn()).toBe(42); 

Ujian Syot Kilat
Ujian syot kilat memastikan komponen UI anda tidak berubah secara tidak dijangka. Jest menyimpan output komponen dan membandingkannya semasa ujian dijalankan seterusnya.

javascript

Salin kod

ujian('menjadikan dengan betul', () => { 

  pokok const = renderer.create().toJSON(); 

  jangkakan(pokok).toMatchSnapshot(); 

}); 

Laporan Liputan Kod
Jest menyediakan sokongan terbina dalam untuk menjana laporan liputan kod:

bash

Salin kod

ujian npm -- --liputan 

Ini menyerlahkan bahagian kod anda yang belum diuji.

Amalan Terbaik untuk Menulis Ujian Unit Jest

Pastikan Ujian Bebas
Elakkan saling bergantung antara ujian untuk memastikan kebolehpercayaan dan kebolehselenggaraan.

Gunakan Nama Ujian Deskriptif
Tulis nama ujian yang menerangkan dengan jelas senario yang diuji, cth., “harus mengembalikan jumlah dua nombor”.

Fokus pada Kes Edge
Menguji kes kelebihan memastikan aplikasi anda teguh dalam pelbagai keadaan.

Corak Ujian Jenaka Biasa

Atur-Act-Assert (AAA)
Susun ujian anda kepada tiga fasa yang berbeza:

1. Susun: Sediakan data ujian dan persekitaran.
2. Bertindak: Laksanakan fungsi atau ciri yang sedang diuji.
3. Tegaskan: Sahkan keputusan sepadan dengan jangkaan.

Sebelum Setiap dan Selepas Setiap Cangkuk
Cangkuk ini membolehkan anda menyediakan atau membersihkan sumber sebelum dan selepas setiap ujian:

javascript

Salin kod

beforeEach(() => { 

  initializeDatabase(); 

}); 

afterEach(() => { 

  clearDatabase(); 

}); 

Menyahpepijat Ujian Jest

Menjalankan Ujian dalam Mod Tontonan
Mod jam tangan Jest menjalankan semula ujian apabila perubahan dikesan:

bash

Salin kod

ujian npm -- --tonton 

Menyahpepijat dengan Log Konsol
Menambah pernyataan console.log() boleh membantu mengenal pasti isu dalam ujian anda.

Ciri Jest Terperinci

Pelaksanaan Ujian Selari
Jest melaksanakan ujian secara selari untuk mengurangkan masa jalan, yang amat berfaedah untuk suite ujian yang besar.

Menguji Kod Asynchronous
Jest mengendalikan ujian tak segerak dengan utiliti seperti async/wait, Promises dan done():

javascript

Salin kod

ujian('mengambil data', async () => { 

  data const = tunggu fetchData(); 

  jangkakan(data).toBeDefined(); 

}); 

Penjodoh Tersuai
Panjangkan kefungsian Jest dengan mencipta pemadanan tersuai untuk menjadikan ujian anda lebih ekspresif.

Jest vs Rangka Kerja Pengujian Unit Lain

Kemudahan Penggunaan
Tidak seperti Mocha atau Jasmine, Jest memerlukan persediaan minimum, menjadikannya mesra pemula.

Ciri Terbina Dalam
Ciri terbina dalam Jest, seperti mengejek dan menegaskan, mengurangkan keperluan untuk perpustakaan tambahan.

Sokongan Komuniti
Dengan komuniti yang besar dan dokumentasi yang luas, Jest menyediakan sokongan yang sangat baik dan kemas kini tetap.

Kesimpulan
Jest ialah alat yang berkuasa untuk menulis dan menjalankan ujian unit dalam aplikasi JavaScript. Kesederhanaan, kelajuan dan set ciri yang kaya menjadikannya kegemaran di kalangan pembangun. Dengan mengikuti amalan terbaik dan memanfaatkan keupayaan Jest, anda boleh memastikan kod anda boleh dipercayai, boleh diselenggara dan bebas pepijat.

Atas ialah kandungan terperinci Menguasai Ujian Unit dengan Jest: Panduan Komprehensif. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!