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

exports[`MlExperiment with candidates renders correctly 1`] = `
<div>
  <div
    class="gl-alert gl-alert-warning"
  >
    <svg
      aria-hidden="true"
      class="gl-icon s16 gl-alert-icon"
      data-testid="warning-icon"
      role="img"
    >
      <use
        href="#warning"
      />
    </svg>
     
    <div
      aria-live="assertive"
      class="gl-alert-content"
      role="alert"
    >
      <h2
        class="gl-alert-title"
      >
        Machine Learning Experiment Tracking is in Incubating Phase
      </h2>
       
      <div
        class="gl-alert-body"
      >
        
  GitLab incubates features to explore new use cases. These features are updated regularly, and support is limited
  
        <a
          class="gl-link"
          href="https://about.gitlab.com/handbook/engineering/incubation/"
          rel="noopener noreferrer"
          target="_blank"
        >
          Learn more
        </a>
      </div>
       
      <div
        class="gl-alert-actions"
      >
        <a
          class="btn gl-alert-action btn-confirm btn-md gl-button"
          href="https://gitlab.com/gitlab-org/gitlab/-/issues/381660"
        >
          <!---->
           
          <!---->
            
          <span
            class="gl-button-text"
          >
            
          Feedback
        
          </span>
        </a>
      </div>
    </div>
     
    <button
      aria-label="Dismiss"
      class="btn gl-dismiss-btn btn-default btn-sm gl-button btn-default-tertiary btn-icon"
      type="button"
    >
      <!---->
       
      <svg
        aria-hidden="true"
        class="gl-button-icon gl-icon s16"
        data-testid="close-icon"
        role="img"
      >
        <use
          href="#close"
        />
      </svg>
        
      <!---->
    </button>
  </div>
   
  <h3>
    
    Experiment candidates
  
  </h3>
   
  <table
    aria-busy="false"
    aria-colcount="9"
    class="table b-table gl-table gl-mt-0! ml-candidate-table table-sm"
    role="table"
  >
    <!---->
    <!---->
    <thead
      class=""
      role="rowgroup"
    >
      <!---->
      <tr
        class=""
        role="row"
      >
        <th
          aria-colindex="1"
          class=""
          role="columnheader"
          scope="col"
        >
          <div>
            Name
          </div>
        </th>
        <th
          aria-colindex="2"
          class=""
          role="columnheader"
          scope="col"
        >
          <div>
            Created at
          </div>
        </th>
        <th
          aria-colindex="3"
          class=""
          role="columnheader"
          scope="col"
        >
          <div>
            User
          </div>
        </th>
        <th
          aria-colindex="4"
          class=""
          role="columnheader"
          scope="col"
        >
          <div>
            L1 Ratio
          </div>
        </th>
        <th
          aria-colindex="5"
          class=""
          role="columnheader"
          scope="col"
        >
          <div>
            Rmse
          </div>
        </th>
        <th
          aria-colindex="6"
          class=""
          role="columnheader"
          scope="col"
        >
          <div>
            Auc
          </div>
        </th>
        <th
          aria-colindex="7"
          class=""
          role="columnheader"
          scope="col"
        >
          <div>
            Mae
          </div>
        </th>
        <th
          aria-colindex="8"
          aria-label="Details"
          class=""
          role="columnheader"
          scope="col"
        >
          <div />
        </th>
        <th
          aria-colindex="9"
          aria-label="Artifact"
          class=""
          role="columnheader"
          scope="col"
        >
          <div />
        </th>
      </tr>
    </thead>
    <tbody
      role="rowgroup"
    >
      <!---->
      <tr
        class=""
        role="row"
      >
        <td
          aria-colindex="1"
          class=""
          role="cell"
        >
          <div
            title="aCandidate"
          >
            aCandidate
          </div>
        </td>
        <td
          aria-colindex="2"
          class=""
          role="cell"
        >
          <time
            class=""
            datetime="2023-01-05T14:07:02.975Z"
            title="2023-01-05T14:07:02.975Z"
          >
            in 2 years
          </time>
        </td>
        <td
          aria-colindex="3"
          class=""
          role="cell"
        >
          <a
            class="gl-link"
            href="/root"
            title="root"
          >
            @root
          </a>
        </td>
        <td
          aria-colindex="4"
          class=""
          role="cell"
        >
          <div
            title="0.4"
          >
            0.4
          </div>
        </td>
        <td
          aria-colindex="5"
          class=""
          role="cell"
        >
          <div
            title="1"
          >
            1
          </div>
        </td>
        <td
          aria-colindex="6"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="7"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="8"
          class=""
          role="cell"
        >
          <a
            class="gl-link"
            href="link_to_candidate1"
            title="Details"
          >
            Details
          </a>
        </td>
        <td
          aria-colindex="9"
          class=""
          role="cell"
        >
          <a
            class="gl-link"
            href="link_to_artifact"
            rel="noopener"
            target="_blank"
            title="Artifacts"
          >
            Artifacts
          </a>
        </td>
      </tr>
      <tr
        class=""
        role="row"
      >
        <td
          aria-colindex="1"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="2"
          class=""
          role="cell"
        >
          <time
            class=""
            datetime="2023-01-05T14:07:02.975Z"
            title="2023-01-05T14:07:02.975Z"
          >
            in 2 years
          </time>
        </td>
        <td
          aria-colindex="3"
          class=""
          role="cell"
        >
          <div>
            -
          </div>
        </td>
        <td
          aria-colindex="4"
          class=""
          role="cell"
        >
          <div
            title="0.5"
          >
            0.5
          </div>
        </td>
        <td
          aria-colindex="5"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="6"
          class=""
          role="cell"
        >
          <div
            title="0.3"
          >
            0.3
          </div>
        </td>
        <td
          aria-colindex="7"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="8"
          class=""
          role="cell"
        >
          <a
            class="gl-link"
            href="link_to_candidate2"
            title="Details"
          >
            Details
          </a>
        </td>
        <td
          aria-colindex="9"
          class=""
          role="cell"
        >
          <div
            title="Artifacts"
          >
            
        -
      
          </div>
        </td>
      </tr>
      <tr
        class=""
        role="row"
      >
        <td
          aria-colindex="1"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="2"
          class=""
          role="cell"
        >
          <time
            class=""
            datetime="2023-01-05T14:07:02.975Z"
            title="2023-01-05T14:07:02.975Z"
          >
            in 2 years
          </time>
        </td>
        <td
          aria-colindex="3"
          class=""
          role="cell"
        >
          <div>
            -
          </div>
        </td>
        <td
          aria-colindex="4"
          class=""
          role="cell"
        >
          <div
            title="0.5"
          >
            0.5
          </div>
        </td>
        <td
          aria-colindex="5"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="6"
          class=""
          role="cell"
        >
          <div
            title="0.3"
          >
            0.3
          </div>
        </td>
        <td
          aria-colindex="7"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="8"
          class=""
          role="cell"
        >
          <a
            class="gl-link"
            href="link_to_candidate3"
            title="Details"
          >
            Details
          </a>
        </td>
        <td
          aria-colindex="9"
          class=""
          role="cell"
        >
          <div
            title="Artifacts"
          >
            
        -
      
          </div>
        </td>
      </tr>
      <tr
        class=""
        role="row"
      >
        <td
          aria-colindex="1"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="2"
          class=""
          role="cell"
        >
          <time
            class=""
            datetime="2023-01-05T14:07:02.975Z"
            title="2023-01-05T14:07:02.975Z"
          >
            in 2 years
          </time>
        </td>
        <td
          aria-colindex="3"
          class=""
          role="cell"
        >
          <div>
            -
          </div>
        </td>
        <td
          aria-colindex="4"
          class=""
          role="cell"
        >
          <div
            title="0.5"
          >
            0.5
          </div>
        </td>
        <td
          aria-colindex="5"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="6"
          class=""
          role="cell"
        >
          <div
            title="0.3"
          >
            0.3
          </div>
        </td>
        <td
          aria-colindex="7"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="8"
          class=""
          role="cell"
        >
          <a
            class="gl-link"
            href="link_to_candidate4"
            title="Details"
          >
            Details
          </a>
        </td>
        <td
          aria-colindex="9"
          class=""
          role="cell"
        >
          <div
            title="Artifacts"
          >
            
        -
      
          </div>
        </td>
      </tr>
      <tr
        class=""
        role="row"
      >
        <td
          aria-colindex="1"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="2"
          class=""
          role="cell"
        >
          <time
            class=""
            datetime="2023-01-05T14:07:02.975Z"
            title="2023-01-05T14:07:02.975Z"
          >
            in 2 years
          </time>
        </td>
        <td
          aria-colindex="3"
          class=""
          role="cell"
        >
          <div>
            -
          </div>
        </td>
        <td
          aria-colindex="4"
          class=""
          role="cell"
        >
          <div
            title="0.5"
          >
            0.5
          </div>
        </td>
        <td
          aria-colindex="5"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="6"
          class=""
          role="cell"
        >
          <div
            title="0.3"
          >
            0.3
          </div>
        </td>
        <td
          aria-colindex="7"
          class=""
          role="cell"
        >
          <div
            title=""
          >
            
          </div>
        </td>
        <td
          aria-colindex="8"
          class=""
          role="cell"
        >
          <a
            class="gl-link"
            href="link_to_candidate5"
            title="Details"
          >
            Details
          </a>
        </td>
        <td
          aria-colindex="9"
          class=""
          role="cell"
        >
          <div
            title="Artifacts"
          >
            
        -
      
          </div>
        </td>
      </tr>
      <!---->
      <!---->
    </tbody>
    <!---->
  </table>
   
  <!---->
</div>
`;