Pengujian ujung ke ujung dengan Angular

Pengujian end-to-end adalah komponen penting dalam mengembangkan aplikasi perangkat lunak apa pun. Ini memastikan bahwa aplikasi Anda berfungsi seperti yang diharapkan dalam berbagai kondisi dan skenario. Pengujian end-to-end sangat penting saat Anda mengembangkan aplikasi yang kompleks, seperti yang dibuat dengan Angular. kita akan menjelajahi cara melakukan pengujian end-to-end dengan Angular dan alat apa yang dapat Anda gunakan untuk tugas tersebut. Kami juga akan membahas mengapa layanan pengujian perangkat lunak independen end-to-end sangat penting dan bagaimana hal itu dapat menghemat waktu dan uang Anda dalam jangka panjang.

Apa itu pengujian ujung ke ujung?

Pengujian end-to-end adalah metodologi yang digunakan untuk menguji aplikasi dari awal hingga akhir. Tujuan pengujian end-to-end adalah untuk memastikan bahwa aplikasi berperilaku seperti yang diharapkan dalam semua skenario.

Pengujian end-to-end dengan angular dapat dilakukan menggunakan berbagai alat, seperti busur derajat, webdriverIO, dan Selenium. Alat-alat ini memungkinkan Anda mengotomatiskan pengujian dan menjalankannya di browser asli.

Angular adalah kerangka kerja populer untuk membangun aplikasi web. Pengujian end-to-end dengan Angular memungkinkan Anda menguji aplikasi Anda dalam skenario dunia nyata. Jenis pengujian ini penting karena dapat menangkap kesalahan yang mungkin tidak dapat ditangkap oleh pengujian unit.

Mengapa menggunakan sudut untuk pengujian ujung ke ujung?

Pengujian end-to-end adalah bagian penting dari proses pengembangan perangkat lunak. Ini memungkinkan Anda untuk menguji aplikasi Anda dari awal hingga akhir, memastikan bahwa semua fungsionalitas berfungsi seperti yang diharapkan. Sudut adalah alat yang ampuh yang dapat membantu Anda mengotomatiskan pengujian end-to-end. Berikut adalah beberapa manfaat menggunakan angular untuk pengujian end-to-end:

1. Angular memudahkan pembuatan pengujian yang dapat diulang dan konsisten.

2. Ini menyediakan banyak fungsionalitas bawaan yang membuat pengujian end-to-end lebih mudah, seperti injeksi ketergantungan dan pengikatan data.

3. Angular adalah kerangka kerja populer dengan komunitas besar pengembang yang dapat menawarkan dukungan dan saran.

4. Ada banyak alat sumber terbuka yang tersedia untuk mengotomatiskan pengujian ujung ke ujung dengan sudut.

Menyiapkan lingkungan Anda untuk pengujian end-to-end dengan sudut

Dengan asumsi Anda telah menginstal Angular CLI, mari buat proyek baru:

aplikasi saya yang baru

Ini akan menghasilkan direktori baru bernama my-app dengan semua file dan dependensi yang diperlukan untuk menjalankan aplikasi Angular.

Selanjutnya, kita perlu menginstal Protractor. Ini dapat dilakukan dengan menggunakan npm:

cd my-app

npm install -g busur derajat

pembaruan web driver-manager –standalone false –gecko false

Pengelola driver web adalah alat pembantu untuk dengan mudah menjalankan instance Server Selenium. Perintah di atas akan mengunduh binari yang diperlukan ke lingkungan lokal Anda.

Sekarang setelah semuanya terinstal, kita dapat mulai menulis pengujian kita. Buat file baru di root proyek bernama e2e.ts

Menulis tes end-to-end pertama Anda

Saat menulis tes end-to-end pertama Anda, ada beberapa hal yang perlu diingat. Pertama, Anda ingin memastikan bahwa pengujian Anda mencakup semua fungsionalitas aplikasi Anda. Kedua, Anda ingin menulis tes dengan cara yang mudah dipahami dan dipelihara. Terakhir, Anda ingin menjalankan pengujian terhadap browser asli untuk memastikan semuanya berfungsi seperti yang diharapkan.

