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

exports[`EqualizerWindow renders to snapshot 1`] = `
<div
  className="window draggable"
  id="equalizer-window"
>
  <div
    onFocus={[Function]}
    onMouseDown={[Function]}
    style={
      Object {
        "height": "100%",
        "width": "100%",
      }
    }
    tabIndex={-1}
  >
    <div>
      <div
        className="equalizer-top title-bar draggable"
        onDoubleClick={[Function]}
      >
        <div
          id="equalizer-shade"
          onClick={[Function]}
        />
        <div
          id="equalizer-close"
          onClick={[Function]}
        />
      </div>
      <div
        className="selected"
        id="on"
        onClick={[Function]}
      />
      <div
        className=""
        id="auto"
        onClick={[Function]}
      />
      <canvas
        height={19}
        id="eqGraph"
        width={113}
      />
      <div
        id="presets-context"
      >
        <div
          className="handle"
          onClick={[Function]}
          style={
            Object {
              "height": "100%",
              "width": "100%",
            }
          }
        >
          <div
            id="presets"
          />
        </div>
      </div>
      <div
        className="band"
        id="preamp"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        id="plus12db"
        onClick={[Function]}
      />
      <div
        id="zerodb"
        onClick={[Function]}
      />
      <div
        id="minus12db"
        onClick={[Function]}
      />
      <div
        className="band"
        id="band-60"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-170"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-310"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-600"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-1000"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-3000"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-6000"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-12000"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-14000"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
      <div
        className="band"
        id="band-16000"
        style={
          Object {
            "backgroundPosition": "-0px -65px",
          }
        }
      >
        <div
          className="rc-slider rc-slider-vertical"
          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": "50%",
                "top": "auto",
              }
            }
          />
          <div
            className="rc-slider-step"
          />
          <div
            className="rc-slider-handle"
          />
          <div
            className="rc-slider-mark"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;
