diff --git a/doc/user_guide/dashbot_user_guide.md b/doc/user_guide/dashbot_user_guide.md index 6eba946b..8a917d7f 100644 --- a/doc/user_guide/dashbot_user_guide.md +++ b/doc/user_guide/dashbot_user_guide.md @@ -10,10 +10,10 @@ Dashbot is your in-app helper for working with APIs inside API Dash. It explains ## Open Dashbot - Floating window: Click the Dashbot button to open it as a floating panel. - - Move: Drag the colored top bar to reposition. - - Resize: Drag the small handle at the top-left corner. - - Pop in/out: Use the “open in new” icon to toggle between the floating window and the in-tab view. - - Close: Click the Close icon. You can reopen anytime. + - **Move**: Drag the colored top bar to reposition. + - **Resize**: Drag the small handle at the top-left corner. + - **Pop in/out**: Use the “open in new” icon to toggle between the floating window and the in-tab view. + - **Close**: Click the Close icon. You can reopen anytime. - In a tab: Use the Dashbot tab for a docked experience with back and close controls. ![Image](./images/dashbot/dashbot_fab.png) @@ -22,13 +22,13 @@ Dashbot is your in-app helper for working with APIs inside API Dash. It explains ## Home Screen Tasks Dashbot’s home screen lists quick actions: -- Explain response: Explains the last response for the selected request. -- Debug error: Analyzes a failing response and proposes minimal fixes. -- Generate documentation: Creates clean Markdown docs for your request/response and lets you download them. -- Generate tests: Builds simple JavaScript tests; you can add them to the request’s post-request script. -- Generate code: Produces runnable code in common languages. -- Import cURL: Paste a full cURL to recreate a request. -- Import OpenAPI: Upload, paste, or fetch (URL) a spec and import endpoints. +- **Explain response**: Explains the last response for the selected request. +- **Debug error**: Analyzes a failing response and proposes minimal fixes. +- **Generate documentation**: Creates clean Markdown docs for your request/response and lets you download them. +- **Generate tests**: Builds simple JavaScript tests; you can add them to the request’s post-request script. +- **Generate code**: Produces runnable code in common languages. +- **Import cURL**: Paste a full cURL to recreate a request. +- **Import OpenAPI**: Upload, paste, or fetch (URL) a spec and import endpoints. ![Image](./images/dashbot/dashbot_tasks.png) @@ -65,6 +65,103 @@ Known limits ![Image](./images/dashbot/dashbot_curl_paste.png) ![Image](./images/dashbot/dashbot_curl_result.png) +### Example: Try It Yourself + +Let's walk through importing a real cURL command that you can test right now. + +**What we're importing:** +A form data request to the API Dash demo endpoint that takes text input and repeats it with a separator. + +**Expected response:** +The API will return `{"data": "Hello_World_Hello_World_Hello_World"}` - your text repeated 3 times with underscores as separators. + +**Follow these steps:** + +1. **Copy this cURL command:** + ```bash + curl -X POST "https://api.apidash.dev/io/form" \ + -H "Accept: application/json" \ + -H "Content-Type: application/x-www-form-urlencoded" \ + -d "text=Hello%20World" \ + -d "sep=_" \ + -d "times=3" + ``` + +2. **Open Dashbot** by clicking the floating Dashbot button in API Dash. + +

+ Dashbot home page showing Import cURL option +
+ Dashbot Home Screen with Import cURL Task +

+ +3. **Choose "Import cURL"** from the home screen tasks. + +

+ Import cURL interface opened +
+ Import cURL Interface Ready for Input +

+ +4. **Paste the cURL command** into the text area and press Enter/Return or click the send button. + +

+ cURL command pasted in text area +
+ cURL Command Pasted into Dashbot Chat +

+ +5. **Review the parsed result:** + - Method: `POST` + - URL: `https://api.apidash.dev/io/form` + - Headers: `Accept: application/json`, `Content-Type: application/x-www-form-urlencoded` + - Body: Form data with `text`, `sep`, and `times` parameters + +

+ Dashbot showing parsed cURL result +
+ Dashbot Parsed Result with Apply Actions +

+ +6. **Apply the import:** + - Click **"Create New Request"** to add it as a new request in your collection + - Or click **"Apply to Selected"** if you want to update an existing request + +7. **Test the request:** + - Send the imported request + - You should receive a `200 OK` response with the body: `{"data": "Hello_World_Hello_World_Hello_World"}` + +**View the imported request details:** + +

