debug-target-info.test.js.snap

mozilla-central/devtools/client/framework/test/node/components/__snapshots__/debug-target-info.test.js.snap

Enable keyboard shortcuts

Source code

File a bug in DevTools :: Framework

Revision control

Copy as Markdown

Other Tools

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`DebugTargetInfo component Connection info renders the expected snapshot for USB Release target 1`] = `

<header

  className="debug-target-info qa-debug-target-info"

  <span

    className="iconized-label qa-connection-info"

    <img

      alt="usb icon"

      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"

/>

    toolbox.debugTargetInfo.connection.usb

  </span>

  <span

    className="iconized-label qa-runtime-info"

    <img

      className="channel-icon qa-runtime-icon"

      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"

/>

<b

      className="devtools-ellipsis-text"

      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0

    </b>

    <span

      className="devtools-ellipsis-text"

      usbDeviceName

    </span>

  </span>

  <span

    className="iconized-label debug-target-title"

    <img

      alt="toolbox.debugTargetInfo.targetType.tab"

      src="chrome://devtools/skin/images/globe.svg"

/>

<b

      className="devtools-ellipsis-text qa-target-title"

      Test Tab Name

    </b>

  </span>

  <div

    className="debug-target-navigation"

    <button

      className="iconized-label navigation-button qa-back-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.back"

      <img

        alt="toolbox.debugTargetInfo.back"

        src="chrome://browser/skin/back.svg"

/>

    </button>

    <button

      className="iconized-label navigation-button qa-forward-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.forward"

      <img

        alt="toolbox.debugTargetInfo.forward"

        src="chrome://browser/skin/forward.svg"

/>

    </button>

    <button

      className="iconized-label navigation-button qa-reload-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.reload"

      <img

        alt="toolbox.debugTargetInfo.reload"

        src="chrome://global/skin/icons/reload.svg"

/>

    </button>

  </div>

  <span

    className="debug-target-url"

    <form

      className="debug-target-url-form"

      onSubmit={[Function]}

      <input

        className="devtools-textinput debug-target-url-input"

        defaultValue="http://some.target/url"

        onChange={[Function]}

        onFocus={[Function]}

/>

    </form>

  </span>

</header>

`;

exports[`DebugTargetInfo component Target icon renders the expected snapshot for a process target 1`] = `

<header

  className="debug-target-info qa-debug-target-info"

  <span

    className="iconized-label qa-connection-info"

    <img

      alt="usb icon"

      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"

/>

    toolbox.debugTargetInfo.connection.usb

  </span>

  <span

    className="iconized-label qa-runtime-info"

    <img

      className="channel-icon qa-runtime-icon"

      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"

/>

<b

      className="devtools-ellipsis-text"

      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0

    </b>

    <span

      className="devtools-ellipsis-text"

      usbDeviceName

    </span>

  </span>

  <span

    className="iconized-label debug-target-title"

    <img

      alt="toolbox.debugTargetInfo.targetType.process"

      src="chrome://devtools/skin/images/settings.svg"

/>

<b

      className="devtools-ellipsis-text qa-target-title"

      Test Tab Name

    </b>

  </span>

  <span

    className="debug-target-url"

    <span

      className="debug-target-url-readonly devtools-ellipsis-text"

      http://some.target/url

    </span>

  </span>

</header>

`;

