ruvnet__ruflo/v3/@claude-flow/browser/docker/test-fixtures/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Browser Test Page</title>
  <style>
    body { font-family: system-ui, sans-serif; padding: 2rem; }
    .form-group { margin: 1rem 0; }
    label { display: block; margin-bottom: 0.5rem; }
    input, textarea { padding: 0.5rem; width: 100%; max-width: 300px; }
    button { padding: 0.5rem 1rem; cursor: pointer; }
    #result { margin-top: 1rem; padding: 1rem; background: #f0f0f0; }
  </style>
</head>
<body>
  <h1>Browser Automation Test Page</h1>

  <form id="test-form">
    <div class="form-group">
      <label for="email">Email</label>
      <input type="email" id="email" name="email" placeholder="Enter email">
    </div>

    <div class="form-group">
      <label for="password">Password</label>
      <input type="password" id="password" name="password" placeholder="Enter password">
    </div>

    <div class="form-group">
      <label for="message">Message</label>
      <textarea id="message" name="message" rows="3" placeholder="Enter message"></textarea>
    </div>

    <div class="form-group">
      <label>
        <input type="checkbox" id="agree" name="agree">
        I agree to terms
      </label>
    </div>

    <button type="submit" id="submit-btn">Submit</button>
  </form>

  <div id="result" style="display: none;">
    <h2>Form Submitted!</h2>
    <pre id="result-data"></pre>
  </div>

  <script>
    document.getElementById('test-form').addEventListener('submit', function(e) {
      e.preventDefault();
      const formData = new FormData(this);
      const data = Object.fromEntries(formData.entries());

      document.getElementById('result').style.display = 'block';
      document.getElementById('result-data').textContent = JSON.stringify(data, null, 2);
    });
  </script>
</body>
</html>