# Interface guide

# Interface Overview

# Top Bar Elements

Search Bar
- "Search Test Suites..." input field.
- Quick access to specific tests.
Action Buttons
- "Run All": Execute all tests.
- "Generate Assertions for All Tests": Automated assertion creation.

3. Test Status Summary

Located in the top-right corner.
Format: "X Passed Y Failed".
Passed Count (Green pill)
- Shows the number of successful tests.
- Updates in real-time during execution.
- Displays with checkmark icon.
Failed Count (Red pill)
- Shows the number of failed tests.
- Updates in real-time during execution.
- Displays with X icon.
Example: "6 Passed 2 Failed"

Test Execution Counter
- Shows "N/N TESTS EXECUTED".
- Updates in real-time.
- Displays progress during batch runs.
Page Navigation
- Shows current page (e.g., "Page 1 of 2").
- Navigation arrows for multiple pages.
- Quick page jumping.

# Main Interface Panels

# REQUEST Panel

Test Information
- Test name and description.
- Request configuration.
- JSON editor with syntax highlighting.
Request Structure

{
  "method": "GET",
  "url": "https://example.com",
  "headers": {},
  "path_params": {},
  "query_params": {
    "page_size": "100"
  },
  "json_body": {}
}

# RESPONSE Panel

Status Information
- Status code (e.g., "200 OK", "405 Method Not Allowed")
- Execution time (e.g., "6ms", "911ms")
Response Details

{
  "headers": {
    "accept-ranges": "bytes",
    "cache-control": "max-age=604800",
    "content-encoding": "gzip",
    "content-type": "text/html; charset=UTF-8"
  },
  "statusCode": 200,
  "testCaseId": "e8c724ea-7428-4656-a3bd-c4da53ef7e89",
  "elapsedTime": "6ms"
}

# ASSERTIONS Panel

Visual Indicators
- Green dot: Passed assertion.
- Red dot: Failed assertion.
Common Assertions

expect(response.response, "response should exist").to.exist;
expect(response.response, "response should be a string").to.be.a('string');
expect(response.statusCode, "statusCode should exist").to.exist;
expect(response.statusCode, "statusCode should be a number").to.be.a('number');
expect(response.statusCode, "statusCode should equal 200").to.equal(200);