Programmer's Diary

Sebuah diary mahasiswa Teknik Informatika.

Archive for the ‘Visual Studio’ Category

Coded UI Test With Assertion pada Visual Studio 2010

Posted by Alexander Rahardjo on June 3, 2010

Setelah mencoba tutorial sebelumnya yaitu Coded UI Test pada Visual Studio 2010, sampai pada tahap tersebut yang dilakukan oleh Visual Studio 2010 hanyalah merekam langkah-langkah yang dilakukan. Bagaimana jika anda ingin melakukan pengujian akan output dari aplikasi?

Sekarang saatnya saya mencoba memberikan tambahan testing pada GUI test yaitu Coded UI Test With Assertion

Untuk melakukan testing ini saya menggunakan aplikasi yang sama dengan pada tutorial sebelumnya 🙂

Berikut adalah langkah-langkahnya:

1. Setelah melakukan testing Coded UI pada Coded UI Test pada Visual Studio 2010 kemudian masuk ke menu Test kemudian pilih Generate Code for Coded UI Test > Use Coded UI Test Builder.

2.  Setelah itu akan muncul windows di sebelah kanan anda untuk melakukan test GUI

3. Kemudian jalankan IE 8

4. Buka aplikasi, dalam hal ini saya melakukan uji coba terhadap Login Administrator

5. Setelah melakukan Login akan muncul halaman baru

6. Klik kiri tahan dengan mouse anda Assertion pada Window UIMap – Coded UI Test Builder

7. Arahkan pointer mouse anda ke hasil yang ingin dibandingkan kemudian lepaskan klik, dalam hal ini saya membandingkan dari isi halaman

8. Kemudian akan muncul jendela properti dan tambahkan properti pengecekan dengan mengklik tombol “Add Assertion” setelah anda memilih properti mana yang akan diberi Assertion, dalam hal ini saya memilih “IsNotNull” lalu klik OK

9. Lalu klik tombol paling kanan/generate code/ALT+G dan isikan nama method anda dan klik tombol Add and Generate

10. Kemudian secara otomatis Visual Studio 2010 akan melakukan generate program untuk assert test UI

11. Setelah itu, karena akan melakukan testing terhadap halaman Login, maka halaman tersebut harus diakses secara otomatis oleh sistem oleh karena itu diperlukan adanya test gabungan antara GUI test yang pada tahap awal dengan assert GUI test ini. Caranya memanggil method assert tadi ketika dilakukan GUI test atau cara yang paling mudah yaitu dengan menyalin code dari method assert anda ke dalam method GUI test yang ada pada tahap awal tujuannya agar pada saat test dijalankan kedua test ini akan berjalan

12. Lalu untuk melakukan test anda cukup klik kanan pada method yang baru digenerate oleh Visual Studio 2010 tersebut lalu pilih Run Tests

13. Proses GUI Testing dan GUI Assert Testing akan terlaksana secara otomatis (jangan menyentuh keyboard atau mouse karena akan mengganggu proses testing  :))

14. Apabila proses testing berjalan dengan baik maka akan keluar tanda passed pada Test Result di Visual Studio anda

15. Apabila Anda ingin melakukan test lagi maka anda perlu masuk ke menu Test kemudian pilih Generate Code for Coded UI Test > Use Coded UI Test Builder

Demikian tutorial dari saya mengenai Coded UI Test With Assertion pada Visual Studio 2010

Selamat mencoba 🙂

Posted in Microsoft, Tutorial, Verifikasi Validasi, Visual Studio | Tagged: , , , , | 1 Comment »

Coded UI Test pada Visual Studio 2010

Posted by Alexander Rahardjo on June 3, 2010

Setelah saya menjelaskan mengenai salah satu fitur baru pada Visual Studio 2010 pada artikel sebelumnya Generate Sequence Diagram from Visual Studio 2010. Selanjutnya pada kesempatan kali ini saya akan mengenalkan sebuah fitur baru yang dimiliki oleh Visual Studio 2010 yang tentunya belum dimiliki oleh versi sebelumnya :).


