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

exports[`SecurityReport creates snapshot 1`] = `
<DocumentFragment>
  <div>
    <div
      class="mt-2 mb-1 undefined"
      data-testid="smallTitle"
    >
      <small
        class="card-title text-muted text-uppercase"
      >
        <span
          aria-level="5"
          role="heading"
        >
          Security Report
        </span>
      </small>
    </div>
    <div
      class="mb-3"
    >
      <div
        class="d-flex flex-row align-items-center mb-2"
      >
        <div>
          <small>
            <span
              class="fw-bold me-1"
            >
              179
            </span>
            vulnerabilities found
          </small>
        </div>
        <div
          class="position-relative position-relative ms-1"
        >
          <div
            data-testid="elementWithTooltip"
          >
            <small>
              <div
                class="badge rounded-pill text-light fw-bold badge position-relative ms-1"
                style="background-color: rgb(150, 0, 3);"
              >
                F
              </div>
            </small>
          </div>
        </div>
      </div>
      <div
        class="d-flex justify-content-between align-items-center pb-2 pb-md-0 pt-1 summary"
        data-testid="summaryItem"
      >
        <div
          class="d-flex flex-row align-items-center"
        >
          <span
            class="badge position-relative me-2 badge"
            data-testid="summaryBadge"
            style="background-color: rgb(150, 0, 3);"
          >
             
          </span>
          <span
            class="text-uppercase title"
          >
            critical
          </span>
        </div>
        <span
          class="badge text-dark rounded-pill badgeItems"
        >
          2
        </span>
      </div>
      <div
        class="d-flex justify-content-between align-items-center pb-2 pb-md-0 pt-1 summary"
        data-testid="summaryItem"
      >
        <div
          class="d-flex flex-row align-items-center"
        >
          <span
            class="badge position-relative me-2 badge"
            data-testid="summaryBadge"
            style="background-color: rgb(223, 42, 25);"
          >
             
          </span>
          <span
            class="text-uppercase title"
          >
            high
          </span>
        </div>
        <span
          class="badge text-dark rounded-pill badgeItems"
        >
          10
        </span>
      </div>
      <div
        class="d-flex justify-content-between align-items-center pb-2 pb-md-0 pt-1 summary"
        data-testid="summaryItem"
      >
        <div
          class="d-flex flex-row align-items-center"
        >
          <span
            class="badge position-relative me-2 badge"
            data-testid="summaryBadge"
            style="background-color: rgb(247, 134, 15);"
          >
             
          </span>
          <span
            class="text-uppercase title"
          >
            medium
          </span>
        </div>
        <span
          class="badge text-dark rounded-pill badgeItems"
        >
          105
        </span>
      </div>
      <div
        class="d-flex justify-content-between align-items-center pb-2 pb-md-0 pt-1 summary"
        data-testid="summaryItem"
      >
        <div
          class="d-flex flex-row align-items-center"
        >
          <span
            class="badge position-relative me-2 badge"
            data-testid="summaryBadge"
            style="background-color: rgb(244, 189, 12);"
          >
             
          </span>
          <span
            class="text-uppercase title"
          >
            low
          </span>
        </div>
        <span
          class="badge text-dark rounded-pill badgeItems"
        >
          53
        </span>
      </div>
      <div
        class="d-flex justify-content-between align-items-center pb-2 pb-md-0 pt-1 summary"
        data-testid="summaryItem"
      >
        <div
          class="d-flex flex-row align-items-center"
        >
          <span
            class="badge position-relative me-2 badge"
            data-testid="summaryBadge"
            style="background-color: rgb(178, 178, 178);"
          >
             
          </span>
          <span
            class="text-uppercase title"
          >
            unknown
          </span>
        </div>
        <span
          class="badge text-dark rounded-pill badgeItems"
        >
          9
        </span>
      </div>
      <div
        class="d-none d-md-block"
      >
        <div>
          <button
            aria-label="Open full report modal"
            class="btn btn-outline-secondary btn-sm"
          >
            <small
              class="d-flex flex-row align-items-center text-uppercase"
            >
              <svg
                class="me-2"
                fill="currentColor"
                height="1em"
                stroke="currentColor"
                stroke-width="0"
                viewBox="0 0 20 20"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"
                />
                <path
                  clip-rule="evenodd"
                  d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z"
                  fill-rule="evenodd"
                />
              </svg>
              <span>
                Open full report
              </span>
            </small>
          </button>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
