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

exports[`ExperimentItem renders correctly 1`] = `
<div
  className="card card-hover"
>
  <div
    className="card-header text-center py-1"
  >
    <div
      className="row"
    >
      <div
        className="col-md-3 text-left"
      >
        <h3
          className="font-weight-bold"
        >
          a2h6
        </h3>
      </div>
      <div
        className="col-md-6 text-center"
      >
        <div
          className="row-hl d-flex flex-wrap"
        >
          <div
            className="item-hl"
          >
            <span
              className="badge badge-font"
              style={
                Object {
                  "background": "yellow",
                  "fontWeight": "bold",
                }
              }
            >
              10
            </span>
          </div>
          <div
            className="item-hl ml-auto important-info"
          >
            10
             / 
            100
          </div>
        </div>
        <div
          className="progress border"
        >
          <div
            aria-valuemax={100}
            aria-valuemin="0"
            aria-valuenow={10}
            className="progress-bar bg-success"
            role="progressbar"
            style={
              Object {
                "width": "10%",
              }
            }
          />
        </div>
      </div>
      <div
        className="col-md-3 text-right"
      >
        <span
          className="badge badge-success text-right badge-font"
        >
          ACTIVE
        </span>
      </div>
    </div>
  </div>
  <div
    className="card-body py-1"
  >
    <div
      className="d-flex justify-content-between"
    >
      <div>
        <h6
          className="card-subtitle pt-2"
        >
          <span
            className="text-muted"
          >
            Owner:
          </span>
           
          wuruchi
        </h6>
      </div>
      <div>
        <span>
          <span
            className="text-muted"
          >
            HPC:
          </span>
           
          LOCAL
        </span>
      </div>
    </div>
    <p
      className="card-text mb-0"
    />
    <div
      className="row row-in-card"
    >
      <div
        className="col-md-3 px-1"
      >
        <button
          aria-controls="a2h6"
          className="btn btn-primary btn-block btn-sm menu-btn-md"
          data-placement="bottom"
          data-toggle="tooltip"
          disabled={true}
          onClick={[Function]}
          title="Shows a summary of the current progress of the experiment."
          type="button"
        >
          Summary
        </button>
      </div>
      <div
        className="col-md-3 px-1"
      >
        <a
          className="btn btn-primary btn-block btn-sm menu-btn-md"
          data-placement="bottom"
          data-toggle="tooltip"
          href="/autosubmitapp/experiment/a2h6"
          onClick={[Function]}
          title="Opens the experiment page where the Tree View representation is loaded by default."
        >
          Tree
        </a>
      </div>
      <div
        className="col-md-3 px-1"
      >
        <a
          className="btn btn-primary btn-block btn-sm menu-btn-md"
          data-placement="bottom"
          data-toggle="tooltip"
          href="/autosubmitapp/experiment/a2h6/graph"
          onClick={[Function]}
          title="Opens the experiment page where the Graph View representation is loaded by default."
        >
          Graph
        </a>
      </div>
      <div
        className="col-md-3 px-1"
      >
        <a
          className="btn btn-primary btn-block btn-sm menu-btn-md"
          data-placement="bottom"
          data-toggle="tooltip"
          href="/autosubmitapp/experiment/a2h6/light"
          onClick={[Function]}
          title="Opens the experiment page where a simple list of jobs and their status is presented. Loads quicker than the Tree View."
        >
          Quick
        </a>
      </div>
    </div>
    <div
      className="d-flex justify-content-between"
    >
      <div>
        <span
          className="px-1 bg-secondary rounded important-info"
        >
          3.11.0
        </span>
      </div>
      <div>
        <span>
          <span
            className="text-muted"
          >
            Last Update:
          </span>
           
          <span
            className="important-info"
          />
        </span>
      </div>
    </div>
  </div>
</div>
`;
