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

exports[`PlaylistWindow renders to snapshot 1`] = `
<div
  onFocus={[Function]}
  onMouseDown={[Function]}
  style={
    Object {
      "height": "100%",
      "width": "100%",
    }
  }
  tabIndex={-1}
>
  <div
    className="window draggable"
    id="playlist-window"
    onDragEnter={[Function]}
    onDragOver={[Function]}
    onDragStart={[Function]}
    onDrop={[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%",
                "top": "auto",
              }
            }
          />
          <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-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>
</div>
`;
