Apa itu Ujian Akhir Depan?
Front End Testing adalah teknik ujian di mana Graphical User Interface (GUI), fungsi dan kegunaan aplikasi web atau perisian diuji. Matlamat ujian akhir adalah menguji keseluruhan fungsi untuk memastikan lapisan penyampaian aplikasi web atau perisian bebas cacat dengan kemas kini berturut-turut.
Contohnya : Sekiranya anda memasukkan nama anda ke bahagian depan aplikasi, nombor tidak boleh diterima. Contoh lain ialah memeriksa penjajaran elemen GUI.
Selain daripada ini ujian Frontend dijalankan untuk:
- Uji Regresi CSS: Perubahan CSS kecil yang melanggar susun atur frontend
- Perubahan pada fail JS yang menjadikan frontend tidak berfungsi
- Pemeriksaan Prestasi
Dalam tutorial ini, kita akan belajar,
- Apa itu Ujian Frontend?
- Bagaimana Membuat Rancangan Pengujian Laman Web Frontend?
- Mengapa Membuat Pelan Ujian Frontend?
- Petua untuk Ujian Frontend yang Lebih Baik
- Alat Ujian Bahagian Depan
- Pengoptimuman Prestasi Bahagian Depan
- Alat Ujian Prestasi Bahagian Depan
Bagaimana Membuat Rancangan Pengujian Laman Web Frontend?
Membuat rancangan ujian Frontend adalah proses 4 langkah yang mudah.
Langkah 1) Cari alat untuk Mengurus Rancangan Ujian Anda
Langkah 2) Tentukan anggaran untuk Ujian Akhir
Langkah 3) Tetapkan garis masa untuk keseluruhan proses
Langkah 4) Tentukan keseluruhan skop projek. Skopnya merangkumi perkara berikut
- OS dan penyemak imbas yang digunakan oleh pengguna rancangan ISP khalayak anda
- Peranti popular yang digunakan oleh khalayak
- Kemahiran khalayak anda
- Kelajuan pembetulan internet penonton
Mengapa Membuat Pelan Ujian Frontend?
Pelan Ujian Frontend membantu anda menentukan
- Penyemak Imbas
- Sistem operasi
Projek anda perlu dilindungi. Terdapat kombinasi Penyemak Imbas dan OS yang tidak terkira banyaknya yang dapat anda uji pada bahagian depan anda. Mempunyai rancangan akan membantu anda mengurangkan usaha ujian dan wang.
Dengan membuat ujian frontend, rancang anda akan mendapat kelebihan berikut-
- Ini membantu anda mendapatkan kejelasan lengkap mengenai skop projek
- Melakukan ujian frontend juga memberi keyakinan dalam melaksanakan projek
Petua untuk Ujian Frontend yang Lebih Baik
Berikut adalah beberapa petua penting yang perlu anda ikuti untuk membuat rancangan ujian frontend yang lebih baik:
- Siapkan anggaran, sumber dan masa anda dengan bijak.
- Gunakan penyemak imbas tanpa kepala, jadi ujian dijalankan lebih cepat.
- Kurangkan jumlah rendering DOM dalam ujian untuk pelaksanaan yang lebih cepat.
- Isi kes kes, jadi punca pepijat ditentukan dengan cepat untuk kitaran memperbaiki kecacatan yang lebih cepat
- Gunakan skrip ujian anda yang dapat digunakan kembali untuk kitaran regresi yang lebih cepat.
- Anda harus menggunakan konvensyen penamaan yang konsisten untuk skrip ujian anda
Alat Ujian Bahagian Depan
Untuk menjalankan, pelbagai jenis fungsi terdapat banyak alat ujian Frontend yang berguna digunakan. Berikut adalah beberapa daripadanya:
Alat Ujian Merentas Penyemak Imbas:
1. Ujian Lambda
Membantu lebih daripada 100,000+ pengguna dalam setahun, LambdaTest telah menjadi platform Cross Browser Testing yang paling digemari. Pengguna dapat melakukan pengujian web automatik menggunakan grid Selenium berdasarkan awan yang dapat diskalakan, aman, dan boleh dipercayai pada kombinasi 2000+ penyemak imbas sebenar dan versi penyemak imbas untuk memaksimumkan liputan ujian anda.
Alat ujian JS:
2. Melur
Ini adalah kerangka pengembangan berdasarkan tingkah laku untuk menguji kod JavaScript. Alat ini lebih menumpukan pada nilai perniagaan daripada pada butiran teknikal. Ia mempunyai sintaks yang bersih yang membantu anda menulis ujian dengan mudah. Itu tidak bergantung pada kerangka kerja JavaScript yang lain. Ini sangat dipengaruhi oleh kerangka pengujian unit, seperti JSSpec, ScrewUnit, JSpec, dan RSpec.
Alat ujian berfungsi:
3. Selenium
Selenium adalah alat ujian frontend. Ia melakukan pengujian dari ujung ke ujung di pelbagai pelayar & platform seperti Windows, Mac, dan Linux. Ini membolehkan anda menulis ujian dalam bahasa pengaturcaraan yang berbeza seperti Java, PHP, C #, dan lain-lain. Alat ini menawarkan ciri rakaman dan main balik untuk menulis ujian tanpa perlu mempelajari Selenium IDE.
Alat CSS:
4. Jarum
Jarum adalah alat ujian Depan untuk menguji CSS. Ia memeriksa bahawa elemen visual seperti fon / CSS / gambar dibuat dengan betul dengan mengambil tangkapan skrin bahagian tertentu dari laman web anda. Selepas itu, alat ini membandingkan dengan beberapa tangkapan skrin yang terkenal. Ia juga membolehkan penguji mengira nilai CSS dan kedudukan elemen HTML.
Anda perlu sedar mengikuti dua cabaran utama untuk sebarang alat ujian frontend-
- Ujian Automasi memerlukan banyak usaha pada peringkat awal. Oleh itu, ia memerlukan lebih banyak masa dan usaha.
- Alat Uji mungkin mempunyai beberapa masalah keserasian dengan Sistem Operasi dan penyemak imbas.
Pengoptimuman Prestasi Bahagian Depan
Ujian prestasi bahagian depan memeriksa "Seberapa pantas halaman dimuat."
Mengoptimumkan prestasi front-end untuk satu pengguna adalah amalan yang baik sebelum menguji aplikasi dengan beban pengguna yang tinggi.
Mengapa Pengoptimuman Prestasi Bahagian Depan Penting?
Pengoptimuman prestasi sebelumnya bermaksud mengoptimumkan sisi pelayan. Ini kerana kebanyakan laman web kebanyakannya statik dan sebahagian besar pemprosesan dilakukan di sisi pelayan.
Namun, dengan permulaan teknologi Web 2.0, aplikasi web menjadi lebih dinamik. Akibatnya, kod sisi pelanggan telah menjadi babi prestasi.
Apakah Manfaat Pengoptimuman Prestasi Bahagian Depan?
- Dalam pengujian laman web, selain dari masalah pelayan, masalah prestasi pelanggan juga sama pentingnya kerana ia mempengaruhi pengalaman pengguna dengan mudah.
- Meningkatkan prestasi back-end sebanyak 50% akan meningkatkan keseluruhan prestasi aplikasi sebanyak 10%.
- Walau bagaimanapun, peningkatan prestasi front-end sebanyak 50% akan meningkatkan keseluruhan prestasi aplikasi sebanyak 40%.
- Lebih-lebih lagi, pengoptimuman prestasi front-end mudah dan jimat berbanding dengan back-end.
Alat Ujian Prestasi Bahagian Depan
Kelajuan Halaman
Kecepatan halaman adalah pengujian prestasi prestasi sumber terbuka yang dilancarkan oleh Google. Alat ini menilai laman web dan memberikan cadangan untuk meminimumkan masa memuatkan. Ini menjadikan pengambilan halaman web lebih cepat apabila pengguna mengakses halaman web menggunakan mesin pencari Google.
YSlow
YSlow adalah alat ujian prestasi web frontend. Ini menganalisis prestasi halaman web dengan memeriksa semua komponen di halaman, termasuk komponen yang dibuat dengan menggunakan JavaScript. Ini juga mengukur prestasi halaman dan memberikan cadangan kepada pengguna.
Kesimpulannya
- Ujian Front-end adalah menguji atau mengesahkan fungsi frontend, GUI, dan Kebolehgunaan.
- Tujuan utama ujian Frontend untuk memastikan bahawa setiap pengguna dilindungi dengan baik dari pepijat.
- Membuat rancangan ujian frontend membantu anda mengetahui peranti, penyemak imbas dan sistem yang perlu dilindungi oleh projek anda.
- Ia juga membantu anda mendapatkan kejelasan lengkap mengenai skop projek
- Jasmine, Selenium, Browser, TestComplete, Needle adalah beberapa contoh alat ujian Frontend.