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

exports[`Package index creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="position-relative flex-grow-1"
    data-testid="mainPackage"
  />
</DocumentFragment>
`;

exports[`Package index creates snapshot 2`] = `
<DocumentFragment>
  <div
    class="position-relative flex-grow-1"
    data-testid="mainPackage"
  >
    <div
      class="jumbotron jumbotron"
    >
      <div
        class="container position-relative"
      >
        <div
          class="d-flex align-items-start w-100 mb-3"
        >
          <div
            class="d-flex align-items-center flex-grow-1 mw-100"
          >
            <div
              class="d-flex align-items-center justify-content-center p-1 overflow-hidden imageWrapper"
            >
              <img
                alt="Pretty name"
                class="image"
                src="/image/imageId"
                srcset="/image/imageId@1x 1x, /image/imageId@2x 2x, /image/imageId@3x 3x, /image/imageId@4x 4x"
              />
            </div>
            <div
              class="ml-3 text-truncate w-100"
            >
              <div
                class="d-flex flex-row align-items-center titleWrapper"
              >
                <div
                  class="h3 mb-0 text-nowrap text-truncate"
                >
                  Pretty name
                </div>
              </div>
              <div
                class="d-block d-md-none text-truncate w-100"
              >
                <span
                  class="text-dark d-inline-block text-truncate mw-100 mobileVersion"
                >
                  Helm
                  <span
                    class="px-1"
                  >
                    /
                  </span>
                  <img
                    alt="Icon"
                    class="mr-1 repoIcon"
                    src="/static/media/helm-chart.svg"
                  />
                  incubator
                </span>
              </div>
              <div
                class="d-none d-md-flex flex-row align-items-start mt-2 subtitle"
              >
                <div
                  class="mr-2 text-truncate d-flex flex-row align-items-baseline mw50"
                >
                  <div
                    class="position-absolute"
                  >
                    <div
                      class="dropdown-menu dropdown-menu-left dropdown"
                      data-testid="orgInfoDropdown"
                    />
                  </div>
                  <div
                    class="d-flex flex-row aling-items-start text-truncate"
                  >
                    <div
                      class="d-flex flex-row align-items-baseline mr-1 text-muted text-uppercase"
                    >
                      <small>
                        Org:
                      </small>
                    </div>
                    <button
                      class="p-0 border-0 text-dark text-truncate flex-grow-1 link undefined"
                      data-testid="orgLink"
                    >
                      <div
                        class="text-truncate"
                      >
                        Helm
                      </div>
                    </button>
                  </div>
                </div>
                <div
                  class="text-truncate d-flex flex-row align-items-baseline mw50"
                >
                  <div
                    class="position-absolute"
                  >
                    <div
                      class="dropdown-menu dropdown-menu-left dropdown"
                      data-testid="repoInfoDropdown"
                    >
                      <div
                        class="content"
                      >
                        <div
                          class="d-flex flex-column"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <small
                              class="text-muted text-uppercase mr-1"
                            >
                              Repo: 
                            </small>
                            <img
                              alt="Icon"
                              class="mr-1 repoIconMini"
                              src="/static/media/helm-chart.svg"
                            />
                            <div
                              class="text-reset labelContent"
                            >
                              incubator
                            </div>
                          </div>
                          <div
                            class="mt-2 d-flex flex-row align-items-baseline"
                          >
                            <small
                              class="text-muted text-uppercase mr-1"
                            >
                              Url: 
                            </small>
                            <div
                              class="text-reset urlContent labelContent"
                            >
                              <div
                                class="position-relative d-inline-block"
                              >
                                <button
                                  class="btn btn-sm miniBtn"
                                  data-testid="ctcBtn"
                                  type="button"
                                >
                                  <div
                                    class="d-flex flex-row align-items-center"
                                  >
                                    <svg
                                      fill="none"
                                      height="1em"
                                      stroke="currentColor"
                                      stroke-linecap="round"
                                      stroke-linejoin="round"
                                      stroke-width="2"
                                      viewBox="0 0 24 24"
                                      width="1em"
                                      xmlns="http://www.w3.org/2000/svg"
                                    >
                                      <rect
                                        height="13"
                                        rx="2"
                                        ry="2"
                                        width="13"
                                        x="9"
                                        y="9"
                                      />
                                      <path
                                        d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                      />
                                    </svg>
                                  </div>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="d-flex flex-row aling-items-start text-truncate"
                  >
                    <div
                      class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                    >
                      <small
                        class="mr-1"
                      >
                        Repo:
                      </small>
                      <img
                        alt="Icon"
                        class="repoIcon"
                        src="/static/media/helm-chart.svg"
                      />
                    </div>
                    <button
                      class="p-0 border-0 text-dark text-truncate link"
                      data-testid="repoLink"
                    >
                      <div
                        class="text-truncate"
                      >
                        incubator
                      </div>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <p
          class="mb-0"
        >
          desc
        </p>
        <div
          class="d-flex align-items-center justify-content-between flex-wrap d-md-none"
        >
          <div
            class="d-flex mt-3"
          >
            <div
              class="mr-2"
            >
              <div
                class="wrapper"
              >
                <div
                  class="position-relative buttonWrapper"
                >
                  <button
                    class="font-weight-bold text-uppercase position-relative btn btn-block btn btn-outline-secondary"
                    data-testid="openModalBtn"
                    type="button"
                  >
                    <div
                      class="d-flex align-items-center justify-content-center"
                    >
                      <svg
                        class="mr-2"
                        fill="none"
                        height="1em"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <line
                          x1="12"
                          x2="12"
                          y1="5"
                          y2="19"
                        />
                        <line
                          x1="5"
                          x2="19"
                          y1="12"
                          y2="12"
                        />
                      </svg>
                      <span>
                        Info
                      </span>
                    </div>
                  </button>
                </div>
                <div
                  class="modal modal"
                  role="dialog"
                >
                  <div
                    class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
                  >
                    <div
                      class="modal-content content undefined"
                    >
                      <div
                        class="modal-header d-flex flex-row align-items-center header"
                      >
                        <div
                          class="d-flex align-items-center"
                        >
                          <div
                            class="d-flex align-items-center justify-content-center p-1 overflow-hidden imageWrapper"
                          >
                            <img
                              alt="Pretty name"
                              class="image"
                              src="/image/imageId"
                              srcset="/image/imageId@1x 1x, /image/imageId@2x 2x, /image/imageId@3x 3x, /image/imageId@4x 4x"
                            />
                          </div>
                          <div
                            class="ml-3"
                          >
                            <div
                              class="h5 mb-0"
                            >
                              Pretty name
                            </div>
                          </div>
                        </div>
                        <button
                          class="close"
                          data-testid="closeModalBtn"
                          type="button"
                        >
                          <span
                            aria-hidden="true"
                          >
                            ×
                          </span>
                        </button>
                      </div>
                      <div
                        class="modal-body p-4 h-100 d-flex flex-column"
                      />
                      <div
                        class="modal-footer p-3"
                      >
                        <button
                          class="btn btn-secondary"
                          data-testid="closeModalFooterBtn"
                          type="button"
                        >
                          Close
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div>
              <div
                class="modalInstallationWrapper"
              >
                <div
                  class="position-relative buttonWrapper"
                >
                  <button
                    class="font-weight-bold text-uppercase position-relative btn btn-block btn btn-outline-secondary"
                    data-testid="openModalBtn"
                    type="button"
                  >
                    <div
                      class="d-flex align-items-center justify-content-center"
                    >
                      <svg
                        class="mr-2"
                        fill="none"
                        height="1em"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
                        />
                        <polyline
                          points="7 10 12 15 17 10"
                        />
                        <line
                          x1="12"
                          x2="12"
                          y1="15"
                          y2="3"
                        />
                      </svg>
                      <span>
                        Install
                      </span>
                    </div>
                  </button>
                </div>
                <div
                  class="modal modal"
                  role="dialog"
                >
                  <div
                    class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
                  >
                    <div
                      class="modal-content content undefined"
                    >
                      <div
                        class="modal-header d-flex flex-row align-items-center header"
                      >
                        <div
                          class="d-flex align-items-center"
                        >
                          <div
                            class="d-flex align-items-center justify-content-center p-1 overflow-hidden imageWrapper"
                          >
                            <img
                              alt="Pretty name"
                              class="image"
                              src="/image/imageId"
                              srcset="/image/imageId@1x 1x, /image/imageId@2x 2x, /image/imageId@3x 3x, /image/imageId@4x 4x"
                            />
                          </div>
                          <div
                            class="ml-3"
                          >
                            <div
                              class="h5 mb-0"
                            >
                              Pretty name
                            </div>
                          </div>
                        </div>
                        <button
                          class="close"
                          data-testid="closeModalBtn"
                          type="button"
                        >
                          <span
                            aria-hidden="true"
                          >
                            ×
                          </span>
                        </button>
                      </div>
                      <div
                        class="modal-body p-4 h-100 d-flex flex-column"
                      />
                      <div
                        class="modal-footer p-3"
                      >
                        <button
                          class="btn btn-secondary"
                          data-testid="closeModalFooterBtn"
                          type="button"
                        >
                          Close
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="position-absolute d-flex flex-row optsWrapper"
        />
      </div>
    </div>
    <div
      class="container"
    >
      <div
        class="row"
      >
        <div
          class="mainContent"
        >
          <div
            class="alert alert-primary ml-auto mr-auto my-5 text-center p-4 p-sm-5 border wrapper"
            data-testid="noData"
          >
            <div
              class="h4"
            >
              No README file available for this package
            </div>
          </div>
        </div>
        <div
          class="col col-auto pl-5 pb-4 d-none d-md-block"
        >
          <div
            class="modalInstallationWrapper"
          >
            <div
              class="position-relative buttonWrapper"
            >
              <button
                class="font-weight-bold text-uppercase position-relative btn btn-block btn btn-primary"
                data-testid="openModalBtn"
                type="button"
              >
                <div
                  class="d-flex align-items-center justify-content-center"
                >
                  <span>
                    Install
                  </span>
                </div>
              </button>
            </div>
            <div
              class="modal modal"
              role="dialog"
            >
              <div
                class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
              >
                <div
                  class="modal-content content undefined"
                >
                  <div
                    class="modal-header d-flex flex-row align-items-center header"
                  >
                    <div
                      class="d-flex align-items-center"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center p-1 overflow-hidden imageWrapper"
                      >
                        <img
                          alt="Pretty name"
                          class="image"
                          src="/image/imageId"
                          srcset="/image/imageId@1x 1x, /image/imageId@2x 2x, /image/imageId@3x 3x, /image/imageId@4x 4x"
                        />
                      </div>
                      <div
                        class="ml-3"
                      >
                        <div
                          class="h5 mb-0"
                        >
                          Pretty name
                        </div>
                      </div>
                    </div>
                    <button
                      class="close"
                      data-testid="closeModalBtn"
                      type="button"
                    >
                      <span
                        aria-hidden="true"
                      >
                        ×
                      </span>
                    </button>
                  </div>
                  <div
                    class="modal-body p-4 h-100 d-flex flex-column"
                  />
                  <div
                    class="modal-footer p-3"
                  >
                    <button
                      class="btn btn-secondary"
                      data-testid="closeModalFooterBtn"
                      type="button"
                    >
                      Close
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            class="card shadow-sm position-relative info"
          >
            <div
              class="card-body"
            >
              <div>
                <div
                  class="mt-2 mb-1"
                  data-testid="smallTitle"
                >
                  <small
                    class="card-title text-muted text-uppercase"
                  >
                    <span>
                      Application version
                    </span>
                  </small>
                </div>
                <p
                  class="text-truncate"
                  data-testid="appVersion"
                >
                  1.0.0
                </p>
              </div>
              <div>
                <div
                  class="d-flex flex-row align-items-center mt-2 mb-1"
                >
                  <div
                    data-testid="smallTitle"
                  >
                    <small
                      class="card-title text-muted text-uppercase"
                    >
                      Chart Versions
                    </small>
                  </div>
                  <small>
                    <a
                      class="badge badge-pill badge-secondary ml-3 badge"
                      href="/api/v1/packages/helm/incubator/pr/feed/rss"
                      rel="alternate noopener noreferrer"
                      role="button"
                      target="_blank"
                      type="application/rss+xml"
                    >
                      <div
                        class="d-flex flex-row align-items-center"
                      >
                        <svg
                          class="mr-1"
                          fill="currentColor"
                          height="1em"
                          stroke="currentColor"
                          stroke-width="0"
                          viewBox="0 0 448 512"
                          width="1em"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"
                          />
                        </svg>
                        <div>
                          RSS
                        </div>
                      </div>
                    </a>
                  </small>
                </div>
                <p
                  data-testid="chartVersions"
                >
                  -
                </p>
              </div>
              <div
                class="mt-2 mb-1"
                data-testid="smallTitle"
              >
                <small
                  class="card-title text-muted text-uppercase"
                >
                  <span>
                    Keywords
                  </span>
                </small>
              </div>
              <div
                class="mb-3"
              >
                <span
                  data-testid="keywords"
                >
                  <button
                    class="btn btn-sm d-inline badge font-weight-normal mr-2 mb-2 mb-sm-0 badge"
                    data-testid="keywordBtn"
                  >
                    key1
                  </button>
                  <button
                    class="btn btn-sm d-inline badge font-weight-normal mr-2 mb-2 mb-sm-0 badge"
                    data-testid="keywordBtn"
                  >
                    key2
                  </button>
                </span>
              </div>
            </div>
          </div>
          <div
            class="relatedPackagesWrapper"
          />
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