exports[`DebugTargetInfo component Target icon renders the expected snapshot for a tab target 1`] = `

<header

  className="debug-target-info qa-debug-target-info"

  <span

    className="iconized-label qa-connection-info"

    <img

      alt="usb icon"

      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"

/>

    toolbox.debugTargetInfo.connection.usb

  </span>

  <span

    className="iconized-label qa-runtime-info"

    <img

      className="channel-icon qa-runtime-icon"

      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"

/>

<b

      className="devtools-ellipsis-text"

      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0

    </b>

    <span

      className="devtools-ellipsis-text"

      usbDeviceName

    </span>

  </span>

  <span

    className="iconized-label debug-target-title"

    <img

      alt="toolbox.debugTargetInfo.targetType.tab"

      src="chrome://devtools/skin/images/globe.svg"

/>

<b

      className="devtools-ellipsis-text qa-target-title"

      Test Tab Name

    </b>

  </span>

  <div

    className="debug-target-navigation"

    <button

      className="iconized-label navigation-button qa-back-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.back"

      <img

        alt="toolbox.debugTargetInfo.back"

        src="chrome://browser/skin/back.svg"

/>

    </button>

    <button

      className="iconized-label navigation-button qa-forward-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.forward"

      <img

        alt="toolbox.debugTargetInfo.forward"

        src="chrome://browser/skin/forward.svg"

/>

    </button>

    <button

      className="iconized-label navigation-button qa-reload-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.reload"

      <img

        alt="toolbox.debugTargetInfo.reload"

        src="chrome://global/skin/icons/reload.svg"

/>

    </button>

  </div>

  <span

    className="debug-target-url"

    <form

      className="debug-target-url-form"

      onSubmit={[Function]}

      <input

        className="devtools-textinput debug-target-url-input"

        defaultValue="http://some.target/url"

        onChange={[Function]}

        onFocus={[Function]}

/>

    </form>

  </span>

</header>

`;

exports[`DebugTargetInfo component Target icon renders the expected snapshot for a worker target 1`] = `

<header

  className="debug-target-info qa-debug-target-info"

  <span

    className="iconized-label qa-connection-info"

    <img

      alt="usb icon"

      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"

/>

    toolbox.debugTargetInfo.connection.usb

  </span>

  <span

    className="iconized-label qa-runtime-info"

    <img

      className="channel-icon qa-runtime-icon"

      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"

/>

<b

      className="devtools-ellipsis-text"

      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0

    </b>

    <span

      className="devtools-ellipsis-text"

      usbDeviceName

    </span>

  </span>

  <span

    className="iconized-label debug-target-title"

    <img

      alt="toolbox.debugTargetInfo.targetType.worker"

      src="chrome://devtools/skin/images/debugging-workers.svg"

/>

<b

      className="devtools-ellipsis-text qa-target-title"

      Test Tab Name

    </b>

  </span>

  <span

    className="debug-target-url"

    <span

      className="debug-target-url-readonly devtools-ellipsis-text"

      http://some.target/url

    </span>

  </span>

</header>

`;

exports[`DebugTargetInfo component Target icon renders the expected snapshot for an extension target 1`] = `

<header

  className="debug-target-info qa-debug-target-info"

  <span

    className="iconized-label qa-connection-info"

    <img

      alt="usb icon"

      src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"

/>

    toolbox.debugTargetInfo.connection.usb

  </span>

  <span

    className="iconized-label qa-runtime-info"

    <img

      className="channel-icon qa-runtime-icon"

      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"

/>

<b

      className="devtools-ellipsis-text"

      toolbox.debugTargetInfo.runtimeLabel-usbRuntimeBrandName-1.0.0

    </b>

    <span

      className="devtools-ellipsis-text"

      usbDeviceName

    </span>

  </span>

  <span

    className="iconized-label debug-target-title"

    <img

      alt="toolbox.debugTargetInfo.targetType.extension"

      src="chrome://devtools/skin/images/debugging-addons.svg"

/>

<b

      className="devtools-ellipsis-text qa-target-title"

      Test Tab Name

    </b>

  </span>

  <div

    className="debug-target-navigation"

    <button

      className="iconized-label navigation-button qa-reload-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.reload"

      <img

        alt="toolbox.debugTargetInfo.reload"

        src="chrome://global/skin/icons/reload.svg"

/>

    </button>

  </div>

  <span

    className="debug-target-url"

/>

</header>

`;

exports[`DebugTargetInfo component Target icon renders the expected snapshot for an local extension target 1`] = `

<header

  className="debug-target-info qa-debug-target-info"

  <span

    className="iconized-label debug-target-title"

    <img

      alt="toolbox.debugTargetInfo.targetType.extension"

      src="chrome://devtools/skin/images/debugging-addons.svg"

/>

<b

      className="devtools-ellipsis-text qa-target-title"

      Test Tab Name

    </b>

  </span>

  <div

    className="debug-target-navigation"

    <button

      className="iconized-label navigation-button qa-reload-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.reload"

      <img

        alt="toolbox.debugTargetInfo.reload"

        src="chrome://global/skin/icons/reload.svg"

/>

    </button>

  </div>

  <span

    className="debug-target-url"

/>

  <button

    className="toolbox-always-on-top"

/>

</header>

`;

