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

exports[`PlaylistWindow renders to snapshot 1`] = `
<div
  className="window draggable"
  id="playlist-window"
  onDragEnter={[Function]}
  onDragOver={[Function]}
  onDragStart={[Function]}
  onDrop={[Function]}
  onMouseDown={[Function]}
  onWheel={[Function]}
  style={
    Object {
      "backgroundColor": "#000000",
      "color": "#00FF00",
      "fontFamily": "Arial, Arial, sans-serif",
      "height": "116px",
      "width": "275px",
    }
  }
>
  <div
    className="playlist-top draggable"
    onDoubleClick={[Function]}
  >
    <div
      className="playlist-top-left draggable"
    />
    <div
      className="playlist-top-left-spacer draggable"
    />
    <div
      className="playlist-top-left-fill draggable"
    />
    <div
      className="playlist-top-title draggable"
    />
    <div
      className="playlist-top-right-spacer draggable"
    />
    <div
      className="playlist-top-right-fill draggable"
    />
    <div
      className="playlist-top-right draggable"
    >
      <div
        id="playlist-shade-button"
        onClick={[Function]}
      />
      <div
        id="playlist-close-button"
        onClick={[Function]}
      />
    </div>
  </div>
  <div
    className="playlist-middle draggable"
  >
    <div
      className="playlist-middle-left draggable"
    />
    <div
      className="playlist-middle-center"
    >
      <div
        className="playlist-tracks"
        onClick={[Function]}
        onWheel={[Function]}
        style={
          Object {
            "height": "100%",
          }
        }
      >
        <div
          className="playlist-track-titles"
        />
        <div
          className="playlist-track-durations"
        />
      </div>
    </div>
    <div
      className="playlist-middle-right draggable"
    >
      <div
        className="rc-slider rc-slider-disabled rc-slider-vertical playlist-scrollbar"
        onBlur={[Function]}
        onFocus={[Function]}
        onKeyDown={[Function]}
        onMouseDown={[Function]}
        onMouseUp={[Function]}
        onTouchStart={[Function]}
      >
        <div
          className="rc-slider-rail"
          style={Object {}}
        />
        <div
          className="rc-slider-track"
          style={
            Object {
              "bottom": "0%",
              "height": "0%",
              "visibility": "visible",
            }
          }
        />
        <div
          className="rc-slider-step"
        />
        <div
          className="playlist-scrollbar-handle"
        />
        <div
          className="rc-slider-mark"
        />
      </div>
    </div>
  </div>
  <div
    className="playlist-bottom draggable"
  >
    <div
      className="playlist-bottom-left draggable"
    >
      <div
        className="playlist-menu"
        id="playlist-add-menu"
        onClick={[Function]}
      >
        <div
          className="bar"
        />
      </div>
      <div
        className="playlist-menu"
        id="playlist-remove-menu"
        onClick={[Function]}
      >
        <div
          className="bar"
        />
      </div>
      <div
        className="playlist-menu"
        id="playlist-selection-menu"
        onClick={[Function]}
      >
        <div
          className="bar"
        />
      </div>
      <div
        className="playlist-menu"
        id="playlist-misc-menu"
        onClick={[Function]}
      >
        <div
          className="bar"
        />
      </div>
    </div>
    <div
      className="playlist-bottom-center draggable"
    />
    <div
      className="playlist-bottom-right draggable"
    >
      <div
        className="playlist-visualizer"
        onClick={[Function]}
      />
      <div
        className="playlist-running-time-display draggable"
      >
        <div>
          <span
            className=" character character-48"
          >
            0
          </span>
          <span
            className=" character character-58"
          >
            :
          </span>
          <span
            className=" character character-48"
          >
            0
          </span>
          <span
            className=" character character-48"
          >
            0
          </span>
          <span
            className=" character character-47"
          >
            /
          </span>
          <span
            className=" character character-48"
          >
            0
          </span>
          <span
            className=" character character-58"
          >
            :
          </span>
          <span
            className=" character character-48"
          >
            0
          </span>
          <span
            className=" character character-48"
          >
            0
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
        </div>
      </div>
      <div
        className="playlist-action-buttons"
      >
        <div
          className="playlist-previous-button"
          onClick={[Function]}
        />
        <div
          className="playlist-play-button"
          onClick={[Function]}
        />
        <div
          className="playlist-pause-button"
          onClick={[Function]}
        />
        <div
          className="playlist-stop-button"
          onClick={[Function]}
        />
        <div
          className="playlist-next-button"
          onClick={[Function]}
        />
        <div
          className="playlist-eject-button"
          onClick={[Function]}
        />
      </div>
      <div
        className="mini-time countdown"
        onClick={[Function]}
      >
        <span
          className="background-character character character-32"
          style={
            Object {
              "left": 1,
            }
          }
        >
           
        </span>
        <span
          className="background-character character character-32"
          style={
            Object {
              "left": 7,
            }
          }
        >
           
        </span>
        <span
          className="background-character character character-32"
          style={
            Object {
              "left": 12,
            }
          }
        >
           
        </span>
        <span
          className="background-character character character-32"
          style={
            Object {
              "left": 20,
            }
          }
        >
           
        </span>
        <span
          className="background-character character character-32"
          style={
            Object {
              "left": 25,
            }
          }
        >
           
        </span>
        <span
          className=" character character-32"
          style={
            Object {
              "left": 1,
            }
          }
        >
           
        </span>
        <span
          className=" character character-32"
          style={
            Object {
              "left": 7,
            }
          }
        >
           
        </span>
        <span
          className=" character character-32"
          style={
            Object {
              "left": 12,
            }
          }
        >
           
        </span>
        <span
          className=" character character-32"
          style={
            Object {
              "left": 20,
            }
          }
        >
           
        </span>
        <span
          className=" character character-32"
          style={
            Object {
              "left": 25,
            }
          }
        >
           
        </span>
      </div>
      <div
        className="playlist-menu"
        id="playlist-list-menu"
        onClick={[Function]}
      >
        <div
          className="bar"
        />
      </div>
      <div
        id="playlist-scroll-up-button"
        onClick={[Function]}
      />
      <div
        id="playlist-scroll-down-button"
        onClick={[Function]}
      />
      <div
        id="playlist-resize-target"
        onMouseDown={[Function]}
      />
    </div>
  </div>
</div>
`;