+ Request headers after import +
+ Imported Request Headers +

+ +

+ Request body after import +
+ Imported Request Body with Form Data +

+ +

+ API Response +
+ API Response with 200 OK status +

+ +8. **Notice the environment variable:** + - Dashbot automatically created `{{BASE_URL_API_APIDASH_DEV}}` in your active environment + - The request URL becomes `{{BASE_URL_API_APIDASH_DEV}}/io/form` + - You can edit this variable in your Environment settings if needed + +

+ Environment variables page +
+ Auto-created Environment Variable +

+ --- @@ -175,6 +272,82 @@ Notes - Downloaded file is plain Markdown; move or rename it as needed. - If a file name collision occurs, a numeric suffix may be appended. +### Example: Try It Yourself + +Let's walk through generating comprehensive documentation for a real API endpoint. + +**What we're documenting:** +A GET request to the API Dash demo endpoint that returns a list of user profiles with contact information. + +**API Details:** +- **Method:** GET +- **URL:** `https://api.apidash.dev/users` +- **Expected Response:** JSON array containing 100 user objects with id, name, phone, email, and country fields + +**Follow these steps:** + +1. **Set up your request in API Dash:** + - Create a new GET request to `https://api.apidash.dev/users` + - Send the request to get the response data (you should see a 200 OK response with user data) + +

+ API Dash with request and response, Dashbot home screen +
+ API Dash showing the Users API request and response, with Dashbot ready to generate documentation +

+ +2. **Choose "Generate documentation"** from Dashbot's home screen. + +3. **Review the generated documentation:** + Dashbot analyzes your request and response to create comprehensive Markdown documentation that includes: + + - **API endpoint overview** with purpose and description + - **Request details** (method, URL, headers, parameters) + - **Response structure** with detailed field descriptions + - **Example response data** formatted as JSON + - **Parameter reference table** explaining each field + - **Status code explanations** + - **Summary section** with key takeaways + +

+ Generated documentation - header and request details +
+ Generated Documentation - Title, and Request Details, Response Details +

+ +

+ Generated documentation - response details and table +
+ Generated Documentation - Parameter Reference Table +

+ +

+ Generated documentation - example response and summary +
+ Generated Documentation - Example Response and Summary +