exports[`DebugTargetInfo component Target title renders the expected snapshot for This Firefox target 1`] = `

<header

  className="debug-target-info qa-debug-target-info"

  <span

    className="iconized-label qa-runtime-info"

    <img

      className="channel-icon qa-runtime-icon"

      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"

/>

<b

      className="devtools-ellipsis-text"

      toolbox.debugTargetInfo.runtimeLabel.thisRuntime-brandShorterName-1.0.0

    </b>

    <span

      className="devtools-ellipsis-text"

/>

  </span>

  <span

    className="iconized-label debug-target-title"

    <img

      alt="toolbox.debugTargetInfo.targetType.tab"

      src="chrome://devtools/skin/images/globe.svg"

/>

<b

      className="devtools-ellipsis-text qa-target-title"

      Test Tab Name

    </b>

  </span>

  <div

    className="debug-target-navigation"

    <button

      className="iconized-label navigation-button qa-back-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.back"

      <img

        alt="toolbox.debugTargetInfo.back"

        src="chrome://browser/skin/back.svg"

/>

    </button>

    <button

      className="iconized-label navigation-button qa-forward-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.forward"

      <img

        alt="toolbox.debugTargetInfo.forward"

        src="chrome://browser/skin/forward.svg"

/>

    </button>

    <button

      className="iconized-label navigation-button qa-reload-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.reload"

      <img

        alt="toolbox.debugTargetInfo.reload"

        src="chrome://global/skin/icons/reload.svg"

/>

    </button>

  </div>

  <span

    className="debug-target-url"

    <form

      className="debug-target-url-form"

      onSubmit={[Function]}

      <input

        className="devtools-textinput debug-target-url-input"

        defaultValue="http://some.target/url"

        onChange={[Function]}

        onFocus={[Function]}

/>

    </form>

  </span>

</header>

`;

exports[`DebugTargetInfo component Target title renders the expected snapshot for a Toolbox with an unnamed target 1`] = `

<header

  className="debug-target-info qa-debug-target-info"

  <span

    className="iconized-label qa-runtime-info"

    <img

      className="channel-icon qa-runtime-icon"

      src="chrome://devtools/skin/images/aboutdebugging-firefox-release.svg"

/>

<b

      className="devtools-ellipsis-text"

      toolbox.debugTargetInfo.runtimeLabel.thisRuntime-brandShorterName-1.0.0

    </b>

    <span

      className="devtools-ellipsis-text"

/>

  </span>

  <span

    className="iconized-label debug-target-title"

    <img

      alt="toolbox.debugTargetInfo.targetType.tab"

      src="chrome://devtools/skin/images/globe.svg"

/>

  </span>

  <div

    className="debug-target-navigation"

    <button

      className="iconized-label navigation-button qa-back-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.back"

      <img

        alt="toolbox.debugTargetInfo.back"

        src="chrome://browser/skin/back.svg"

/>

    </button>

    <button

      className="iconized-label navigation-button qa-forward-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.forward"

      <img

        alt="toolbox.debugTargetInfo.forward"

        src="chrome://browser/skin/forward.svg"

/>

    </button>

    <button

      className="iconized-label navigation-button qa-reload-button"

      onClick={[Function]}

      title="toolbox.debugTargetInfo.reload"

      <img

        alt="toolbox.debugTargetInfo.reload"

        src="chrome://global/skin/icons/reload.svg"

/>

    </button>

  </div>

  <span

    className="debug-target-url"

    <form

      className="debug-target-url-form"

      onSubmit={[Function]}

      <input

        className="devtools-textinput debug-target-url-input"

        defaultValue="http://some.target/without/a/name"

        onChange={[Function]}

        onFocus={[Function]}

/>

    </form>

  </span>

</header>

`;