1// Jest Snapshot v1, https://goo.gl/fbAQLP
2
3exports[`DebugTargetInfo component Connection info renders the expected snapshot for USB Release target 1`] = `
4<header
5  className="debug-target-info qa-debug-target-info"
6>
7  <span
8    className="iconized-label qa-connection-info"
9  >
10    <img
11      alt="usb icon"
12      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"
13    />
14    toolbox.debugTargetInfo.connection.usb
15  </span>
16  <span
17    className="iconized-label qa-runtime-info"
18  >
19    <img
20      className="channel-icon qa-runtime-icon"
21      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"
22    />
23    <b
24      className="devtools-ellipsis-text"
25    >
26      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0
27    </b>
28    <span
29      className="devtools-ellipsis-text"
30    >
31      usbDeviceName
32    </span>
33  </span>
34  <span
35    className="iconized-label debug-target-title"
36  >
37    <img
38      alt="toolbox.debugTargetInfo.targetType.tab"
39      src="chrome://devtools/skin/images/globe.svg"
40    />
41    <b
42      className="devtools-ellipsis-text qa-target-title"
43    >
44      Test Tab Name
45    </b>
46  </span>
47  <div
48    className="debug-target-navigation"
49  >
50    <button
51      className="iconized-label navigation-button qa-back-button"
52      onClick={[Function]}
53      title="toolbox.debugTargetInfo.back"
54    >
55      <img
56        alt="toolbox.debugTargetInfo.back"
57        src="chrome://browser/skin/back.svg"
58      />
59    </button>
60    <button
61      className="iconized-label navigation-button qa-forward-button"
62      onClick={[Function]}
63      title="toolbox.debugTargetInfo.forward"
64    >
65      <img
66        alt="toolbox.debugTargetInfo.forward"
67        src="chrome://browser/skin/forward.svg"
68      />
69    </button>
70    <button
71      className="iconized-label navigation-button qa-reload-button"
72      onClick={[Function]}
73      title="toolbox.debugTargetInfo.reload"
74    >
75      <img
76        alt="toolbox.debugTargetInfo.reload"
77        src="chrome://global/skin/icons/reload.svg"
78      />
79    </button>
80  </div>
81  <span
82    className="debug-target-url"
83  >
84    <form
85      className="debug-target-url-form"
86      onSubmit={[Function]}
87    >
88      <input
89        className="devtools-textinput debug-target-url-input"
90        defaultValue="http://some.target/url"
91        onChange={[Function]}
92        onFocus={[Function]}
93      />
94    </form>
95  </span>
96</header>
97`;
98
99exports[`DebugTargetInfo component Target icon renders the expected snapshot for a process target 1`] = `
100<header
101  className="debug-target-info qa-debug-target-info"
102>
103  <span
104    className="iconized-label qa-connection-info"
105  >
106    <img
107      alt="usb icon"
108      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"
109    />
110    toolbox.debugTargetInfo.connection.usb
111  </span>
112  <span
113    className="iconized-label qa-runtime-info"
114  >
115    <img
116      className="channel-icon qa-runtime-icon"
117      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"
118    />
119    <b
120      className="devtools-ellipsis-text"
121    >
122      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0
123    </b>
124    <span
125      className="devtools-ellipsis-text"
126    >
127      usbDeviceName
128    </span>
129  </span>
130  <span
131    className="iconized-label debug-target-title"
132  >
133    <img
134      alt="toolbox.debugTargetInfo.targetType.process"
135      src="chrome://devtools/skin/images/settings.svg"
136    />
137    <b
138      className="devtools-ellipsis-text qa-target-title"
139    >
140      Test Tab Name
141    </b>
142  </span>
143  <span
144    className="debug-target-url"
145  >
146    <span
147      className="debug-target-url-readonly devtools-ellipsis-text"
148    >
149      http://some.target/url
150    </span>
151  </span>
152</header>
153`;
154
155exports[`DebugTargetInfo component Target icon renders the expected snapshot for a tab target 1`] = `
156<header
157  className="debug-target-info qa-debug-target-info"
158>
159  <span
160    className="iconized-label qa-connection-info"
161  >
162    <img
163      alt="usb icon"
164      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"
165    />
166    toolbox.debugTargetInfo.connection.usb
167  </span>
168  <span
169    className="iconized-label qa-runtime-info"
170  >
171    <img
172      className="channel-icon qa-runtime-icon"
173      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"
174    />
175    <b
176      className="devtools-ellipsis-text"
177    >
178      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0
179    </b>
180    <span
181      className="devtools-ellipsis-text"
182    >
183      usbDeviceName
184    </span>
185  </span>
186  <span
187    className="iconized-label debug-target-title"
188  >
189    <img
190      alt="toolbox.debugTargetInfo.targetType.tab"
191      src="chrome://devtools/skin/images/globe.svg"
192    />
193    <b
194      className="devtools-ellipsis-text qa-target-title"
195    >
196      Test Tab Name
197    </b>
198  </span>
199  <div
200    className="debug-target-navigation"
201  >
202    <button
203      className="iconized-label navigation-button qa-back-button"
204      onClick={[Function]}
205      title="toolbox.debugTargetInfo.back"
206    >
207      <img
208        alt="toolbox.debugTargetInfo.back"
209        src="chrome://browser/skin/back.svg"
210      />
211    </button>
212    <button
213      className="iconized-label navigation-button qa-forward-button"
214      onClick={[Function]}
215      title="toolbox.debugTargetInfo.forward"
216    >
217      <img
218        alt="toolbox.debugTargetInfo.forward"
219        src="chrome://browser/skin/forward.svg"
220      />
221    </button>
222    <button
223      className="iconized-label navigation-button qa-reload-button"
224      onClick={[Function]}
225      title="toolbox.debugTargetInfo.reload"
226    >
227      <img
228        alt="toolbox.debugTargetInfo.reload"
229        src="chrome://global/skin/icons/reload.svg"
230      />
231    </button>
232  </div>
233  <span
234    className="debug-target-url"
235  >
236    <form
237      className="debug-target-url-form"
238      onSubmit={[Function]}
239    >
240      <input
241        className="devtools-textinput debug-target-url-input"
242        defaultValue="http://some.target/url"
243        onChange={[Function]}
244        onFocus={[Function]}
245      />
246    </form>
247  </span>
248</header>
249`;
250
251exports[`DebugTargetInfo component Target icon renders the expected snapshot for a worker target 1`] = `
252<header
253  className="debug-target-info qa-debug-target-info"
254>
255  <span
256    className="iconized-label qa-connection-info"
257  >
258    <img
259      alt="usb icon"
260      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"
261    />
262    toolbox.debugTargetInfo.connection.usb
263  </span>
264  <span
265    className="iconized-label qa-runtime-info"
266  >
267    <img
268      className="channel-icon qa-runtime-icon"
269      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"
270    />
271    <b
272      className="devtools-ellipsis-text"
273    >
274      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0
275    </b>
276    <span
277      className="devtools-ellipsis-text"
278    >
279      usbDeviceName
280    </span>
281  </span>
282  <span
283    className="iconized-label debug-target-title"
284  >
285    <img
286      alt="toolbox.debugTargetInfo.targetType.worker"
287      src="chrome://devtools/skin/images/debugging-workers.svg"
288    />
289    <b
290      className="devtools-ellipsis-text qa-target-title"
291    >
292      Test Tab Name
293    </b>
294  </span>
295  <span
296    className="debug-target-url"
297  >
298    <span
299      className="debug-target-url-readonly devtools-ellipsis-text"
300    >
301      http://some.target/url
302    </span>
303  </span>
304</header>
305`;
306
307exports[`DebugTargetInfo component Target icon renders the expected snapshot for an extension target 1`] = `
308<header
309  className="debug-target-info qa-debug-target-info"
310>
311  <span
312    className="iconized-label qa-connection-info"
313  >
314    <img
315      alt="usb icon"
316      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"
317    />
318    toolbox.debugTargetInfo.connection.usb
319  </span>
320  <span
321    className="iconized-label qa-runtime-info"
322  >
323    <img
324      className="channel-icon qa-runtime-icon"
325      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"
326    />
327    <b
328      className="devtools-ellipsis-text"
329    >
330      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0
331    </b>
332    <span
333      className="devtools-ellipsis-text"
334    >
335      usbDeviceName
336    </span>
337  </span>
338  <span
339    className="iconized-label debug-target-title"
340  >
341    <img
342      alt="toolbox.debugTargetInfo.targetType.extension"
343      src="chrome://devtools/skin/images/debugging-addons.svg"
344    />
345    <b
346      className="devtools-ellipsis-text qa-target-title"
347    >
348      Test Tab Name
349    </b>
350  </span>
351  <span
352    className="debug-target-url"
353  >
354    <span
355      className="debug-target-url-readonly devtools-ellipsis-text"
356    >
357      http://some.target/url
358    </span>
359  </span>
360</header>
361`;
362
363exports[`DebugTargetInfo component Target title renders the expected snapshot for This Firefox target 1`] = `
364<header
365  className="debug-target-info qa-debug-target-info"
366>
367  <span
368    className="iconized-label qa-runtime-info"
369  >
370    <img
371      className="channel-icon qa-runtime-icon"
372      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"
373    />
374    <b
375      className="devtools-ellipsis-text"
376    >
377      toolbox.debugTargetInfo.runtimeLabel.thisRuntime-brandShorterName-1.0.0
378    </b>
379    <span
380      className="devtools-ellipsis-text"
381    />
382  </span>
383  <span
384    className="iconized-label debug-target-title"
385  >
386    <img
387      alt="toolbox.debugTargetInfo.targetType.tab"
388      src="chrome://devtools/skin/images/globe.svg"
389    />
390    <b
391      className="devtools-ellipsis-text qa-target-title"
392    >
393      Test Tab Name
394    </b>
395  </span>
396  <div
397    className="debug-target-navigation"
398  >
399    <button
400      className="iconized-label navigation-button qa-back-button"
401      onClick={[Function]}
402      title="toolbox.debugTargetInfo.back"
403    >
404      <img
405        alt="toolbox.debugTargetInfo.back"
406        src="chrome://browser/skin/back.svg"
407      />
408    </button>
409    <button
410      className="iconized-label navigation-button qa-forward-button"
411      onClick={[Function]}
412      title="toolbox.debugTargetInfo.forward"
413    >
414      <img
415        alt="toolbox.debugTargetInfo.forward"
416        src="chrome://browser/skin/forward.svg"
417      />
418    </button>
419    <button
420      className="iconized-label navigation-button qa-reload-button"
421      onClick={[Function]}
422      title="toolbox.debugTargetInfo.reload"
423    >
424      <img
425        alt="toolbox.debugTargetInfo.reload"
426        src="chrome://global/skin/icons/reload.svg"
427      />
428    </button>
429  </div>
430  <span
431    className="debug-target-url"
432  >
433    <form
434      className="debug-target-url-form"
435      onSubmit={[Function]}
436    >
437      <input
438        className="devtools-textinput debug-target-url-input"
439        defaultValue="http://some.target/url"
440        onChange={[Function]}
441        onFocus={[Function]}
442      />
443    </form>
444  </span>
445</header>
446`;
447
448exports[`DebugTargetInfo component Target title renders the expected snapshot for a Toolbox with an unnamed target 1`] = `
449<header
450  className="debug-target-info qa-debug-target-info"
451>
452  <span
453    className="iconized-label qa-runtime-info"
454  >
455    <img
456      className="channel-icon qa-runtime-icon"
457      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"
458    />
459    <b
460      className="devtools-ellipsis-text"
461    >
462      toolbox.debugTargetInfo.runtimeLabel.thisRuntime-brandShorterName-1.0.0
463    </b>
464    <span
465      className="devtools-ellipsis-text"
466    />
467  </span>
468  <span
469    className="iconized-label debug-target-title"
470  >
471    <img
472      alt="toolbox.debugTargetInfo.targetType.tab"
473      src="chrome://devtools/skin/images/globe.svg"
474    />
475  </span>
476  <div
477    className="debug-target-navigation"
478  >
479    <button
480      className="iconized-label navigation-button qa-back-button"
481      onClick={[Function]}
482      title="toolbox.debugTargetInfo.back"
483    >
484      <img
485        alt="toolbox.debugTargetInfo.back"
486        src="chrome://browser/skin/back.svg"
487      />
488    </button>
489    <button
490      className="iconized-label navigation-button qa-forward-button"
491      onClick={[Function]}
492      title="toolbox.debugTargetInfo.forward"
493    >
494      <img
495        alt="toolbox.debugTargetInfo.forward"
496        src="chrome://browser/skin/forward.svg"
497      />
498    </button>
499    <button
500      className="iconized-label navigation-button qa-reload-button"
501      onClick={[Function]}
502      title="toolbox.debugTargetInfo.reload"
503    >
504      <img
505        alt="toolbox.debugTargetInfo.reload"
506        src="chrome://global/skin/icons/reload.svg"
507      />
508    </button>
509  </div>
510  <span
511    className="debug-target-url"
512  >
513    <form
514      className="debug-target-url-form"
515      onSubmit={[Function]}
516    >
517      <input
518        className="devtools-textinput debug-target-url-input"
519        defaultValue="http://some.target/without/a/name"
520        onChange={[Function]}
521        onFocus={[Function]}
522      />
523    </form>
524  </span>
525</header>
526`;
527