Fitur yang satu ini cukup menarik yaitu Coded UI Test yang digunakan untuk GUI Test, dimana tester dimudahkan untuk melakukan testing GUI pada suatu perangkat lunak.
Pada kesempatan kali ini saya akan memberikan tutorial untuk menggunakan fitur baru tersebut. Adapun perangkat lunak yang saya gunakan di sini adalah ASP.NET MVC 2, Visual Studio 2010, dan Windows XP SP 3.

Berikut adalah tutorialnya:
1. Buka perangkat lunak anda pada Visual Studio 2010
2. Pilih menu Test, lalu new test

3. Lalu akan keluar sebuah windows dimana anda harus memilih Coded UI Test dan isikan nama test anda, dalam tutorial ini saya mengisikan AdminUITest, lalu klik OK

4. Apabila anda belum memiliki project test maka akan keluar windows untuk new project, dalam tutorial ini saya mengisikan MvcMusicStoreUI.Tests, lalu klik OK


5. Setelah itu akan muncul windows baru lagi, dimana anda harus memilih option yang atas Record actions, edit UI map or add assertions, lalu klik OK

6. Setelah itu akan muncul windows di sebelah kanan anda untuk melakukan test GUI
fungsi dari windows di atas antara lain:



Record : berguna jika anda ingin mulai merekan aktivitas testing.



Show Recorded Steps : untuk menunjukkan langkah-langkah mana saja yang telah dieksekusi.



Assertion : untuk menambahkan asersi/ pengencekan terhapa output dari aplikasi yang sedang ditest.



Generate Code : untuk menerjemahkan kode hasil rekaman tadi




7. Lalu klik tombol paling kiri/start recording/ALT+R


8. Karena saya menggunakan ASP.NET maka saya menggunakan Internet Explorer 8 ( IE 8 ) untuk melakukan GUI testing ini

9. Setelah itu jalankan IE 8 dan lakukan yang anda ingin testing (dalam tutorial ini saya melakukan testing terhadap GUI Admin, dengan melakukan masukan username dan password)

10. Visual Studio 2010 akan secara otomatis melakukan record perilaku anda terhadap GUI yang anda test

11. Setelah selesai melakukan testing klik tombol paling kiri/pause recording/ALT+P

12. Dan anda dapat melihat hasil/step yang anda lakukan pada testing tadi dengan mengklik tombol Show Recorded Steps/ALT+S

13. Lalu klik tombol paling kanan/generate code/ALT+G dan isikan nama method anda dan klik tombol Add and Generate

14. Kemudian secara otomatis Visual Studio 2010 akan melakukan generate program untuk test UI

15. Sebelum melakukan test jangan lupa untuk menutup program yang dijalankan tadi


16. Lalu untuk melakukan test anda cukup klik kanan pada method yang baru digenerate oleh Visual Studio 2010 tersebut lalu pilih Run Tests

17. Proses GUI Testing akan terlaksana secara otomatis (jangan menyentuh keyboard atau mouse karena akan mengganggu proses testing :))

18. Apabila proses testing berjalan dengan baik maka akan keluar tanda passed pada Test Result di Visual Studio anda

19. Apabila Anda ingin melakukan test lagi maka anda perlu masuk ke menu Test kemudian pilih Generate Code for Coded UI Test > Use Coded UI Test Builder


Demikian tutorial dari saya mengenai Coded UI Test pada Visual Studio 2010
Selamat mencoba 🙂

Posted in Microsoft, Tutorial, Verifikasi Validasi, Visual Studio | Tagged: , , , , , | 2 Comments »

Unit Testing ASP.NET MVC 2 dengan Visual Studio 2010 – Part 2

Posted by Alexander Rahardjo on June 3, 2010

Pada kesempatan kali ini saya akan memaparkan mengenai Unit Testing pada Visual Studio 2010 yang berjalan pada OS Windows XP SP 3

