# Windows Compiler UI Recorder Nasıl Çalışır?

UI Kaydedici aracı, aşağıda görüldüğü gibi iki panele bölünmüş sezgisel ve basit bir kullanıcı arabirimi sağlamayı amaçlar:

<figure><img src="https://25824184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVjKcqj5ygh8bCRgScOVh%2Fuploads%2F9rzA5K2dqtWn6coLd57x%2Fimage.png?alt=media&#x26;token=17df0d2b-49f2-4472-8627-bc223e21d574" alt=""><figcaption></figcaption></figure>

Bu araç normalde Microsoft tarafından sunulmakta olup tarafımızca herkesçe kullanılabilecek bir setup ile direk tıkla çalıştır halinde sunulmaktadır.\
\
**UI Recorder , bir UI eylemini**  temsil eden bir uygulama arayüzüne karşı hem klavye hem de fare etkileşimlerini izler . **Kayıt** etkin olduğunda **, her yeni kullanıcı arabirimi eylemi** gerçekleştiğinde hem üst hem de alt paneller değişen kullanıcı arabirimi öğesi bilgileriyle dinamik olarak güncellenir . Üst  **Panel** , seçili olan UI öğesinin  oluşturulan **XPath sorgusunu gösterir ve Alt Panel ,** aynı öğe için **ham XML bilgisini** gösterir . Bir WinAppDriver testinde kullanabileceğiniz, kaydedilen eylemin oluşturulan C# kodunu görüntülemek için alt paneldeki **C# Kodu sekmesine** gidebilirsiniz .

Aşağıdaki animasyon, kayıt işleminin bir örneğini sunar:

{% embed url="<https://blogs.windows.com/wp-content/uploads/mswbprod/sites/3/2018/06/8b93156b4ef2422ed50efd52096eef40.gif>" %}
How to use Ui Recorder
{% endembed %}

Kaydedilen kod panoya kopyalanabilir ve yeniden oynatılmak üzere WinAppDriver UI Recorder şablon projesine yapıştırılabilir.

## **Element Doğruluğu Nasıl Test Edilir?**

İhtiyaç duyduğunuz aktivite üzerindeki Element Picker ekranı element bulunduktan sonra `Test` butonu ile sizin elementinizin ekrandaki varlığını test eder. Birden fazla aynı uygulama açıksa aynı elementten 1 adetten fazla bulması olağan bir durumdur. Ayrıca dinamik ekranlar için Use kolonu altında çoktan seçmeli alanda istemediğiniz veya istediğiniz değerleri değiştirerek veya Value kısmına köşeli parantezle kendi değişkeninizi yazarak da dinamik elementler bulma işlemi yapabilirsiniz.

<figure><img src="https://25824184-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVjKcqj5ygh8bCRgScOVh%2Fuploads%2FokReeyZVU2rLDAUccOS1%2Fimage.png?alt=media&#x26;token=695407b2-b3c5-4372-b82a-5715bbc6fb40" alt=""><figcaption><p>Test Element</p></figcaption></figure>

`Clear` butonu ise bulunan elementle ilgili verileri temizleyecektir.