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

exports[`SecuritySummary creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="mb-5"
  >
    <div
      class="h5 my-3 pt-2"
    >
      <span
        class="fw-bold"
      >
        170
      </span>
       vulnerabilities (
      <span
        class="fw-bold"
      >
        80
      </span>
       fixable)  have been detected in this package's 
      <span
        class="fw-bold"
      >
        images
      </span>
      .
    </div>
    <div
      class="fw-bold text-uppercase text-muted"
    >
      <small>
        Fixable vulnerabilities (80)
      </small>
    </div>
    <div
      class="progress mb-4"
      style="height: 25px;"
    >
      <div
        aria-label="Vulnerabilities number - high"
        class="progress-bar text-dark px-1 fw-bold progressBar"
        role="progressbar"
        style="width: 8.75%; background-color: rgb(223, 42, 25);"
      >
        <span
          class="badge rounded-pill bg-light text-dark text-center badgeSummary"
        >
          7
        </span>
      </div>
      <div
        aria-label="Vulnerabilities number - medium"
        class="progress-bar text-dark px-1 fw-bold progressBar"
        role="progressbar"
        style="width: 51.25%; background-color: rgb(247, 134, 15);"
      >
        <span
          class="badge rounded-pill bg-light text-dark text-center badgeSummary"
        >
          41
        </span>
      </div>
      <div
        aria-label="Vulnerabilities number - low"
        class="progress-bar text-dark px-1 fw-bold progressBar"
        role="progressbar"
        style="width: 40%; background-color: rgb(244, 189, 12);"
      >
        <span
          class="badge rounded-pill bg-light text-dark text-center badgeSummary"
        >
          32
        </span>
      </div>
    </div>
    <div
      class="fw-bold text-uppercase text-muted"
    >
      <small>
        All vulnerabilities (170)
      </small>
    </div>
    <div
      class="progress mb-4"
      style="height: 25px;"
    >
      <div
        aria-label="Vulnerabilities number - critical"
        class="progress-bar text-dark px-1 fw-bold progressBar"
        role="progressbar"
        style="width: 1.1764705882352942%; background-color: rgb(150, 0, 3);"
      >
        <span
          class="badge rounded-pill bg-light text-dark text-center badgeSummary"
        >
          2
        </span>
      </div>
      <div
        aria-label="Vulnerabilities number - high"
        class="progress-bar text-dark px-1 fw-bold progressBar"
        role="progressbar"
        style="width: 5.882352941176471%; background-color: rgb(223, 42, 25);"
      >
        <span
          class="badge rounded-pill bg-light text-dark text-center badgeSummary"
        >
          10
        </span>
      </div>
      <div
        aria-label="Vulnerabilities number - medium"
        class="progress-bar text-dark px-1 fw-bold progressBar"
        role="progressbar"
        style="width: 61.76470588235294%; background-color: rgb(247, 134, 15);"
      >
        <span
          class="badge rounded-pill bg-light text-dark text-center badgeSummary"
        >
          105
        </span>
      </div>
      <div
        aria-label="Vulnerabilities number - low"
        class="progress-bar text-dark px-1 fw-bold progressBar"
        role="progressbar"
        style="width: 31.176470588235293%; background-color: rgb(244, 189, 12);"
      >
        <span
          class="badge rounded-pill bg-light text-dark text-center badgeSummary"
        >
          53
        </span>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