Pada Unit Testing pertama-tama anda harus mempersiapkan aplikasi anda yang akan ditesting berikut dengan dokumen-dokumennya seperti usecase dan sequence diagram serta Test Skenario nya dimana yang telah saya paparkan pada artikel sebelumnya dan anda juga dapat dengan mudah melakukan generate sequence diagram seperti pada tutorial sebelumnya

Dalam tutorial ini saya menggunakan aplikasi ASP.NET MVC 2. Framework ASP.NET MVC sendiri telah dirancang agar mudah digunakan dengan objek mock yang diperlukan dalam unit testing tertentu. Mock adalah objek-objek yang sengaja diciptakan untuk meniru objek yang sesungguhnya, namun jauh lebih sederhana dan bisa dikondisikan dengan konteks test  unit tertentu. Objek-objek yang sering di-mock dalam sebuah program web diantaranya adalah HTTP Context, HTTP Request, dan HTTP Response. Oleh karena itu anda membutuhkan library Moq untuk keperluan pembuatan mocking terhadap objek. Library Moq versi terbaru bisa di-download dari alamat berikut ini: http://code.google.com/p/moq/ dan anda juga membutuhkan MvcMockHelpers yang dapat anda lihat di sini atau ini. Selanjutnya buka aplikasi anda 🙂

Langkah-langkahnya adalah sebagai berikut:

1. Buka project ASP.NET MVC 2 anda pada Visual Studio 2010

2. Pilih menu Test, lalu new test

3. Lalu akan keluar sebuah windows dimana anda harus memilih Unit Test Wizard dan isikan nama project test anda, dalam tutorial ini saya mengisikan MvcMusicStore.Tests, lalu klik Create

4. Setelah itu akan muncul windows lagi dimana anda harus memilih method pada project anda yang akan anda test, pada tutorial ini saya akan mengetes method LogOn() yang digunakan untuk Login, lalu klik OK

5. Kemudian secara otomatis Visual Studio 2010 akan melakukan generate pada program test anda.

6. Namun karena kita akan melakukan testing terhadap ASP.NET MVC 2, maka kita tidak akan bisa menggunakan code dasar yang di-generate oleh Visual Studio 2010. Yang anda harus lakukan adalah memberikan code sebagai berikut pada method tersebut:

            // Setup
            var formsAuthenticationMock = new Mock<IFormsAuthenticationService>();
            var membershipProviderMock = new Mock<IMembershipService>();

            AccountController target = new AccountController(formsAuthenticationMock.Object, membershipProviderMock.Object);
            target.SetFakeControllerContext();

            // Execute
            ViewResult result = target.LogOn() as ViewResult;

            // Verify
            ViewDataDictionary viewData = result.ViewData;
            Assert.AreEqual("LoginGet", viewData["Title"]);
            Assert.AreEqual(1, viewData.Count);

7. Setelah itu jangan lupa anda perlu menghapus code bagian ini pada method tersebut, karena testing akan berjalan bukan pada browser.

        [HostType("ASP.NET")]
        [AspNetDevelopmentServerHost("C:\\Documents and Settings\\Alexander Rahardjo\\Desktop\\Verval_MusicStoreMVC\\tutorial\\2\\Source\\MvcMusicStore", "/")]
        [UrlToTest("http://localhost:1397/")]

8. Maka secara keseluruhan code anda akan menjadi seperti ini

        [TestMethod()]
        public void LogOnTest()
        {
            // Setup
            var formsAuthenticationMock = new Mock<IFormsAuthenticationService>();
            var membershipProviderMock = new Mock<IMembershipService>();

            AccountController target = new AccountController(formsAuthenticationMock.Object, membershipProviderMock.Object);
            target.SetFakeControllerContext();

            // Execute
            ViewResult result = target.LogOn() as ViewResult;

            // Verify
            ViewDataDictionary viewData = result.ViewData;
            Assert.AreEqual("LoginGet", viewData["Title"]);
            Assert.AreEqual(1, viewData.Count);
        }

9. Lalu setelah ini anda perlu melakukan klik kanan pada method yang akan di tes tadi dan pilih Run Tests

