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

exports[`ExperimentItem renders correctly 1`] = `
<div
  className="col mb-4"
>
  <div
    className="card"
  >
    <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"
        >
           
          10
           / 
          100
           
          <div
            className="progress border"
          >
            <div
              aria-valuemax={100}
              aria-valuemin="0"
              aria-valuenow={10}
              className="progress-bar progress-bar-striped progress-bar-animated bg-success"
              role="progressbar"
              style={
                Object {
                  "width": "10%",
                }
              }
            />
          </div>
        </div>
        <div
          className="col-md-3 text-right"
        >
          <span
            className="badge badge-success text-right"
          >
            ACTIVE
          </span>
        </div>
      </div>
    </div>
    <div
      className="card-body py-1"
    >
      <div
        className="d-flex justify-content-between"
      >
        <div>
          <h6
            className="card-subtitle text-muted pt-2"
          >
            <span>
              Owner:
            </span>
             
            wuruchi
          </h6>
        </div>
        <div>
          <span
            className="text-muted"
          >
            HPC: 
            LOCAL
          </span>
        </div>
      </div>
      <p
        className="card-text py-1 mb-1"
      >
        <span>
          Test
        </span>
      </p>
      <div
        className="row"
      >
        <div
          className="col-3 px-1"
        >
          <button
            aria-controls="a2h6"
            className="btn btn-primary btn-block btn-sm"
            data-placement="bottom"
            data-toggle="tooltip"
            onClick={[Function]}
            title="Shows a summary of the current progress of the experiment."
            type="button"
          >
            Summary
          </button>
        </div>
        <div
          className="col-3 px-1"
        >
          <a
            className="btn btn-primary btn-block btn-sm"
            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-3 px-1"
        >
          <a
            className="btn btn-primary btn-block btn-sm"
            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-3 px-1"
        >
          <a
            className="btn btn-primary btn-block btn-sm"
            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>
      <p
        className="card-text text-center"
      >
        <span
          className="text-muted"
        >
          3.11.0
        </span>
      </p>
    </div>
  </div>
</div>
`;
