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

exports[`Filters creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="filters"
  >
    <div
      class="mt-3 mt-sm-4 pt-1"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            class="text-secondary font-weight-bold"
          >
            Category
          </span>
        </small>
      </div>
      <div
        class="mt-3"
      >
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-database"
            name="tsQuery"
            type="checkbox"
            value="database"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-database"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Database
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-integration-and-delivery"
            name="tsQuery"
            type="checkbox"
            value="integration-and-delivery"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-integration-and-delivery"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Integration and Delivery
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-logging-and-tracing"
            name="tsQuery"
            type="checkbox"
            value="logging-and-tracing"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-logging-and-tracing"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Logging and Tracing
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-machine-learning"
            name="tsQuery"
            type="checkbox"
            value="machine-learning"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-machine-learning"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Machine learning
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-monitoring"
            name="tsQuery"
            type="checkbox"
            value="monitoring"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-monitoring"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Monitoring
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-networking"
            name="tsQuery"
            type="checkbox"
            value="networking"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-networking"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Networking
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-security"
            name="tsQuery"
            type="checkbox"
            value="security"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-security"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Security
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-storage"
            name="tsQuery"
            type="checkbox"
            value="storage"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-storage"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Storage
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-streaming-messaging"
            name="tsQuery"
            type="checkbox"
            value="streaming-messaging"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-streaming-messaging"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Streaming and Messaging
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="tsQuery-web-applications"
            name="tsQuery"
            type="checkbox"
            value="web-applications"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="tsQuery-web-applications"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Web applications
              </span>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="facet mt-3 mt-sm-4 pt-1"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            class="text-secondary font-weight-bold"
          >
            Kind
          </span>
        </small>
      </div>
      <div
        class="mt-3"
      >
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="kind-0"
            name="kind"
            type="checkbox"
            value="0"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="kind-0"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Helm charts
              </span>
              <small
                class="pl-1"
              >
                (256)
              </small>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="kind-1"
            name="kind"
            type="checkbox"
            value="1"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="kind-1"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Falco rules
              </span>
              <small
                class="pl-1"
              >
                (21)
              </small>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="kind-2"
            name="kind"
            type="checkbox"
            value="2"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="kind-2"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                OPA policies
              </span>
              <small
                class="pl-1"
              >
                (1)
              </small>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="mt-3 mt-sm-4 pt-1"
    >
      <div
        class="mt-2 mb-1"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            class="text-secondary font-weight-bold pt-2"
          >
            Publisher
          </span>
        </small>
      </div>
      <div
        class="facet mt-0 pt-0"
        role="menuitem"
      >
        <small
          class="text-muted subtitle"
        >
          Organization
        </small>
        <div
          class=""
        >
          <div
            class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
          >
            <input
              class="custom-control-input input"
              data-testid="checkbox"
              id="org-helmOrg"
              name="org"
              type="checkbox"
              value="helmOrg"
            />
            <label
              class="custom-control-label w-100 label"
              data-testid="checkboxLabel"
              for="org-helmOrg"
            >
              <div
                class="d-flex align-items-baseline mw-100"
              >
                <span
                  class="d-inline-block text-truncate"
                >
                  Helm org
                </span>
                <small
                  class="pl-1"
                >
                  (256)
                </small>
              </div>
            </label>
          </div>
          <div
            class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
          >
            <input
              class="custom-control-input input"
              data-testid="checkbox"
              id="org-falco"
              name="org"
              type="checkbox"
              value="falco"
            />
            <label
              class="custom-control-label w-100 label"
              data-testid="checkboxLabel"
              for="org-falco"
            >
              <div
                class="d-flex align-items-baseline mw-100"
              >
                <span
                  class="d-inline-block text-truncate"
                >
                  Falco
                </span>
                <small
                  class="pl-1"
                >
                  (22)
                </small>
              </div>
            </label>
          </div>
        </div>
      </div>
      <div
        class="facet mt-0 pt-0"
        role="menuitem"
      >
        <small
          class="text-muted subtitle"
        >
          User
        </small>
        <div
          class=""
        >
          <div
            class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
          >
            <input
              class="custom-control-input input"
              data-testid="checkbox"
              id="user-testUser"
              name="user"
              type="checkbox"
              value="testUser"
            />
            <label
              class="custom-control-label w-100 label"
              data-testid="checkboxLabel"
              for="user-testUser"
            >
              <div
                class="d-flex align-items-baseline mw-100"
              >
                <span
                  class="d-inline-block text-truncate"
                >
                  testUser
                </span>
                <small
                  class="pl-1"
                >
                  (1)
                </small>
              </div>
            </label>
          </div>
        </div>
      </div>
    </div>
    <div
      class="facet mt-3 mt-sm-4 pt-1"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            class="text-secondary font-weight-bold"
          >
            Repository
          </span>
        </small>
      </div>
      <div
        class="mt-3"
      >
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="repo-stable"
            name="repo"
            type="checkbox"
            value="stable"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="repo-stable"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Stable
              </span>
              <small
                class="pl-1"
              >
                (203)
              </small>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="repo-incubator"
            name="repo"
            type="checkbox"
            value="incubator"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="repo-incubator"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Incubator
              </span>
              <small
                class="pl-1"
              >
                (53)
              </small>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="mt-3 mt-sm-4 pt-1 facet"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            class="text-secondary font-weight-bold"
          >
            Others
          </span>
        </small>
      </div>
      <div
        class="mt-3"
      >
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="operators-operators"
            name="operators"
            type="checkbox"
            value="operators"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="operators-operators"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Only operators
              </span>
            </div>
          </label>
        </div>
        <div
          class="custom-control custom-checkbox mr-sm-2 mb-2 checkbox"
        >
          <input
            class="custom-control-input input"
            data-testid="checkbox"
            id="deprecated-deprecated"
            name="deprecated"
            type="checkbox"
            value="deprecated"
          />
          <label
            class="custom-control-label w-100 label"
            data-testid="checkboxLabel"
            for="deprecated-deprecated"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Include deprecated
              </span>
            </div>
          </label>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
