Ketahui tentang ujian unit dan ujian automatik dalam JavaScript

Sebagai bahasa pengaturcaraan yang digunakan secara meluas, JavaScript memainkan peranan yang sangat penting dalam bidang Internet. Dalam proses pembangunan perisian, ujian adalah bahagian yang sangat diperlukan. Apabila projek menjadi lebih besar dan kod menjadi lebih kompleks, ujian manual menjadi lebih memakan masa dan terdedah kepada ralat Oleh itu, ujian unit dan ujian automatik menerima lebih banyak perhatian. Artikel ini akan memperkenalkan pembaca kepada ujian unit dan ujian automatik dalam JavaScript, dengan contoh kod khusus.

1. Ujian Unit

Ujian unit merujuk kepada proses menyemak dan mengesahkan unit terkecil yang boleh diuji dalam perisian. Dalam JavaScript, unit terkecil yang boleh diuji boleh menjadi fungsi, kaedah, kelas, dll., atau ia boleh menjadi sekeping kecil kod. Tujuan ujian unit adalah untuk menyemak ketepatan dan kestabilan kod dan mencari masalah yang berpotensi dalam kod.

Mari kita ambil rangka kerja Jest sebagai contoh untuk memperkenalkan ujian unit dalam JavaScript.

1. Pasang Jest

Mula-mula, kita perlu memasang Jest dalam projek. Anda boleh menggunakan arahan npm untuk memasangnya.

Menulis Kes Ujian

Seterusnya, kita perlu menulis kes ujian. Katakan kita mempunyai modul tambahan berikut:
2. fungsi tambah(a, b) {

kembalikan a + b;

}

Kita perlu menulis kes ujian untuk menguji ketepatan modul ini. Dalam direktori akar projek, kami mencipta fail yang dipanggil add.test.js dengan kod berikut:

const add = require('./add');

test('menambah 1 + 2 sama dengan 3', ( ) => {

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

});

ujian('tambah -1 + 2 sama dengan 1', () => {
jangkakan(tambah (-1, 2)).toBe(1);
});

test('tambah 0.1 + 0.2 sama dengan 0.3', () => {
jangkakan(tambah(0.1, 0.2)).toBeCloseTo( 0.3);
});

Dalam kes ujian, kami menggunakan pernyataan test() untuk mentakrifkan nama kes ujian dan fungsi ujian. Dalam fungsi ujian, kami menggunakan penyataan expect() dan toBe() untuk mengesahkan ketepatan kod. Pernyataan toBe() digunakan untuk membandingkan kesamaan, dan pernyataan toBeCloseTo() digunakan untuk membandingkan kedekatan. Arahan untuk menjalankan kes ujian adalah seperti berikut:

npm test

Hasil berjalan adalah seperti yang ditunjukkan dalam rajah di bawah:

Kes ujian berjalan dengan jayanya dan kod kami boleh berjalan dengan betul. Dengan cara ini, kami boleh mengeluarkan kod dengan yakin!

2. Ujian automatik

Pengujian automatik merujuk kepada proses menguji perisian menggunakan skrip, alatan, dsb. Berbanding dengan ujian manual, ujian automatik mempunyai kelebihan kelajuan, ketepatan dan kebolehulangan, dan boleh meningkatkan kecekapan dan kualiti ujian dengan banyak. Dalam JavaScript, ujian automatik juga sangat penting.

Mari ambil Selenium dan ChromeDriver sebagai contoh untuk memperkenalkan ujian automatik dalam JavaScript.

Pasang Selenium dan ChromeDriver

Mula-mula, kita perlu memasang Selenium dan ChromeDriver dalam projek. Anda boleh menggunakan arahan npm untuk memasangnya. daripada ChromeDriver.

Tulis skrip ujian

Seterusnya, kita perlu menulis skrip ujian. Katakan kita mempunyai modul log masuk berikut:

fungsi log masuk(nama pengguna, kata laluan) {

jika (nama pengguna === 'admin' && kata laluan === 'admin') {

return true;

2. } lain {

return false;

}

}

Kami perlu menulis skrip ujian untuk menguji ketepatan modul ini. Dalam direktori akar projek, kami mencipta fail yang dipanggil login.spec.js dengan kod berikut:

const { Builder, By, Key, until } = require('selenium-webdriver');

(async function loginTest( ) {

biarkan pemandu = menunggu Builder baharu().forBrowser('chrome').build();
cuba {

await driver.get('http://example.com/login');
await driver.findElement(By.name('username')).sendKeys('admin', Key.TAB);
await driver.findElement(By.name('password')).sendKeys('admin', Key.RETURN);
await driver.wait(until.titleIs('My Dashboard'), 1000);
console.log('Test passed!');

} akhirnya {

await driver.quit();

}

})();

Dalam skrip ujian, kami Gunakan Selenium dan ChromeDriver untuk ujian automatik. Kami mula-mula membuat contoh penyemak imbas, kemudian membuka halaman log masuk, masukkan nama pengguna dan kata laluan, lompat ke antara muka pengguna, dan akhirnya mengeluarkan maklumat lulus ujian. Arahan untuk menjalankan skrip ujian adalah seperti berikut:

node login.spec.js

Hasil yang dijalankan ditunjukkan dalam rajah di bawah:

Skrip ujian berjalan dengan jayanya dan kod kami boleh berjalan dengan betul. Dengan cara ini, kami boleh mengeluarkan kod dengan yakin!

Ringkasan

Artikel ini memperkenalkan ujian unit dan ujian automatik dalam JavaScript. Ujian unit merujuk kepada pemeriksaan dan pengesahan unit terkecil yang boleh diuji Rangka kerja Jest biasanya digunakan untuk menulis kes ujian dan melakukan ujian automatik merujuk kepada perisian ujian menggunakan skrip, alat, dsb. Selenium dan ChromeDriver biasanya digunakan untuk menulis ujian; skrip dan menjalankan ujian. Saya harap artikel ini dapat membantu pembaca memahami ujian JavaScript.

Atas ialah kandungan terperinci Ketahui tentang ujian unit dan ujian automatik dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!