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

exports[`QueryEditor renders correctly 1`] = `
Array [
  <div
    className="gf-form-inline"
  >
    <span
      className="gf-form-label width-9 query-keyword"
    >
      Service
    </span>
    <div
      className="gf-form"
      onClick={[Function]}
    >
      <a
        className="gf-form-label query-part query-placeholder"
      >
        Select Services
      </a>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      <div
        className="gf-form-label gf-form-label--grow"
      />
    </div>
  </div>,
  <div
    className="gf-form-inline"
  >
    <span
      className="gf-form-label width-9 query-keyword"
    >
      Metric
    </span>
    <div
      className="gf-form"
      onClick={[Function]}
    >
      <a
        className="gf-form-label query-part query-placeholder query-part"
      >
        Select Metric
      </a>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      <div
        className="gf-form-label gf-form-label--grow"
      />
    </div>
  </div>,
  <div
    className="gf-form-inline"
  >
    <label
      className="gf-form-label query-keyword width-9"
    >
      Filter
    </label>
    <div
      className="gf-form"
      onClick={[Function]}
    >
      <a
        className="gf-form-label query-part"
      >
        <i
          className="fa fa-plus"
        />
      </a>
    </div>
    <div
      className="gf-form gf-form--grow"
    >
      <label
        className="gf-form-label gf-form-label--grow"
      />
    </div>
  </div>,
  <div
    className="gf-form-inline"
  >
    <label
      className="gf-form-label query-keyword width-9"
    >
      Group By
    </label>
    <div
      className="gf-form gf-form--grow"
    >
      <label
        className="gf-form-label gf-form-label--grow"
      />
    </div>
  </div>,
  <div
    className="gf-form-inline"
  >
    <label
      className="gf-form-label query-keyword width-9"
    >
      Aggregation
    </label>
    <div
      className="gf-form"
      onClick={[Function]}
    >
      <a
        className="gf-form-label query-part query-placeholder"
      >
        Select Reducer
      </a>
    </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"
  >
    <label
      className="gf-form-label query-keyword width-9"
    >
      Alignment Period
    </label>
    <div
      className="gf-form"
      onClick={[Function]}
    >
      <a
        className="gf-form-label query-part"
      >
        stackdriver auto
      </a>
    </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>,
  "",
  "",
]
`;
