Cara memanfaatkan Jest dan Enzim TANPA Create-React-App

Saat ini saya sedang mengerjakan sebuah proyek untuk kuliah, dan menemukan kendala yang sangat menegangkan… UJIAN. Jika Anda bekerja dengan Jest, Enzyme, dan React maka Anda mungkin merasakan frustrasi yang sama. Namun, jangan stres lagi; saya dan kolega saya telah menemukan solusi untuk krisis Pengujian.

Awalnya saya melihat dokumentasi Jest untuk mengetahui cara menyinkronkan pengujian saya dengan proyek saya. Dokumentasi dalam hal pengaturan agak sulit untuk dipahami, jadi saya melanjutkan ke pencarian Google dan forum Stack Overflow. Setelah berjam-jam mencari, rekan saya mengirimi saya pesan ke Slack, dan kami berhasil menemukan solusinya!!

Pertama, Jest bekerja bersama Enzyme dengan React. Awalnya saya tidak tahu, tetapi Anda memerlukan file 'jest.config.js' serta file .babelrc.

Berikut beberapa cara untuk mengatur file-file tersebut:

jest.config.js

File jest.config.js Anda harus berada di root Anda

module.exports = {
setupTestFrameworkScriptFile: ‘‹rootDir›/test/setup.js’,
};

.babelrc

File .babelrc Anda juga harus ada di file root Anda.

{
“preset”: [“es2015”, “reaksi”]
}

Paket.json

Beginilah tampilan file package.json saya setelah pengaturan. Jika Anda memutuskan untuk menggunakan beberapa baris kode ini, pastikan Anda menghapus package-lock.json serta modul node Anda, lalu npm install.

Folder Tes

Item lain yang perlu kami siapkan adalah folder 'test'. Folder pengujian ini juga harus berada di root proyek saya. Satu-satunya item yang terdapat dalam folder pengujian adalah folder setup.js dengan baris kode berikut:

Tes

Terakhir kami melakukan tes. Pengujian kami langsung masuk ke folder klien tempat komponen kami berada. File komponen utama kami bernama App.js, jadi kami membuat file bernama App.test.js untuk dijadikan file pengujian untuk komponen utama kami. Di bawah ini Anda akan melihat beberapa contoh pengujian kami yang dapat membantu Anda dalam perjalanan pengujian Anda.

DAN ITULAH!

Saya harap ini membantu Anda mengatasi Krisis Pengujian Anda!! Ini adalah angin segar yang mengatasi perjuangan dalam membangun lingkungan baru kita.

Sebelum saya mengakhiri entri jurnal ini, saya ingin menyampaikan ucapan terima kasih khusus kepada Joe Boulos & Kevin Phung karena telah membantu saya mengatasi masa-masa ini, dan menjadi rekan kerja yang luar biasa dalam membuat kode. Orang-orang ini sangat penting bagi pendidikan saya dan saya tidak bisa cukup berterima kasih kepada mereka!!

Saya harap saya dapat membayarnya dengan membantu Anda mengatasi tekanan coding Anda!

“Semoga berhasil menyerbu kastil!”
- Magee