Nasıl yapılır: Test Altındaki Uygulama Kaydı Tarafından Kodlanmış UI Testi Oluşturma

Makale
08/01/2011

Kullanıcı arayüzü öğelerini kaydetmek kodlanmış UI testleri oluşturmanın etkili bir yoludur.

Test Altındaki Uygulama Kaydı Tarafından Kodlanmış UI Testi Üretme

Test altındaki uygulama kaydı tarafından kodlanmış UI testi üretmek için

Çözüm Gezgini'nde, test projesine sağ tıklatın, Ekle'ye gelin ve Kodlanmış UI Testi'ni tıklatın.

- veya -

Test Görünümü penceresinden pencerenin yüzeyini sağ tıklatın ve Yeni Test'i tıklatın. Yeni Test Ekle iletişim kutusunda, Kodlanmış UI Testi'ni tıklatın ve Tamam'ı tıklayın.

- veya -

Test menüsünden Yeni Test'i tıklatın. Yeni Test Ekle iletişim kutusunda, Kodlanmış UI Testi'ni tıklatın ve Tamam'ı tıklayın.

Yeni Test Projesi iletişim kutusu görüntülenir.
Kodlanmış UI testi işin yeni bir ad yazın ve Oluştur'a tıklatın.
Record actions, edit UI map or add assertions (Eylemleri kaydet, UI eşlemesini düzenle veya onay ekle)'yi tıklatın.

Coded UI Test Builder (Kodlanmış UI Testi) iletişim kutusu görüntülenir.
Kaydı başlatmak için, Kayıt simgesini tıklatın. Gerekiyorsa, uygulamayı başlatmayı da içererek uygulamanızdaki kaydetmek istediğiniz eylemleri gerçekleştirin.

Not

Microsoft Visual Studio 2010 Özellik Paketi 2'yi yükleyerek, bir Web sitesindeki veya Web tabanlı bir uygulamadaki UI eylemlerini kaydetmek için Windows Internet Explorer 7 (veya sonraki sürümleri) kullanabilir ve ardından Mozilla Firefox tarayıcısı sürüm 3.5 ya da 3.6'yı kullanarak testleri kayıttan yürütebilirsiniz. Özellik paketini karşıdan yüklemek için MSDN aboneliğiniz, Microsoft BizSpark veya MSDN Academic Alliance ile birlikte Visual Studio 2010 Ultimate, Visual Studio 2010 Premium veya Test Professional 2010 uygulamalarına sahip olmanız gerekir. Daha fazla bilgi için bkz. Recording Tests Using Windows Internet Explorer and Playing Back Using Mozilla Firefox ve Microsoft Visual Studio 2010 Feature Pack 2.
Eylemleri görüntülemek için, Kaydedilmiş Adımları Göster simgesini tıklatın.

Eylemler Kodlanmış UI testi Oluşturucu - Kaydedilmiş Eylemler iletişim kutusunda görüntülenir.

Not

Test altındaki uygulamanızı başlatmak için eylemleri kaydetmek istemiyorsanız, uygulamanızı Kayıt simgesine tıklatmadan önce başlatmanız gerekir.

Kaydı bitirmek için Kodu üret simgesini tıklatın. Yöntem adı içine kodlanmış UI testinizin adını yazın ve Ekle ve Üret'i tıklatın.

Girdiğiniz ad, örneğin, AddTwoNumbers ise, bu kodu aşağıdaki gibi oluşturur:

UI eşlemenize denetimler ekler (UIMap.uitest)

UI eşlemenize AddTwoNumbers adlı bir yöntem ekler. Yöntemi, UIMap.Designer.cs dosyasında görüntüleyebilirsiniz. Bu yöntem, testi çalıştırdığınızda kaydettiğiniz eylemleri gerçekleştirir.

public void AddTwoNumbers()
{
    #region Variable Declarations
    WinEdit textInput1Edit = 
        this.DemoCalculatorWindowWindow.InputNumber2Window.TextInput1Edit;
    WinEdit textInput2Edit = 
        this.DemoCalculatorWindowWindow.TextInput2Window.TextInput2Edit;
    WinButton addButton = 
        this.DemoCalculatorWindowWindow.AddWindow.AddButton;
    #endregion

    // Launch '%USERPROFILE%\Desktop\SimpleWinformsCalculator.exe'
    ApplicationUnderTest demoCalculatorWindowWindow = 
        ApplicationUnderTest.Launch(
            this.AddTwoNumbersParams.DemoCalculatorWindowWindowExePath,
            this.AddTwoNumbersParams.DemoCalculatorWindowWindowAlternateExePath);

    // Type '3' in 'textInput1' text box
    textInput1Edit.Text = 
        this.AddTwoNumbersParams.TextInput1EditText;

    // Type '4' in 'textInput2' text box
    textInput2Edit.Text = 
        this.AddTwoNumbersParams.TextInput2EditText;

    // Click 'Add' button
    Mouse.Click(addButton, new Point(83, 18));
}

