> For the complete documentation index, see [llms.txt](https://docs.walnutai.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.walnutai.ai/test-and-quality-management/test-management/creating-test-cases-in-walnutai/how-to-create-web-test-case.md).

# How to create Web test case

A Web Test Case is a structured validation scenario designed to test the functionality and behavior of a web application in a browser. It simulates real user interactions such as entering data, clicking buttons, and navigating pages ensure UI elements and workflows function as intended.

#### **Steps to Create a Web Test Case**

*  Click on [**Create New Test Case**](/test-and-quality-management/test-management/test-cases/test-case-creation.md) button to start a new validation scenario.

<figure><img src="https://295337183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9aroNmDWVJAmMjkdy0hx%2Fuploads%2Frq6v93s8ddMxeB6Hx6bW%2Faddnewstep%20in%20TC.png?alt=media&amp;token=07bf4f48-62ce-458b-b3f7-72317ccb9b57" alt=""><figcaption></figcaption></figure>

* Click "**Add Step"**, then type **“/”** inside the step field. From the dropdown menu, choose **Test Case Type** and select **Web**. This allows you to build structured web validation steps without writing manual code.

<figure><img src="https://295337183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9aroNmDWVJAmMjkdy0hx%2Fuploads%2Fz73CNaamqwJVfl81Ubfo%2FTypesofTC.png?alt=media&amp;token=61b4f705-9a27-4097-a023-4fc0df86ee29" alt=""><figcaption></figcaption></figure>

* **Add Step Description & Use Variables**:
  * Enter the test step description in simple English.
  * **To reuse an existing Variables**:  type `$(` for Global variables, `${` for Local variables, or `$[` for Runtime variables to open the dropdown and select the required value.
  * **To create a new Variables**: Refer to the **Create New Variables** section for guidance.

<figure><img src="https://295337183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9aroNmDWVJAmMjkdy0hx%2Fuploads%2FOcnWM63vrsJ5RSkYIm63%2FparametsTC.png?alt=media&amp;token=09bfef32-cc60-4914-856f-4151ec64befe" alt=""><figcaption></figcaption></figure>

4. Once all steps are defined, click **Save** to store your test case in the dashboard.
5. Run the created web test case using either **Manual** or **Automation (AI)** mode.

<figure><img src="https://295337183-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9aroNmDWVJAmMjkdy0hx%2Fuploads%2FvDbLAGTArfwk2h75L4Oy%2FAI%26m.png?alt=media&amp;token=99f4cbfb-15fe-4129-bd39-a89c168962ea" alt=""><figcaption></figcaption></figure>

To understand the details of running your tests and how the system handles changes, refer to the documentation on [Execution & AI Healing](/test-and-quality-management/test-management/execution-and-ai-healing.md).