10. Dan berikut adalah hasilnya pada Test Results

11. Setelah itu pada tutorial ini saya mengetes 2 method LogOn() yang awalnya saya test adalah LogOn() untuk GET dan sekarang akan saya test LogOn() untuk POST

12. Dan berikut adalah contoh code untuk LogOn() POST:

        [TestMethod()]
        public void LogOnTest2()
        {
            //AccountController target = new AccountController(); // TODO: Initialize to an appropriate value
            //ActionResult expected = null; // TODO: Initialize to an appropriate value
            //ActionResult actual;
            //actual = target.LogOff();
            //Assert.AreEqual(expected, actual);
            //Assert.Inconclusive("Verify the correctness of this test method.");

            // Setup
            var formsAuthenticationMock = new Mock<IFormsAuthenticationService>();
            var membershipProviderMock = new Mock<IMembershipService>();

            string username = "Administrator";
            string password = "password123";
            string returnUrl = "StoreManager";
            bool rememberMe = false;

            LogOnModel model = new LogOnModel();
            model.UserName = username;
            model.Password = password;
            model.RememberMe = rememberMe;

            formsAuthenticationMock.Expect(f => f.SignIn(username, rememberMe));

            AccountController target = new AccountController(formsAuthenticationMock.Object, membershipProviderMock.Object);
            target.SetFakeControllerContext();
            target.HttpContext.Request.SetHttpMethodResult("POST");

            //// Execute
            //RedirectToRouteResult result = target.LogOn(model,returnUrl) as RedirectToRouteResult;

            // Execute
            ViewResult result = target.LogOn(model, returnUrl) as ViewResult;
            membershipProviderMock
                .Expect(m => m.ValidateUser(username, password))
                .Returns(true);

            // Verify
            ViewDataDictionary viewData = result.ViewData;
            Assert.AreEqual("LoginPost", viewData["Title"]);
            Assert.AreEqual(1, viewData.Count);
        }

13. Lakukan Run Test lagi dan berikut adalah hasilnya pada Test Results

14. Anda juga dapat menjalankan 2 test tadi sekaligus, caranya adalah dengan pilih menu Tests–>Windows–>Test List Editor

15. Setelah itu akan keluar windows seperti di bawah ini:Anda hanya perlu memilih test mana yang akan anda jalankan, dalam tutorial ini saya menjalankan LogOnTest() dan LogOnTest2()

16. Setelah itu anda perlu mengklik tombol Run Checked Tests pada ujung kiri

17. Dan berikut adalah hasilnya pada Test Results

Demikian tutorial dari saya mengenai Unit Test menggunakan Visual Studio 2010.

Selamat mencoba 🙂

Dan untuk testing berikutnya yaitu GUI Testing akan saya paparkan pada artikel berikutnya. GUI Testing akan menggunakan sebuah fitur baru pada Visual Studio 2010 🙂


Posted in Microsoft, Tutorial, Verifikasi Validasi, Visual Studio | Tagged: , , , , | 1 Comment »

Generate Sequence Diagram pada Visual Studio 2010

Posted by Alexander Rahardjo on June 3, 2010

Visual Studio 2010 dilengkapi dengan sebuah fitur baru yang tidak ada pada versi pendahulunya. Pada kali ini saya akan menunjukkan fitur baru tersebut. Sesuai dengan judul artikel ini dapat anda ketahui bahwa fitur baru pada Visual Studio 2010 ini adalah dapat membuat sequence diagram dengan cukup klik pada method yang anda ingin dibuat sequence diagram, maka Visual Studio 2010 ini akan melakukan generate secara otomatis sequence diagram dari method anda tersebut. Hal ini akan sangat membantu kita dalam melakukan testing software dimana testing software dibutuhkan suatu sequence diagram seperti yang telah saya jelaskan pada artikel ini

Pada tutorial kali ini saya menggunakan aplikasi ASP.NET MVC 2 dengan tools Visual Studio 2010 yang saya jalankan pada Sistem Operasi Windows XP SP 3

