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

exports[`SummaryTable creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="w-100 my-4 tableWrapper"
  >
    <table
      class="table table-bordered table-md mb-0 table"
    >
      <thead>
        <tr
          class="tableTitle"
        >
          <th
            class="w-auto"
            scope="col"
          >
            Image
          </th>
          <th
            class="text-center"
            scope="col"
          >
            Rating
          </th>
          <th
            class="text-center"
            scope="col"
          >
            Type
          </th>
          <th
            class="col text-center text-capitalize"
          >
            critical
          </th>
          <th
            class="col text-center text-capitalize"
          >
            high
          </th>
          <th
            class="col text-center text-capitalize"
          >
            medium
          </th>
          <th
            class="col text-center text-capitalize"
          >
            low
          </th>
          <th
            class="col text-center text-capitalize"
          >
            unknown
          </th>
          <th
            class="text-center"
            scope="col"
          >
            Total
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td
            class="align-middle"
            rowspan="2"
          >
            <div
              class="d-table w-100 imageNameWrapper"
            >
              <div
                class="text-truncate"
              >
                rook/ceph:v1.1.1
              </div>
            </div>
          </td>
          <td
            class="text-center align-middle"
            rowspan="2"
          >
            <div
              class="d-inline-block"
            >
              <div
                class="position-relative ratingBadge"
              >
                <div
                  data-testid="elementWithTooltip"
                >
                  <small>
                    <div
                      class="badge text-light fw-bold badge ratingBadge"
                      style="background-color: rgb(150, 0, 3);"
                    >
                      F
                    </div>
                  </small>
                </div>
              </div>
            </div>
          </td>
          <td
            class="narrowCell"
          >
            Fixable
          </td>
          <td
            class="text-center narrowCell"
          >
            0
          </td>
          <td
            class="text-center narrowCell"
          >
            0
          </td>
          <td
            class="text-center narrowCell"
          >
            0
          </td>
          <td
            class="text-center narrowCell"
          >
            0
          </td>
          <td
            class="text-center narrowCell"
          >
            0
          </td>
          <td
            class="text-center fw-bold narrowCell"
          >
            0
          </td>
        </tr>
        <tr>
          <td
            class="narrowCell"
          >
            All
          </td>
          <td
            class="text-center narrowCell"
          >
            4
          </td>
          <td
            class="text-center narrowCell"
          >
            22
          </td>
          <td
            class="text-center narrowCell"
          >
            461
          </td>
          <td
            class="text-center narrowCell"
          >
            455
          </td>
          <td
            class="text-center narrowCell"
          >
            0
          </td>
          <td
            class="text-center fw-bold narrowCell"
          >
            942
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</DocumentFragment>
`;
