# Creating Element Repository Manually

In many projects, the user interface (UI) is built in stages, and not all screens or components are available during early test design activities. To avoid delays, expected UI elements can be defined early by adding them manually to the element repository.&#x20;

Use manual element creation when application elements are not yet available for capture or when you want to define element details before the user interface is ready. This feature lets you add expected application objects directly to the element repository so that test design and repository preparation can continue independently of application readiness. After the actual interface becomes available, you can update or map these manually created elements to capture application objects.&#x20;

## Key Benefits&#x20;

* Enables Shift-Left Testing&#x20;
* Parallel Test Development&#x20;
* Faster Go-to-Market&#x20;
* Effortless Maintenance&#x20;
* Higher Sprint Productivity&#x20;
* TDD-Test Driven Development&#x20;

## Creating Elements Manually

Creating elements manually helps to define expected UI components before the actual interface is available. This allows test design to continue in parallel with development, ensuring faster readiness when the interface becomes accessible.

To create an element manually, perform the following actions:

1. On the **Home** page, under **Projects**, select the required **Project**.&#x20;
2. ​Select **Design Studio**.
3. In the **Element Repository** page, locate the **Create Folder** (**+**) icon.

<figure><img src="https://2174257472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk8QZzXZMIJSStKAzDSTu%2Fuploads%2FO8rLUkAOqDKVBl1HE8yQ%2Funknown.png?alt=media&#x26;token=b62c6f03-e2a0-47ae-86f3-6222b51b468b" alt=""><figcaption></figcaption></figure>

4. Select **Create Folder** (**+**) icon, and then select **Create main folder** to create a new element repository folder. A new folder is created.

{% hint style="info" %}
**Note**: To create a new parent folder in the **Element Repository**, select the workspace (blank space), and select the **Create Folder** (**+**) icon.
{% endhint %}

<figure><img src="https://2174257472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk8QZzXZMIJSStKAzDSTu%2Fuploads%2FdodiHp4cet5rH4VI9D6d%2Funknown.png?alt=media&#x26;token=8d921251-f1f8-494d-b4bd-16e14e613bb9" alt=""><figcaption></figcaption></figure>

5. In the **New Folder** text box, enter the element repository folder name.&#x20;
6. In the newly created folder, select the **Ellipsis** (**...**) icon next to the repository name, and then select **Create Repository** > **Web** to create the element repository.&#x20;

{% hint style="info" %}
**Note**: You can manually create elements only for Web and Desktop applications in Avo Assure. &#x20;
{% endhint %}

7. Select the **Create Manually** button to create elements manually. The **Create Element** dialog appears.&#x20;

<figure><img src="https://2174257472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk8QZzXZMIJSStKAzDSTu%2Fuploads%2Fyx5Dd7SzG1pR8rBQAd8G%2Funknown.png?alt=media&#x26;token=9ad0a006-22a2-4afa-b7ca-68f73554feab" alt=""><figcaption></figcaption></figure>

8. In the **Create Element** dialog, enter the **Element Name** that you want to capture from the application under test.&#x20;
9. Select the **Element Type** from the dropdown list.&#x20;

{% hint style="info" %}
**Note**: **Element Name** and **Select Element Type** are mandatory details. All other element attributes are optional and can be added as required. &#x20;
{% endhint %}

10. Select **Submit** to create the elements.&#x20;

{% hint style="info" %}
**Note**:&#x20;

* A **Manual** label appears next to elements that you create manually.&#x20;
* You can edit and delete the manually created elements using the edit and delete icons.
  {% endhint %}

## Mapping Elements Manually

Use this feature to link the manually created elements with corresponding captured elements in the element repository. Mapping aligns the manually defined element with the actual UI element, ensuring that Avo Assure can locate and interact with it correctly during automated tests. &#x20;

To map a manually created element, perform the following actions: &#x20;

1. In the **Element Repository** page, select **Tools**.&#x20;

<figure><img src="https://2174257472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk8QZzXZMIJSStKAzDSTu%2Fuploads%2FdnPgVI0UbQsCJdz60uUQ%2Funknown.png?alt=media&#x26;token=eec20359-81fe-42c0-a9d0-7e68fb74f4a0" alt=""><figcaption></figcaption></figure>

2. Select **Map Element**. The **Replace custom elements** dialog appears.   &#x20;
3. Under **Manually Created Elements**, select **Link** to expand the list of manually created elements.&#x20;
4. Under **Captured Elements**, drag and drop the required captured element to the corresponding manually created element under **Link**.&#x20;
5. Select **Submit** to save the mapping.&#x20;

{% hint style="info" %}
**Note**: &#x20;

* Mapping is supported only between elements of the same object type.&#x20;
* Select **Show All Elements** to display all available captured elements.&#x20;
* Select **Un-Link** to remove an existing mapping. &#x20;
  {% endhint %}

<figure><img src="https://2174257472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk8QZzXZMIJSStKAzDSTu%2Fuploads%2FZZxWfxi5LXv2ExwSyOnL%2Funknown.png?alt=media&#x26;token=8208be87-20f0-478e-b94f-185ac6c6291b" alt=""><figcaption></figcaption></figure>
