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

exports[`QueryEditor renders correctly 1`] = `
Array [
  <div
    className="gf-form-inline"
  >
    <div
      className="gf-form"
    >
      <span
        className="gf-form-label width-9 query-keyword"
      >
        Service
      </span>
      <div>
        <div
          className="css-0 gf-form-input gf-form-input--form-dropdown width-15"
          onKeyDown={[Function]}
        >
          <div
            className="css-0 gf-form-select-box__control"
            onMouseDown={[Function]}
            onTouchEnd={[Function]}
          >
            <div
              className="css-0 gf-form-select-box__value-container"
            >
              <div
                className="css-0 gf-form-select-box__placeholder"
              >
                Select Services
              </div>
              <input
                className="css-14uuagi"
                disabled={false}
                id="react-select-2-input"
                onBlur={[Function]}
                onChange={[Function]}
                onFocus={[Function]}
                readOnly={true}
                tabIndex="0"
                value=""
              />
            </div>
            <div
              className="css-0 gf-form-select-box__indicators"
            >
              <span
                className="gf-form-select-box__select-arrow "
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      <div
        className="gf-form-label gf-form-label--grow"
      />
    </div>
  </div>,
  <div
    className="gf-form-inline"
  >
    <div
      className="gf-form"
    >
      <span
        className="gf-form-label width-9 query-keyword"
      >
        Metric
      </span>
      <div>
        <div
          className="css-0 gf-form-input gf-form-input--form-dropdown width-26"
          onKeyDown={[Function]}
        >
          <div
            className="css-0 gf-form-select-box__control"
            onMouseDown={[Function]}
            onTouchEnd={[Function]}
          >
            <div
              className="css-0 gf-form-select-box__value-container"
            >
              <div
                className="css-0 gf-form-select-box__placeholder"
              >
                Select Metric
              </div>
              <div
                className="css-0"
              >
                <div
                  className="gf-form-select-box__input"
                  style={
                    Object {
                      "display": "inline-block",
                    }
                  }
                >
                  <input
                    aria-autocomplete="list"
                    autoCapitalize="none"
                    autoComplete="off"
                    autoCorrect="off"
                    disabled={false}
                    id="react-select-3-input"
                    onBlur={[Function]}
                    onChange={[Function]}
                    onFocus={[Function]}
                    spellCheck="false"
                    style={
                      Object {
                        "background": 0,
                        "border": 0,
                        "boxSizing": "content-box",
                        "color": "inherit",
                        "fontSize": "inherit",
                        "opacity": 1,
                        "outline": 0,
                        "padding": 0,
                        "width": "1px",
                      }
                    }
                    tabIndex="0"
                    type="text"
                    value=""
                  />
                  <div
                    style={
                      Object {
                        "height": 0,
                        "left": 0,
                        "overflow": "scroll",
                        "position": "absolute",
                        "top": 0,
                        "visibility": "hidden",
                        "whiteSpace": "pre",
                      }
                    }
                  >
                    
                  </div>
                </div>
              </div>
            </div>
            <div
              className="css-0 gf-form-select-box__indicators"
            >
              <span
                className="gf-form-select-box__select-arrow "
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      <div
        className="gf-form-label gf-form-label--grow"
      />
    </div>
  </div>,
  <div
    style={
      Object {
        "width": "100%",
      }
    }
  />,
  <div
    className="gf-form-inline"
  >
    <div
      className="gf-form"
    >
      <label
        className="gf-form-label query-keyword width-9"
      >
        Aggregation
      </label>
      <div>
        <div
          className="css-0 gf-form-input gf-form-input--form-dropdown width-15"
          onKeyDown={[Function]}
        >
          <div
            className="css-0 gf-form-select-box__control"
            onMouseDown={[Function]}
            onTouchEnd={[Function]}
          >
            <div
              className="css-0 gf-form-select-box__value-container"
            >
              <div
                className="css-0 gf-form-select-box__placeholder"
              >
                Select Reducer
              </div>
              <div
                className="css-0"
              >
                <div
                  className="gf-form-select-box__input"
                  style={
                    Object {
                      "display": "inline-block",
                    }
                  }
                >
                  <input
                    aria-autocomplete="list"
                    autoCapitalize="none"
                    autoComplete="off"
                    autoCorrect="off"
                    disabled={false}
                    id="react-select-4-input"
                    onBlur={[Function]}
                    onChange={[Function]}
                    onFocus={[Function]}
                    spellCheck="false"
                    style={
                      Object {
                        "background": 0,
                        "border": 0,
                        "boxSizing": "content-box",
                        "color": "inherit",
                        "fontSize": "inherit",
                        "opacity": 1,
                        "outline": 0,
                        "padding": 0,
                        "width": "1px",
                      }
                    }
                    tabIndex="0"
                    type="text"
                    value=""
                  />
                  <div
                    style={
                      Object {
                        "height": 0,
                        "left": 0,
                        "overflow": "scroll",
                        "position": "absolute",
                        "top": 0,
                        "visibility": "hidden",
                        "whiteSpace": "pre",
                      }
                    }
                  >
                    
                  </div>
                </div>
              </div>
            </div>
            <div
              className="css-0 gf-form-select-box__indicators"
            >
              <span
                className="gf-form-select-box__select-arrow "
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      <label
        className="gf-form-label gf-form-label--grow"
      >
        <a
          onClick={[Function]}
        >
          <i
            className="fa fa-caret-right"
          />
           Advanced Options
        </a>
      </label>
    </div>
  </div>,
  <div
    className="gf-form-inline"
  >
    <div
      className="gf-form"
    >
      <label
        className="gf-form-label query-keyword width-9"
      >
        Alignment Period
      </label>
      <div>
        <div
          className="css-0 gf-form-input gf-form-input--form-dropdown width-15"
          onKeyDown={[Function]}
        >
          <div
            className="css-0 gf-form-select-box__control"
            onMouseDown={[Function]}
            onTouchEnd={[Function]}
          >
            <div
              className="css-0 gf-form-select-box__value-container gf-form-select-box__value-container--has-value"
            >
              <div
                className="css-0 gf-form-select-box__single-value"
              >
                <div
                  className="gf-form-select-box__img-value"
                >
                  stackdriver auto
                </div>
              </div>
              <div
                className="css-0"
              >
                <div
                  className="gf-form-select-box__input"
                  style={
                    Object {
                      "display": "inline-block",
                    }
                  }
                >
                  <input
                    aria-autocomplete="list"
                    autoCapitalize="none"
                    autoComplete="off"
                    autoCorrect="off"
                    disabled={false}
                    id="react-select-5-input"
                    onBlur={[Function]}
                    onChange={[Function]}
                    onFocus={[Function]}
                    spellCheck="false"
                    style={
                      Object {
                        "background": 0,
                        "border": 0,
                        "boxSizing": "content-box",
                        "color": "inherit",
                        "fontSize": "inherit",
                        "opacity": 1,
                        "outline": 0,
                        "padding": 0,
                        "width": "1px",
                      }
                    }
                    tabIndex="0"
                    type="text"
                    value=""
                  />
                  <div
                    style={
                      Object {
                        "height": 0,
                        "left": 0,
                        "overflow": "scroll",
                        "position": "absolute",
                        "top": 0,
                        "visibility": "hidden",
                        "whiteSpace": "pre",
                      }
                    }
                  >
                    
                  </div>
                </div>
              </div>
            </div>
            <div
              className="css-0 gf-form-select-box__indicators"
            >
              <span
                className="gf-form-select-box__select-arrow "
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      
    </div>
  </div>,
  <div
    className="gf-form-inline"
  >
    <div
      className="gf-form"
    >
      <label
        className="gf-form-label query-keyword width-9"
      >
        Alias By
      </label>
      <div
        style={
          Object {
            "flexGrow": 1,
          }
        }
      >
        <input
          className="gf-form-input gf-form-input width-24"
          onChange={[Function]}
          type="text"
          value=""
        />
      </div>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      <div
        className="gf-form-label gf-form-label--grow"
      />
    </div>
  </div>,
  <div
    className="gf-form-inline"
  >
    <div
      className="gf-form"
    >
      <span
        className="gf-form-label width-9 query-keyword"
      >
        Project
      </span>
      <div
        style={
          Object {
            "flexGrow": 1,
          }
        }
      >
        <input
          className="gf-form-input gf-form-input width-15"
          disabled={true}
          type="text"
          value="Loading project..."
        />
      </div>
    </div>
    <div
      className="gf-form"
      onClick={[Function]}
    >
      <label
        className="gf-form-label query-keyword pointer"
      >
        Show Help 
        <i
          className="fa fa-caret-right"
        />
      </label>
    </div>
    
    <div
      className="gf-form gf-form--grow"
    >
      <div
        className="gf-form-label gf-form-label--grow"
      />
    </div>
  </div>,
  "",
  "",
]
`;