AddTwoNumbers yönteminizi çağıran kodlanmış UI testi dosyanıza test yöntemi ekler

      [TestMethod]
      public void CodedUITestMethod1()
      {
          // To generate code for this test, select "Generate Code" 
          // from the shortcut menu and select one of the menu items.
          this.UIMap.AddTwoNumbers();
      }

Kaydedilmiş yöntem için bir ad seçtiğinizde, kaydettiğiniz eylemler için açıklayıcı bir ad seçin.

Kaydettiğiniz eylemler, tutmak istedikleriniz değilse, Kaydedilmiş Adımları Göster simgesini tıklatabilirsiniz. Tutmak istemediğiniz eylemleri seçin ve Sil simgesini tıklatın.
UI denetiminiz için onay eklemek üzere, artı simgesine tıklatın ve doğruluğunu kanıtlamak istediğiniz denetime sürükleyin.

Coded UI Test Builder - Add Assertions (Kodlanmış UI Testi Oluşturucu - Onay Ekle) iletişim kutusu görüntülenir.
UI eşlemesini görmek için, dikey çubuğa tıklatın.

Doğrulamak istediğiniz UI denetimi vurgulanmış olmalıdır.
Doğrulamak istediğiniz UI denetimi için özelliğe sağ tıklatın ve ardından Add Assertion (Onay Ekle)'ye gelin.

Add assertion (Onay Ekle) iletişim kutusu görüntülenir.
Onayınız için Karşılaştırıcı'yı seçin.
Comparison Value (Karşılaştırma değeri)'nin içine onayınız için bir değer yazın.
Onay eklemek için Tamam'ı tıklatın.
Testiniz için tüm onayları eklediğinizde, Coded UI Test Builder - Add Assertions (Kodlanmış UI Testi Oluşturucu - Onay Ekle) iletişim kutusunu kapatın.
Onaylamalarınızın kodunu üretmek için Kod Üret simgesini tıklatın.

Coded UI Test Builder - Generate Code (Kodlanmış UI Testi Oluşturucu - Kod Üret) iletişim kutusu görüntülenir.

Yöntem adı içine kodlanmış UI testinizin adını yazın ve Ekle ve Üret'i tıklatın.

Girdiğiniz ad, örneğin, AssertForAddTwoNumbers ise, bu kodu aşağıdaki gibi oluşturur:

UI eşlemenize AssertForAddTwoNumbers adlı bir yöntem ekler (UIMap.uitest). Yöntemi, UIMap.Designer.cs dosyasında görüntüleyebilirsiniz. Bu yöntem, eklediğiniz izin deyimlerini gerçekleştirir.

      public void AssertForAddTwoNumbers()
      {
          #region Variable Declarations
          WinEdit textAnswerEdit = 
              this.DemoCalculatorWindowWindow.AnswerWindow.TextAnswerEdit;
          #endregion

          // Verify that the 'textAnswer' text box's Text property 
          // is '40'
          Assert.AreEqual(
               this.AssertForAddTwoNumbersExpectedValues.TextAnswerEditText, 
              textAnswerEdit.Text);
      }

Kodlanmış UI test dosyanızda, izin yöntemine, test yöntemi için AssertForAddTwoNumbers çağrısı ekler.

      [TestMethod]
      public void CodedUITestMethod1()
      {
          // To generate code for this test, select "Generate Code" 
          // from the shortcut menu and select one of the menu items.
          this.UIMap.AddTwoNumbers();
          this.UIMap.AssertForAddTwoNumbers();
      }

Onay deyimlerinize sahip olan bir yöntem için isim seçtiğinizde, oluşturduğunuz onaylar için açıklayıcı bir isim seçin.

Kodlanmış UI Testi Oluşturucusunu kapatmak için Kapat simgesini tıklatın.
(İsteğe bağlı) Kodlanmış UI testi çalıştığında, uygulamanızı başlatmak üzere kod eklemek için, uygulamanızdaki başlangıç sıralaması için kayıt oluşturun ve yönteme kaydedin. Testinizin başlangıcında bu yöntemi çağırabilirsiniz.

