• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!--
2Copyright 2023 The Chromium Authors
3Use of this source code is governed by a BSD-style license that can be
4found in the LICENSE file.
5-->
6<head>
7  <meta charset="UTF-8">
8  <script async type="module" src="./crossbench.mjs"></script>
9  <link rel="stylesheet" href="./crossbench.css">
10</head>
11
12<body class="connecting">
13  <section>
14    <h1>cross<b>bench</b> Proxy
15      <div class="headerImage">
16        <img src="./knife.png" />
17      </div>
18    </h1>
19    <p>
20      Replay your current recording with <a href="https://chromium.googlesource.com/crossbench">crossbench</a>.
21    <ul>
22      <li>Start a local cross<b>bench</b> server with <code>./cb.py devtools-recorder-proxy</code>.</li>
23      <li>
24        Use the Auth-Token generated by cross<b>bench</b> to connect this extension.
25      </li>
26      <li>
27        Use the command line arguments textarea to specify more options:
28        <ul>
29          <li>Add <code>--browser=...</code> for testing more browsers.</li>
30          <li>Add <code>--probe=...</code> for testing more probes.</li>
31        </ul>
32      </li>
33    </ul>
34    </p>
35  </section>
36
37  <section id="settingsSection">
38    <h2>Connection Settings:
39      <span class="buttons">
40        <button id="connectButton">Connect ⚯</button>
41        <input type="text" id="status" name="status" size="12" readonly>
42      </span>
43    </h2>
44    <span class="inputGroup">
45      <label for="host">Host:</label>
46      <input type="text" id="host" name="host" value="localhost" readonly size="9">
47    </span>
48    <span class="inputGroup">
49      <label for="port">Port:</label>
50      <input type="text" id="port" name="port" value="" size="5">
51    </span>
52    <span class="inputGroup">
53      <label for="token">Auth-Token:</label>
54      <input type="text" id="token" name="token" maxlength="32" size="32">
55    </span>
56  </section>
57  <!--
58    TODO: Add dedicated probe output section with links to the files
59    TODO: Add record / replay section
60    TODO: Add merge recording section
61  -->
62  <section id="configSection">
63    <h2>
64      cross<b>bench</b> Command Line Arguments:
65      <span class="buttons">
66        <button id="helpButton" class="help" title="Display crossbench's command-line --help.">
67          CLI Help <i class="info">i</i>
68        </button>
69        <button id="probesHelpButton" class="help" title="Display crossbench's Probe help.">
70          Probes Help <i class="info">i</i>
71        </button>
72        <button id="runButton"
73          title="Run crossbench with the given command-line arguments and current DevTools recording.">
74          Run <span class="icon">▷</span>
75        </button>
76        <button id="stopButton" title="Stop the current crossbench command.">
77          Stop <span class="icon">◾</span>
78        </button>
79      </span>
80    </h2>
81    <textarea id="crossbenchCMD"></textarea>
82  </section>
83
84  <section>
85    <h2>
86      cross<b>bench</b> command stdout:
87      <span class="buttons">
88        <button id="copyStdout">
89          Copy ⛶
90        </button>
91      </span>
92    </h2>
93    <textarea id="outputStdout" readonly></textarea>
94  </section>
95
96  <section>
97    <h2>
98      cross<b>bench</b> command stderr:
99      <span class="buttons">
100        <button id="copyStderr">
101          Copy ⛶
102        </button>
103      </span>
104    </h2>
105    <textarea id="outputStderr" readonly></textarea>
106  </section>
107
108  <section id="recordingSection">
109    <h2>
110      DevTools Recorder JSON:
111      <span class="buttons">
112        <button id="copyRecorderJSON">
113          Copy ⛶
114        </button>
115      </span>
116    </h2>
117    <textarea id="recording" readonly></textarea>
118  </section>
119</body>