GSA/code-gov-front-end

View on GitHub
src/components/filter-box/__snapshots__/filter-box.component.test.js.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`components - FilterBox render should render correctly 1`] = `
<div
  className="usa-accordion border-base-light border-1px tablet-lg:margin-bottom-2 margin-bottom-0"
>
  <div
    className="usa-accordion__heading"
  >
    <button
      aria-controls="test-title"
      aria-expanded={true}
      className="usa-accordion__button font-heading-md text-base-darker"
      id="test-title-button"
      onClick={[Function]}
    >
      test-title
    </button>
  </div>
  <div
    className="usa-accordion__content usa-prose border-top-1px border-base-light padding-bottom-105"
    hidden={false}
    id="test-title"
  >
    <form
      className="usa-form maxw-none"
    >
      <fieldset
        aria-labelledby="test-title-button"
        className="usa-fieldset"
      >
        <legend
          aria-labelledby="test-title-button"
          className="usa-sr-only"
        />
        <div
          className="usa-checkbox"
        >
          <input
            className="usa-checkbox__input"
            id="opt-1"
            onChange={[Function]}
            type="checkbox"
            value="opt-1"
          />
          <label
            className="usa-checkbox__label font-body-2xs text-base-dark"
            htmlFor="opt-1"
          >
            <span />
          </label>
        </div>
        <div
          className="usa-checkbox"
        >
          <input
            className="usa-checkbox__input"
            id="opt-2"
            onChange={[Function]}
            type="checkbox"
            value="opt-2"
          />
          <label
            className="usa-checkbox__label font-body-2xs text-base-dark"
            htmlFor="opt-2"
          >
            <span />
          </label>
        </div>
        <div
          className="usa-checkbox"
        >
          <input
            className="usa-checkbox__input"
            id="opt-3"
            onChange={[Function]}
            type="checkbox"
            value="opt-3"
          />
          <label
            className="usa-checkbox__label font-body-2xs text-base-dark"
            htmlFor="opt-3"
          >
            <span />
          </label>
        </div>
        <div
          className="usa-checkbox"
        >
          <input
            className="usa-checkbox__input"
            id="opt-4"
            onChange={[Function]}
            type="checkbox"
            value="opt-4"
          />
          <label
            className="usa-checkbox__label font-body-2xs text-base-dark"
            htmlFor="opt-4"
          >
            <span />
          </label>
        </div>
        <div
          className="usa-checkbox"
          hidden={false}
        >
          <input
            className="usa-checkbox__input"
            id="opt-5"
            onChange={[Function]}
            type="checkbox"
            value="opt-5"
          />
          <label
            className="usa-checkbox__label font-body-2xs text-base-dark"
            htmlFor="opt-5"
          >
            <span />
          </label>
        </div>
      </fieldset>
    </form>
    <div>
      <span
        className="moreLessToggle text-underline text-primary font-body-2xs"
        onClick={[Function]}
        onKeyDown={[Function]}
        onKeyUp={[Function]}
        role="button"
        tabIndex="0"
      >
        Show less
      </span>
    </div>
  </div>
</div>
`;