+ +4. **Use the documentation:** + - **Copy:** Click to copy the entire Markdown to your clipboard for pasting into wikis, README files, or documentation platforms + - **Download Now:** Save as a `.md` file (e.g., `api-documentation.md`) to your Downloads folder + +The generated documentation perfectly captures the essence of your API endpoint: + +- **Comprehensive Coverage:** Dashbot analyzes both your request structure (method, URL, headers) and actual response data to create complete documentation +- **Professional Format:** The output follows standard API documentation conventions with clear sections, tables, and code examples +- **Accurate Field Descriptions:** By examining the actual response data, Dashbot provides precise descriptions of each field (id as unique identifier, name as full name, etc.) +- **Ready-to-Use Examples:** Includes real response data from your API call, making it immediately useful for developers +- **Structured Reference:** The parameter table format makes it easy for developers to understand data types and field purposes +- **Context-Aware:** The documentation reflects the actual API behavior, not generic templates + +**Perfect for:** +- API documentation websites +- Developer onboarding guides +- Internal team references +- README files +- Integration documentation +- Code reviews and specifications + ![Image](./images/dashbot/dashbot_documentation.png) --- @@ -196,6 +369,155 @@ Notes and limits - Tests are self-contained (no external packages). They run with plain JavaScript features. - Add real credentials or tokens if needed; placeholders are used when values are unknown. +### Example: Try It Yourself + +Let's walk through generating thorough JavaScript tests for a user management API endpoint. + +**What we're testing:** +A GET request to the API Dash users endpoint that returns an array of user profiles with comprehensive validation. + +**API Details:** +- **Method:** GET +- **URL:** `https://api.apidash.dev/users` +- **Expected Response:** JSON array containing 100 user objects with id, name, phone, email, and country fields + +**Follow these steps:** + +1. **Set up your request in API Dash:** + - Create a new GET request to `https://api.apidash.dev/users` + - Send the request to get the response data (you should see a 200 OK response with user data) + +2. **Choose "Generate Tests"** from Dashbot's home screen. + +3. **Review the comprehensive test plan:** + Dashbot analyzes your API endpoint and creates a detailed test strategy covering: + + - **Positive Testing:** Success scenarios and expected behavior + - **Data Validation:** Response structure and field type checking + - **Edge Cases:** Empty responses and boundary conditions + - **Negative Testing:** Error handling and unexpected scenarios + - **Performance Sanity:** Basic response time validation + +4. **Examine the generated test code:** + +```javascript +async function runTests() { + const apiUrl = 'https://api.apidash.dev/users'; + + // Helper function to make GET requests + async function makeRequest(url) { + try { + const response = await fetch(url); + const data = await response.json(); + return { status: response.status, data: data }; + } catch (error) { + console.error('Fetch error:', error); + return { status: 500, data: null }; // Indicate a server error + } + } + + // 1. Positive Test: Check for successful response and data + const positiveTest = async () => { + const { status, data } = await makeRequest(apiUrl); + if (status === 200) { + console.log('Positive Test: Passed - Status 200'); + if (data && Array.isArray(data.data)) { + console.log('Positive Test: Passed - Data is an array.'); + if (data.data.length > 0) { + const firstUser = data.data[0]; + if (firstUser && typeof firstUser === 'object' && firstUser !== null && + firstUser.hasOwnProperty('id') && typeof firstUser.id === 'number' && + firstUser.hasOwnProperty('name') && typeof firstUser.name === 'string' && + firstUser.hasOwnProperty('phone') && typeof firstUser.phone === 'string' && + firstUser.hasOwnProperty('email') && typeof firstUser.email === 'string' && + firstUser.hasOwnProperty('country') && typeof firstUser.country === 'string') { + console.log('Positive Test: Passed - Data structure is valid.'); + } else { + console.error('Positive Test: Failed - Invalid user data structure.'); + } + } else { + console.log('Positive Test: Passed - Data array is empty, which is acceptable.'); + } + } else { + console.error('Positive Test: Failed - Data is not an array.'); + } + } else { + console.error(`Positive Test: Failed - Unexpected status code: ${status}`); + } + }; + + // 2. Negative Test (Status code check - unlikely to fail on a GET) + const negativeTest = async () => { + const { status, data } = await makeRequest(apiUrl); + if (status !== 200 && status !== 0) { + console.log(`Negative Test: Passed - Unexpected status code: ${status}`); + } else { + console.error('Negative Test: Failed - Expected non-200 status code.'); + } + }; + + //3. Edge case Test: Verify behavior with possible empty response + const edgeCaseTestEmptyResponse = async () => { + // Assume the API might return an empty array in some situations. Check if it handles this gracefully. + const { status, data } = await makeRequest(apiUrl); + if (status === 200) { + if(data && Array.isArray(data.data)) { + if(data.data.length === 0){ + console.log('Edge Case Test: Passed - Empty array returned successfully'); + } else { + console.log('Edge Case Test: Skipped - Array not empty'); + } + } + } + }; + + await positiveTest(); + await negativeTest(); + await edgeCaseTestEmptyResponse(); +} + +runTests(); +``` + +5. **Click "Add Test"** to insert the code into your request's post-request script area. + +6. **Run the tests:** + - Send your API request + - The tests will execute automatically after the response + - Check the console output for test results + +**Why these generated tests are exceptionally comprehensive:** + +**🎯 Complete Test Coverage:** +- **Happy Path Testing:** Validates successful 200 responses and correct data structure +- **Schema Validation:** Checks every required field (id, name, phone, email, country) with proper type validation +- **Edge Case Handling:** Considers empty arrays and boundary conditions +- **Error Scenarios:** Tests for unexpected status codes and network failures +- **Graceful Degradation:** Handles null/undefined responses safely + +**💪 Production-Ready Features:** +- **Async/Await Patterns:** Modern JavaScript with proper promise handling +- **Error Handling:** Comprehensive try-catch with meaningful error messages +- **Type Safety:** Validates data types for each field (number for id, strings for text fields) +- **Null Checks:** Defensive programming with proper null/undefined validation +- **Detailed Logging:** Clear success/failure messages for easy debugging + +**🔧 Technical Excellence:** +- **Modular Design:** Reusable helper functions for clean code organization +- **No External Dependencies:** Pure JavaScript that runs in any environment +- **Comprehensive Assertions:** Tests structure, content, and data types +- **Real-World Scenarios:** Covers both success and failure cases + +**Perfect for:** +- API regression testing +- Continuous integration pipelines +- Development workflow validation +- Quality assurance automation +- API behavior documentation +- Error detection and debugging + +The generated tests provide enterprise-level quality assurance with minimal setup, ensuring your API behaves correctly under all conditions while providing clear feedback for any issues that arise. + ![Image](./images/dashbot/dashbot_tests.png) ![Image](./images/dashbot/dashbot_tests_res.png) @@ -219,6 +541,133 @@ Tips - Replace placeholders (API keys/tokens) with real values. - Verify content types and body structures match your API. +### Example: Try It Yourself + +Let's walk through generating code for a text processing API that converts text to sentence case. + +**What we're coding:** +A GET request to the API Dash text processing endpoint that converts any text input to proper sentence case format. + +**API Details:** +- **Method:** GET +- **URL:** `https://api.apidash.dev/case/sentence` +- **Query Parameter:** `text` (the text you want to convert) +- **Expected Response:** `{"data": "Hello world"}` (your text in sentence case) + +**Follow these steps:** + +1. **Set up your request in API Dash:** + - Create a new GET request to `https://api.apidash.dev/case/sentence` + - Add a query parameter: `text` = `Hello World` (or any text you prefer) + - Send the request to verify it works (you should get a sentence case response) + +