Not

[TestInitialize] özniteliği tarafından tanımlanan, her test yönteminin başında kodu çalıştıran bir test başlatma yöntemi ekleyebilirsiniz. Örneğin, uygulamayı başlatmak için bu yöntem TestInitialize yönteminden çağrılabilir.
(İsteğe bağlı) Kodlanmış UI testi çalıştığında, uygulamanızı kapatmak üzere kod eklemek için, uygulamanızdaki kapanış sıralaması için kayıt oluşturun ve yönteme kaydedin.

Tarayıcı veya uygulamanızı kapatmazsanız, testiniz bittikten sonra açık kalır.

Not

[TestCleanup] özniteliği tarafından tanımlanan, her test yönteminin sonunda kodu çalıştıran temizleme yöntemi ekleyebilirsiniz. Örneğin, uygulamayı kapatmak için bu yöntem TestCleanup yönteminden çağrılabilir.
Testi çalıştırmak için, test yöntemine sağ tıklatın ve ardındanTestleri Çalıştır'a tıklayın. Kodlanmış UI testlerini çalıştırma hakkında daha fazla bilgi için, bkz. Otomatik Testleri Çalıştırma.

Not

Belirli bir veri ile kodlanmış UI testinizi oluşturduktan sonra, kodlanmış UI testinizi birkaç kez farklı koşullarda test etmek için farklı veri kümeleriyle çalıştırmak isteyebilirsiniz. Bunu yapmak için, veri tabanlı kodlanmış UI testi oluşturmak üzere kodlanmış UI testiniz için veri kaynağından parametreler ekleyebilirsiniz. Daha fazla bilgi için bkz. Nasıl yapılır: Verilerle Çalışan Kodlanmış UI Testi Oluşturma.

Artık ek denetimleri isteğe bağlı olarak ekleyebilir ve UI Test Oluşturucusu'nu kullanarak bu denetimleri doğrulayabilirsiniz. Daha fazla bilgi için bkz. Nasıl yapılır: Kodlanmış UI Test Oluşturucusunu Kullanarak UI Denetimleri ve Doğrulama Kodu Ekleme.

Not

Kodlu UI Test Düzenleyicisi kodlanmış UI testlerinizi kolaylıkla değiştirmenizi sağlar. Kodlanmış UI Test Düzenleyicisi kullanarak test yöntemlerinizi bulabilir, görüntüleyebilir ve düzenleyebilirsiniz. Ayrıca UI eylemlerini ve bu eylemlerin UI denetim eşlemesindeki ilişkili denetimlerini düzenleyebilirsiniz. Kodlu UI Test Düzenleyicisi Microsoft Visual Studio 2010 Feature Pack 2'ye dahil edilmiştir. Özellik paketini karşıdan yüklemek için MSDN aboneliğiniz, Microsoft BizSpark veya MSDN Academic Alliance ile birlikte Visual Studio 2010 Ultimate, Visual Studio 2010 Premium veya Test Professional 2010 uygulamalarına sahip olmanız gerekir. Daha fazla bilgi için bkz. Editing Coded UI Tests Using the Coded UI Test Editor ve Microsoft Visual Studio 2010 Feature Pack 2.

Ayrıca bkz.

Değişiklik Geçmişi

Tarih	Geçmiş	Nedeni
Aralık 2010	Yeni kodlanmış UI testleri oluşturmak için bir seçenek olan Test Listesi penceresi kaldırıldı.	Aşağıdaki belirteçlerden biriyle değiştirin: Müşteri geribildirimi.

Aralık 2010

Yeni kodlanmış UI testleri oluşturmak için bir seçenek olan Test Listesi penceresi kaldırıldı.

Aşağıdaki belirteçlerden biriyle değiştirin:

Müşteri geribildirimi.

Aracılığıyla paylaş

Nasıl yapılır: Test Altındaki Uygulama Kaydı Tarafından Kodlanmış UI Testi Oluşturma

Test Altındaki Uygulama Kaydı Tarafından Kodlanmış UI Testi Üretme

Test altındaki uygulama kaydı tarafından kodlanmış UI testi üretmek için

Ayrıca bkz.

Görevler

Başvuru

Kavramlar

Diğer Kaynaklar

Değişiklik Geçmişi

Ek kaynaklar