api: Implement fetching list of test suites in file

Author: Jakub Klimczak

protoplaster/api/v1/configs.py

@@ -3,6 +3,8 @@
 from email.utils import format_datetime
 from datetime import datetime, timezone
 from werkzeug.utils import secure_filename
+from protoplaster.runner.runner import create_test_file
+import copy
 
 configs_blueprint: Blueprint = Blueprint("protoplaster-configs", __name__)
 
@@ -207,6 +209,37 @@ def fetch_config_file(config_name: str):
                                mimetype="text/yaml")
 
 
+@configs_blueprint.route("/api/v1/configs/<string:config_name>/test-suites")
+def fetch_test_suites(config_name: str):
+    """Fetch list of test suites in config file
+
+    :status 200: no error
+    :status 404: config does not exist
+
+    :>json array: list of test suites
+
+    **Example Request**
+
+    .. sourcecode:: http
+
+        GET /api/v1/configs/complex.yml/test-suites HTTP/1.1
+
+    **Example Response**
+
+    .. sourcecode:: http
+
+        HTTP/1.1 200 OK
+        Content-Type: application/json
+
+        ["local","full"]
+    """  # noqa: E501
+    args = copy.copy(current_app.config["ARGS"])
+    config_dir = args.test_dir
+    args.test_file = config_name
+    test_file = create_test_file(args)
+    return jsonify(list(test_file.test_suites))
+
+
 @configs_blueprint.route("/api/v1/configs/<string:config_name>",
                          methods=["DELETE"])
 def delete_config(config_name: str):

protoplaster/webui/templates/runs.html

@@ -66,8 +66,9 @@ <h5 class="modal-title" id="triggerTestRunModalLabel">Trigger Test Run</h5>
           </div>
 
           <div class="mb-3">
-            <label for="testSuiteName" class="form-label">Test suite</label>
-            <input type="text" name="name" class="form-control" id="testSuiteName">
+            <label for="testSuiteSelect" class="form-label">Test suite</label>
+            <select name="testSuite" class="form-select" id="testSuiteSelect">
+            </select>
           </div>
 
           <div class="mb-3">
@@ -226,8 +227,37 @@ <h6>Test Results</h6>
         console.error("Failed to fetch configs:", err);
         configSelect.innerHTML = '<option disabled>Error loading configs</option>';
     }
+
+    updateTestSuiteList();
   }
 
+  async function updateTestSuiteList() {
+    const testSuiteSelect = document.getElementById("testSuiteSelect");
+    testSuiteSelect.innerHTML = '<option disabled>Loading...</option>';
+    const configSelect = document.getElementById('configSelect');
+    const config = configSelect.value;
+
+    try {
+        // Fetch configs from the local controller
+        const resp = await fetch(`/api/v1/configs/${config}/test-suites`);
+        if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+        const suites = await resp.json();
+
+        testSuiteSelect.innerHTML = '<option value="">(all)</option>';
+        suites.forEach(s => {
+            const opt = document.createElement('option');
+            opt.value = s;
+            opt.textContent = s;
+            testSuiteSelect.appendChild(opt);
+        });
+    } catch (err) {
+        console.error("Failed to fetch test suites:", err);
+        configSelect.innerHTML = '<option disabled>Error loading test suites</option>';
+    }
+  }
+
+  document.getElementById("configSelect").addEventListener("input", updateTestSuiteList);
+
   const modal = document.getElementById('triggerTestRunModal');
   modal.addEventListener('show.bs.modal', updateConfigList);
 
@@ -241,7 +271,7 @@ <h6>Test Results</h6>
   document.getElementById('triggerRunForm').addEventListener('submit', async (e) => {
     e.preventDefault();
     const config = document.getElementById('configSelect').value;
-    const testSuite = document.getElementById('testSuiteName').value;
+    const testSuite = document.getElementById('testSuiteSelect').value;
     const overrides = document.getElementById('overrides').value;
 
     try {