Dengan mempertimbangkan hal-hal tersebut, mari kita lihat cara menulis tes end-to-end pertama Anda. Kami akan menggunakan alat Angular CLI untuk membuat pengujian kami dan akan menguji fungsionalitas login aplikasi kami.

Untuk memulai, kita perlu menginstal alat Angular CLI. Anda dapat melakukan ini dengan menjalankan perintah berikut:

npm install -g @angular/cli

Pertama, Anda harus mengimpor modul yang relevan dari @angular/testing. Dalam file uji end-to-end Anda, ini akan terlihat seperti ini:

impor { TestBed } dari '@angular/core/testing';

impor { BrowserModule } dari '@angular/platform-browser';

impor { NgModule } dari '@angular/core';

import { AppComponent } from './app.component';

impor {LoginComponent} dari './login/login.component';

Selanjutnya, Anda perlu mengonfigurasi modul pengujian Anda. Di sinilah Anda akan memberi tahu Angular komponen apa yang digunakan dalam pengujian Anda dan di mana menemukannya.

Men-debug tes ujung ke ujung

Saat menjalankan pengujian end-to-end, terkadang perlu melakukan debug pada pengujian itu sendiri. Hal ini dapat dilakukan dengan beberapa cara, tergantung pada test runner yang digunakan.

Jika menggunakan Protractor, Anda dapat menggunakan perintah browser.pause() untuk menjeda eksekusi pengujian kapan saja. Ini akan membuka konsol debugging di browser, memungkinkan Anda untuk memeriksa status aplikasi dan melanjutkan eksekusi jika sudah siap.

Jika menggunakan Jasmine, Anda dapat menggunakan debugger; pernyataan dalam kode Anda untuk membobol debugger pada saat itu. Ini akan memungkinkan Anda menelusuri kode dan memeriksa variabel sesuai kebutuhan.

Dimungkinkan juga untuk men-debug pengujian dari jarak jauh, dengan menghubungkan klien debug ke proses runner pengujian. Hal ini sering berguna saat menjalankan pengujian di lingkungan CI/CD, di mana browser tidak dapat diakses secara langsung.

Pengujian end-to-end adalah cara yang bagus untuk mendeteksi bug sejak awal dalam proses pengembangan. Ini juga merupakan cara yang baik untuk merasakan bagaimana aplikasi Anda akan bekerja di dunia nyata.

Alat pengujian end-to-end Angular memudahkan untuk menulis dan menjalankan pengujian untuk aplikasi Angular Anda. Dalam postingan blog ini, kami akan menunjukkan kepada Anda cara menyiapkan dan menjalankan pengujian end-to-end untuk aplikasi Angular Anda menggunakan alat Protractor.

Busur derajat adalah kerangka pengujian end-to-end untuk aplikasi Angular. Ini adalah program anoda.js yang menjalankan pengujian Anda terhadap aplikasi Anda yang berjalan di browser sebenarnya.

Kesimpulan

Singkatnya, pengujian end-to-end dengan sudut adalah cara yang efektif untuk menguji aplikasi Anda secara menyeluruh dan memastikan kualitasnya sebelum merilisnya. Dengan membuat pengujian yang mensimulasikan interaksi pengguna seperti mengklik, menekan tombol, dan memasukkan teks, Anda dapat dengan mudah mendeteksi dan memecahkan masalah kekurangan pada perangkat lunak. Selain itu, pengujian end-to-end dengan angular memungkinkan kontrol yang lebih besar atas keseluruhan sistem dengan memberi Anda akses ke semua komponen aplikasi. Dengan pengetahuan ini, Anda pasti akan membuat produk web atau seluler yang sukses.

BIO penulis

Santosh adalah pengembang front-end yang bersemangat dari perusahaan pengembangan sudut terkemuka di India. Saat ini bekerja dengan Devstringx Technologies sebagai Front-End Team Lead. Dengan pengalaman satu dekade dalam pengembangan. Dia memegang 8+ tahun pengalaman. Dia sangat menganjurkan keragaman dan inklusi. Dia memiliki pengalaman hebat dengan berbagai jenis pengembangan seperti Bootstrap, Vuejs, Angular, dan React Development. Dia suka menjelajahi alat dan teknologi baru dan berbagi pengalamannya dengan menulis blog.