# 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 top-right corner
Format: "X Passed Y Failed"
Passed Count (Green pill)
- Shows number of successful tests
- Updates in real-time during execution
- Displays with checkmark icon
Failed Count (Red pill)
- Shows 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);