+ API request setup with URL and query parameters +
+ API Request Setup - URL and Query Parameters Configured +

+ +2. **Open Dashbot and choose "Generate Code"** from the home screen tasks. + +

+ Dashbot home screen with Generate Code option highlighted +
+ Dashbot Home Screen with Generate Code Task +

+ +3. **Select your programming language** from the available options (JavaScript, Python, Dart, Go, cURL). + + **Available Languages:** + - **JavaScript** - For Node.js applications and web development + - **Python** - For data science, automation, and backend services + - **Dart** - For Flutter mobile apps and Dart backend services + - **Go** - For high-performance backend services and microservices + - **cURL** - For command-line testing and shell scripts + + For this example, we'll choose **Python**, but you can select any language that fits your project needs. + +

+ Language selection buttons in Dashbot +
+ Programming Language Selection - Choose from JavaScript, Python, Dart, Go, or cURL +

+ +4. **Review the generated code and explanation:** + Dashbot provides a complete, runnable script tailored to your chosen language with: + - Language-specific syntax and best practices + - Detailed explanation of what the code does + - Library requirements and installation instructions (when applicable) + - Complete code with proper error handling + - Comments explaining each part + +

+ Dashbot's explanation of the generated Python code +
+ Detailed Code Explanation and Setup Instructions +

+ +

+ Complete Python code generated by Dashbot +
+ Complete Runnable Python Code with Error Handling +