Berikut akan saya tunjukkan caranya 🙂

1. Berikut adalah method yang akan saya generate sequence diagramnya

2. Setelah itu cukup melakukan klik kanan dengan mouse pada method tersebut dalam contoh ini adalah method Create() lalu pilih Generate Sequence Diagram.


3. Berikutnya akan keluar sebuah windows seperti di bawah ini.

4. Anda dapat melakukan setting pada windows tersebut. Lalu klik OK pada windows tersebut.

5. Lalu akan muncul proses generate sequence diagram dari Visual Studio 2010.

6. Setelah itu pada akhirnya sequence diagram terbentuk tampak seperti gambar di bawah ini 🙂

7. Selanjutnya anda dapat menyimpan sequence diagram tersebut. 🙂

Selamat mencoba 🙂

Posted in Microsoft, Tutorial, Verifikasi Validasi, Visual Studio | Tagged: , , , | 8 Comments »

Unit Testing ASP.NET MVC 2 dengan Visual Studio 2010 – Part 1

Posted by Alexander Rahardjo on June 3, 2010

Pada tulisan kali ini saya akan menjelaskan terlebih dahulu mengenai Unit Testing 🙂

Apa itu Unit Testing?
Unit Testing adalah sebuah kode yang ditulis oleh developer, yang digunakan untuk menguji bagian kecil/area spesifik dari suatu fungsionalitas dari kode yang akan ditest.
Unit testing dilakukan untuk membuktikan apakah kode yang telah ditulis berfungsi sesuai dengan kehendak programmer.

Mengapa Unit Testing?
Secara implisit, unit testing akan membuat hidup seorang programmer menjadi lebih “mudah”.
Apalagi dengan menggunakan Visual Studio 2010 cukup dengan melakukan generate code untuk testing, Unit Testing pun dapat dilakukan.
Unit testing akan memperbaiki design code dan mengurangi waktu yang digunakan untuk debugging secara drastis.
Building house of cards, adalah perumpamaan yang tepat untuk menggambarkan proses coding tanpa testing. Karena bila pondasi/dasar dari bangunan tersebut labil, maka bagian-bagian yang dibangun diatasnya juga akan terpengaruh dan akhirnya runtuh.
Perubahan kecil pada suatu modul/unit akan merambat hingga ke level yang lebih tinggi, yang tentunya juga membutuhkan perbaikan. Oleh karena itu, perubahan pada level dasar harus ditest sebelum mempengaruhi level yg lebih tinggi.

Siapa yang melakukan Unit Testing?
Unit testing dilakukan oleh programmer yang menuliskan suatu modul/unit tertentu.
Test code tidak akan dikirimkan ke user, jadi hanya production code (kode yang digunakan dalam program utama) yang di-deliver ke user.

Kapan dilakukan Unit Testing?
Unit testing dilakukan setelah programmer selesai menuliskan suatu kode/fungsi/method yang ada dalam suatu class.
Dapat juga dilakukan setelah menambahkan sebuah fungsionalitas baru atau setelah melakukan refactoring.

Bagaimana cara melakukan Unit Testing?
Unit testing membutuhkan suatu tools yang spesifik untuk tiap-tiap bahasa pemrograman. Dan tools tersebut terpisah dengan bahasa pemrograman. Beberapa contoh tools yang digunakan pada unit testing :

  • CUnit : digunakan untuk bahasa C
  • JUnit : digunakan untuk bahasa Java
  • VBUnit : digunakan untuk bahasa Basic
  • NUnit : digunakan untuk bahasa C# (baca: c-sharp)
  • PHPUnit : digunakan untuk bahasa PHP

Dan pada seri tutorial ini saya menggunakan tools NUnit pada Visual Studio 2010 dan aplikasi yang saya testing adalah ASP.NET MVC 2 🙂

Posted in Microsoft, Tutorial, Verifikasi Validasi, Visual Studio | Tagged: , , , | 1 Comment »

 
%d bloggers like this: