Add manual SDK tests (#4555)

2026-01-26 15:43:53 -07:00
parent a43b3ae3cc
commit 72b9fe960f
19 changed files with 3037 additions and 1 deletions
--- a/tests/sdk/web/combobox.html
+++ b/tests/sdk/web/combobox.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Dark Theme Select</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      max-width: 600px;
+      margin: 50px auto;
+      padding: 20px 30px;
+      background-color: #121212;
+      color: #f5f5f5;
+      line-height: 1.6;
+    }
+    h1 {
+      color: #f5f5f5;
+      text-align: center;
+    }
+    form {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+      margin: 30px 0;
+      padding: 30px;
+      background-color: #1e1e1e;
+      border-radius: 12px;
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
+    }
+    label {
+      font-weight: 600;
+      color: #e0e0e0;
+    }
+    select {
+      padding: 12px;
+      font-size: 16px;
+      border-radius: 8px;
+      border: 1px solid #2d2d2d;
+      background-color: #1b1b1b;
+      color: #f5f5f5;
+      appearance: none;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+    }
+    select:focus {
+      outline: none;
+      border-color: #2563eb;
+      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35);
+    }
+    input[type="submit"] {
+      align-self: flex-start;
+      padding: 12px 24px;
+      font-size: 16px;
+      background-color: #2563eb;
+      color: #f5f5f5;
+      border: 1px solid #1d4ed8;
+      border-radius: 8px;
+      cursor: pointer;
+      transition: background-color 0.3s, transform 0.1s;
+      box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);
+    }
+    input[type="submit"]:hover {
+      background-color: #1d4ed8;
+    }
+    input[type="submit"]:active {
+      transform: scale(0.98);
+    }
+    p {
+      color: #d1d1d1;
+      text-align: center;
+    }
+    a {
+      color: #93c5fd;
+    }
+  </style>
+</head>
+<body>
+
+<h1>The select element</h1>
+
+<p>The select element is used to create a drop-down list.</p>
+
+<form action="/action_page.php">
+  <label for="cars">Choose a car:</label>
+  <select name="cars" id="cars">
+    <option value="volvo">Volvo</option>
+    <option value="saab">Saab</option>
+    <option value="opel">Opel</option>
+    <option value="audi">Audi</option>
+  </select>
+  <input type="submit" value="Submit">
+</form>
+
+<p>Click the "Submit" button and the form-data will be sent to a page on the
+server called "action_page.php".</p>
+
+</body>
+</html>