auth.account"); } catch (error) { switch (error.code) { case "E_USER_NOT_FOUND": session.withErrors([ { field: "username", message: "Username tidak ditemukan !", }, ]); break; case "E_PASSWORD_MISMATCH": session.withErrors([ { field: "password", message: "Password tidak benar !", }, ]); break; default: session.withErrors([ { field: "error", message: "Terjadi kesalahan pada sistem !", }, ]); break; } return response.route("auth.loginForm"); } } .... ```````````` Karena ini merupakan browser test maka akan dibutuhkan view untuk menampilkan simulasi halaman yang akan dieksekusi, pada hal ini saya akan melampirkan view pada file [login.edge](https://github.com/ambrizals/qa_adonis/blob/81cc37df51c321449b72976ae7c90db89c0a9145/resources/views/auth/login.edge) akan tetapi pada pengujian kesalahan masukkan kita hanya menguji dari sisi session sehingga anda dapat melewati bagian ini. ```````````` ... @if(flashMessage('notification'))

@endif ... ```````````` ### Membuat Pengujian Untuk menjalankan pengujian otomatis dengan menggunakan simulasi browser, anda perlu membuat file pengujian untuk menjalankan perintah - perintah apa saja yang akan di uji pada pengujian otomatis. Untuk membuat pengujian anda dapat menggunakan adonis cli dengan perintah ````````adonis make:test namapengujian```````` dan pilih functional test untuk menguji fungsionalitas aplikasi menggunakan simulasi browser. Sebelum melanjutkan pastikan anda telah memasang vow browser provider untuk melakukannya, setelah sudah maka buka pengujian tersebut dan secara default isi dari file tersebut adalah seperti ini ```````````` 'use strict' const { test } = use('Test/Suite')('Login') test('make sure 2 + 2 is 4', async ({ assert }) => { assert.equal(2 + 2, 4) }) ```````````` Karena pengujian dilakukan dengan melakukan simulasi browser maka akan dibutuhkan trait test/browser untuk melakukan pengujian, setelah trait ````test/browser```` telah dipanggil maka kita perlu memberikan parameter browser pada ````test()```` ```````````` 'use strict' const { test, trait } = use('Test/Suite')('Login') trait("Test/Browser"); test('Login form is correctly functionnal', async ({ browser }) => { assert.equal(2 + 2, 4) }) ```````````` Dalam pengujian simulasi browser kita perlu mendefinisikan pengujian dari tahap paling awal seperti : 1. Mengunjungi url untuk menampilkan halaman berisikan form login 2. Mengisi form tersebut dengan melakukan target ke input dengan nama yang sudah kita berikan pada kode HTML. 3. Menentukan status code 200 untuk menunjukkan bahwa form login telah berfungsi dengan baik. Pada tahap tersebut maka kita perlu menggunakan parameter ````browser```` untuk mengakses url yang telah kita tentukan, lalu menjalankan method ````type()```` untuk mengisi form dan method ````assertStatus()```` untuk mengharapkan status code yang akan diterima setelah proses pengisan form selesai. ```````````` .... test("Login form show error when username is not exists", async ({ browser, }) => { const userError = await browser.visit("/auth/login"); await userError .type('[name="username"]', "coba") .type('[name="password"]', "coba"); await userError.submitForm('form[name="loginForm"]'); await userError.assertHasIn("div.error-user", "Username tidak ditemukan !"); }); }); ```````````` Pada file pengujian tersebut anda dapat menjalankan pengujian dengan skenario yang berbeda - beda, sebagai contohnya saya ingin melakukan pengujian ketika login berhasil, login gagal karena username tidak ada dan login gagal karena password salah. ```````````` "use strict"; const { test, trait } = use("Test/Suite")("Login Form"); trait("Test/Browser"); test("Login form show error when username is not exists", async ({ browser, }) => { const userError = await browser.visit("/auth/login"); await userError .type('[name="username"]', "coba") .type('[name="password"]', "coba"); await userError.submitForm('form[name="loginForm"]'); await userError.assertHasIn("div.error-user", "Username tidak ditemukan !"); }); test("Login form show error when password is invalid", async ({ browser }) => { const passError = await browser.visit("/auth/login"); await passError .type('[name="username"]', "admin") .type('[name="password"]', "coba"); await passError.submitForm('form[name="loginForm"]'); await passError.assertHasIn("div.error-password", "Password tidak benar !"); }); test("Login form is correctly functionnal", async ({ browser }) => { const loginPass = await browser.visit("/auth/login"); await loginPass .type('[name="username"]', "admin") .type('[name="password"]', "radiohead4403"); await loginPass .submitForm('form[name="loginForm"]') .waitForNavigation() .assertPath("/auth"); }); ```````````` Anda akan mendapatkan pesan PASSED pada saat menjalankan ````````adonis test```````` jika pengujian yang dilakukan sudah berhasil dan sesuai dengan skenario yang telah anda buat. ![alt images](https://cbs.ambrizal.net/posts/Screenshot%20(112).png) ## Tujuan Dibuatnya Automated Test Masuk ke dalam sebuah kesimpulan sebenarnya tujuan dibuatnya automated test adalah mempercepat pengujian sistem berdasarkan skenario - skenario pengujian yang telah dibuat, dalam berbagai kasus pengujian ini penting dalam hal pengembangan aplikasi yang dibuat oleh sebuah kelompok ataupun tim. Secara langsung anda tidak perlu melakukan pengujian secara tradisional dengan membuka halaman satu - satu, karena dengan automated test skenario pengujian yang biasa anda gunakan akan dilakukan secara langsung. ## Contoh Penggunaan Sebagai bahan referensi dari tutorial ini anda dapat mengunjungi halaman dokumentasi adonis js atau melihat contoh implementasi pada akun repositori [qa_adonis](https://github.com/ambrizals/qa_adonis) pada commit [Automation Testing : Functional Test](https://github.com/ambrizals/qa_adonis/commit/81cc37df51c321449b72976ae7c90db89c0a9145). Referensi : [AdonisJS - Testing](https://adonisjs.com/docs/4.1/testing) Cover Images By : [Mobile vector created by stories - www.freepik.com](https://www.freepik.com/free-photos-vectors/mobile)

Adonis JS : Percepat Pengujian Dengan Automated Test