+ +5. **Copy and run the code:** + - Copy the generated Python code + - Save it as a `.py` file (e.g., `sentence_case_api.py`) + - Install required dependencies: `pip install requests` + - Run: `python sentence_case_api.py` + + +- **Multi-Language Support:** Generate the same API call in JavaScript, Python, Dart, Go, or cURL - perfect for polyglot development teams +- **Language-Specific Best Practices:** Each generated code follows the conventions and patterns of the chosen language +- **Complete & Runnable:** The code includes all necessary imports, error handling, and execution logic +- **Accurate Parameter Mapping:** Correctly translates your request parameters into language-appropriate syntax +- **Real-World Ready:** Includes proper error handling, status code checking, and response parsing +- **Educational:** Comments and explanations help you understand each part +- **Installation Guidance:** Provides exact package installation commands when dependencies are needed + +**Language-Specific Features:** +- **Python:** Uses `requests` library with proper exception handling +- **JavaScript:** Uses `fetch` API or `axios` with promise-based error handling +- **Dart:** Uses `http` package with async/await patterns +- **Go:** Uses `net/http` package with proper error checking +- **cURL:** Provides command-line syntax for terminal usage + +**Generated Code Features:** +```python +# ✅ Proper imports +import requests + +# ✅ Exact URL from your request +url = "https://api.apidash.dev/case/sentence" + +# ✅ Query parameters properly mapped +params = {"text": "hello world"} + +# ✅ Exception handling for network errors +try: + response = requests.get(url, params=params) + response.raise_for_status() # Handle HTTP errors + + # ✅ Status code and JSON response handling + print(f"Status Code: {response.status_code}") + print("Response Body:") + print(response.json()) + +except requests.exceptions.RequestException as e: + print(f"An error occurred: {e}") +``` + +**Perfect for:** +- API integration in any programming language +- Cross-platform development teams +- Learning how to call APIs in different languages +- Creating language-specific documentation examples +- Prototyping in your preferred tech stack +- Quick automation scripts in any language +- Development environment setup across different platforms + ![Image](./images/dashbot/dashbot_codegen.png) ![Image](./images/dashbot/dashbot_codegen_res_1.png) ![Image](./images/dashbot/dashbot_codegen_res_2.png) @@ -268,4 +717,4 @@ Tips ## Frequently Asked Questions - Does Dashbot send my data elsewhere? It uses the AI provider you configured to generate text. Your requests/responses may be included in prompts. Review your provider’s privacy policy and avoid sharing secrets. - Can I undo a fix? Use request history or manually revert fields. Consider “Create New Request” to keep the original unchanged. -- Can I mix steps (e.g., import cURL, then debug)? Yes. Dashbot keeps the session per selected request. +- Can I mix steps (e.g., import cURL, then debug)? Yes. Dashbot keeps the session per selected request. \ No newline at end of file diff --git a/doc/user_guide/images/dashbot/curl_example/api_response.png b/doc/user_guide/images/dashbot/curl_example/api_response.png new file mode 100644 index 00000000..84440254 Binary files /dev/null and b/doc/user_guide/images/dashbot/curl_example/api_response.png differ diff --git a/doc/user_guide/images/dashbot/curl_example/clicked_import_curl.png b/doc/user_guide/images/dashbot/curl_example/clicked_import_curl.png new file mode 100644 index 00000000..87993d7a Binary files /dev/null and b/doc/user_guide/images/dashbot/curl_example/clicked_import_curl.png differ diff --git a/doc/user_guide/images/dashbot/curl_example/dashbot_home_page_with_import_curl.png b/doc/user_guide/images/dashbot/curl_example/dashbot_home_page_with_import_curl.png new file mode 100644 index 00000000..a00bf08b Binary files /dev/null and b/doc/user_guide/images/dashbot/curl_example/dashbot_home_page_with_import_curl.png differ diff --git a/doc/user_guide/images/dashbot/curl_example/dashbot_res_after_curl_pasted.png b/doc/user_guide/images/dashbot/curl_example/dashbot_res_after_curl_pasted.png new file mode 100644 index 00000000..68d02c6a Binary files /dev/null and b/doc/user_guide/images/dashbot/curl_example/dashbot_res_after_curl_pasted.png differ diff --git a/doc/user_guide/images/dashbot/curl_example/env_var_page.png b/doc/user_guide/images/dashbot/curl_example/env_var_page.png new file mode 100644 index 00000000..61d49c0c Binary files /dev/null and b/doc/user_guide/images/dashbot/curl_example/env_var_page.png differ diff --git a/doc/user_guide/images/dashbot/curl_example/pasted_curl_to_chat.png b/doc/user_guide/images/dashbot/curl_example/pasted_curl_to_chat.png new file mode 100644 index 00000000..57d24389 Binary files /dev/null and b/doc/user_guide/images/dashbot/curl_example/pasted_curl_to_chat.png differ diff --git a/doc/user_guide/images/dashbot/curl_example/updated_body.png b/doc/user_guide/images/dashbot/curl_example/updated_body.png new file mode 100644 index 00000000..33b13f47 Binary files /dev/null and b/doc/user_guide/images/dashbot/curl_example/updated_body.png differ diff --git a/doc/user_guide/images/dashbot/curl_example/updated_headers.png b/doc/user_guide/images/dashbot/curl_example/updated_headers.png new file mode 100644 index 00000000..8e118447 Binary files /dev/null and b/doc/user_guide/images/dashbot/curl_example/updated_headers.png differ diff --git a/doc/user_guide/images/dashbot/documentation_example/document_1.png b/doc/user_guide/images/dashbot/documentation_example/document_1.png new file mode 100644 index 00000000..22b0c7d1 Binary files /dev/null and b/doc/user_guide/images/dashbot/documentation_example/document_1.png differ diff --git a/doc/user_guide/images/dashbot/documentation_example/document_2.png b/doc/user_guide/images/dashbot/documentation_example/document_2.png new file mode 100644 index 00000000..7690265f Binary files /dev/null and b/doc/user_guide/images/dashbot/documentation_example/document_2.png differ diff --git a/doc/user_guide/images/dashbot/documentation_example/document_3.png b/doc/user_guide/images/dashbot/documentation_example/document_3.png new file mode 100644 index 00000000..454b31dc Binary files /dev/null and b/doc/user_guide/images/dashbot/documentation_example/document_3.png differ diff --git a/doc/user_guide/images/dashbot/documentation_example/home_page_with_documentation.png b/doc/user_guide/images/dashbot/documentation_example/home_page_with_documentation.png new file mode 100644 index 00000000..276c969e Binary files /dev/null and b/doc/user_guide/images/dashbot/documentation_example/home_page_with_documentation.png differ diff --git a/doc/user_guide/images/dashbot/generate_code_example/dashbot_ask_programming_language.png b/doc/user_guide/images/dashbot/generate_code_example/dashbot_ask_programming_language.png new file mode 100644 index 00000000..e7de2a01 Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_code_example/dashbot_ask_programming_language.png differ diff --git a/doc/user_guide/images/dashbot/generate_code_example/dashbot_generated_code.png b/doc/user_guide/images/dashbot/generate_code_example/dashbot_generated_code.png new file mode 100644 index 00000000..2fdca49c Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_code_example/dashbot_generated_code.png differ diff --git a/doc/user_guide/images/dashbot/generate_code_example/dashbot_generated_code_explanation.png b/doc/user_guide/images/dashbot/generate_code_example/dashbot_generated_code_explanation.png new file mode 100644 index 00000000..fa02fabe Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_code_example/dashbot_generated_code_explanation.png differ diff --git a/doc/user_guide/images/dashbot/generate_code_example/dashbot_home_with_generate_code.png b/doc/user_guide/images/dashbot/generate_code_example/dashbot_home_with_generate_code.png new file mode 100644 index 00000000..e57a4f41 Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_code_example/dashbot_home_with_generate_code.png differ diff --git a/doc/user_guide/images/dashbot/generate_code_example/request_data_filled.png b/doc/user_guide/images/dashbot/generate_code_example/request_data_filled.png new file mode 100644 index 00000000..e359acc6 Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_code_example/request_data_filled.png differ diff --git a/doc/user_guide/images/dashbot/generate_tests_example/dashbot_home_page_with_generate_tests.png b/doc/user_guide/images/dashbot/generate_tests_example/dashbot_home_page_with_generate_tests.png new file mode 100644 index 00000000..1ecb7059 Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_tests_example/dashbot_home_page_with_generate_tests.png differ diff --git a/doc/user_guide/images/dashbot/generate_tests_example/dashbot_res_generated_tests_1.png b/doc/user_guide/images/dashbot/generate_tests_example/dashbot_res_generated_tests_1.png new file mode 100644 index 00000000..b53e7f4b Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_tests_example/dashbot_res_generated_tests_1.png differ diff --git a/doc/user_guide/images/dashbot/generate_tests_example/dashbot_res_generated_tests_2.png b/doc/user_guide/images/dashbot/generate_tests_example/dashbot_res_generated_tests_2.png new file mode 100644 index 00000000..c772f173 Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_tests_example/dashbot_res_generated_tests_2.png differ diff --git a/doc/user_guide/images/dashbot/generate_tests_example/generated_tests_in_post_response.png b/doc/user_guide/images/dashbot/generate_tests_example/generated_tests_in_post_response.png new file mode 100644 index 00000000..b1e4725f Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_tests_example/generated_tests_in_post_response.png differ diff --git a/doc/user_guide/images/dashbot/generate_tests_example/request_detailes_filled.png b/doc/user_guide/images/dashbot/generate_tests_example/request_detailes_filled.png new file mode 100644 index 00000000..b227da5c Binary files /dev/null and b/doc/user_guide/images/dashbot/generate_tests_example/request_detailes_filled.png differ