j40-cejst-2/client/src/pages/__snapshots__/methodology.test.tsx.snap

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

exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
<DocumentFragment>
  <section
    class="usa-banner"
    data-testid="govBanner"
  >
    <div
      class="usa-accordion"
    >
      <header
        class="usa-banner__header"
      >
        <div
          class="usa-banner__inner"
        >
          <div
            class="grid-col-auto"
          >
            <img
              alt="U.S. flag"
              class="usa-banner__header-flag"
              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
            />
          </div>
          <div
            class="grid-col-fill tablet:grid-col-auto"
          >
            <p
              class="usa-banner__header-text"
            >
              An official website of the United States government
            </p>
            <p
              aria-hidden="true"
              class="usa-banner__header-action"
            >
              Here’s how you know
            </p>
          </div>
          <button
            aria-controls="gov-banner"
            aria-expanded="false"
            class="usa-accordion__button usa-banner__button"
            type="button"
          >
            <span
              class="usa-banner__button-text"
            >
              Here’s how you know
            </span>
          </button>
        </div>
      </header>
      <div
        class="usa-banner__content usa-accordion__content"
        hidden=""
        id="gov-banner"
      >
        <div
          class="grid-row grid-gap-lg"
        >
          <div
            class="usa-banner__guidance tablet:grid-col-6"
          >
            <img
              alt=""
              aria-hidden="true"
              class="usa-banner__icon usa-media-block__img"
              role="img"
              src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
            />
            <div
              class="usa-media-block__body"
            >
              <p>
                <strong>
                  Official websites use .gov
                </strong>
                <br />
                A 
                <strong>
                  .gov
                </strong>
                 website belongs to an official government organization in the United States.
              </p>
            </div>
          </div>
          <div
            class="usa-banner__guidance tablet:grid-col-6"
          >
            <img
              alt=""
              aria-hidden="true"
              class="usa-banner__icon usa-media-block__img"
              role="img"
              src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
            />
            <div
              class="usa-media-block__body"
            >
              <p>
                <strong>
                  Secure .gov websites use HTTPS
                </strong>
                <br />
                A 
                <strong>
                  lock (
                  <span
                    class="icon-lock"
                  >
                    <img
                      alt="lock"
                      class="usa-banner__lock-image"
                      role="img"
                      src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
                      title="Lock"
                    />
                  </span>
                  )
                </strong>
                 or 
                <strong>
                  https://
                </strong>
                 means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <header
    class="usa-header usa-header--basic usa-header j40-header"
    data-testid="header"
    role="banner"
  >
    <div
      class="usa-nav-container"
    >
      <div
        class="usa-navbar"
      >
        <div
          class="usa-logo"
        >
          <img
            alt="Climate and Economic Justice Screening Tool"
            class="j40-sitelogo"
            src="test-file-stub"
          />
          <span
            class="usa-logo__text j40-title"
          >
            <span
              class="j40-title-line1"
            >
              Climate and Economic Justice
            </span>
            <br />
            <span
              class="j40-title-line2"
            >
              Screening Tool
            </span>
            <span
              class="usa-tag j40"
              data-testid="tag"
            >
              Beta
            </span>
          </span>
        </div>
        <button
          class="usa-menu-btn"
          data-testid="navMenuButton"
          type="button"
        >
          Menu
        </button>
      </div>
      <nav
        class="usa-nav j40-header"
      >
        <button
          class="usa-nav__close"
          data-testid="navCloseButton"
          type="button"
        >
          <img
            alt="close"
            src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
          />
        </button>
        <ul
          class="usa-nav__primary usa-accordion"
        >
          <li
            class="usa-nav__primary-item"
          >
            <a
              class="j40-header"
              data-cy="nav-link-about"
              href="/en/"
            >
              About
            </a>
          </li>
          <li
            class="usa-nav__primary-item"
          >
            <a
              class="j40-header"
              data-cy="nav-link-explore"
              href="/en/cejst"
            >
              Explore the tool
            </a>
          </li>
          <li
            class="usa-nav__primary-item"
          >
            <a
              class="j40-header"
              data-cy="nav-link-methodology"
              href="/en/methodology"
            >
              Data & methodology
            </a>
          </li>
          <li
            class="usa-nav__primary-item"
          >
            <a
              class="j40-header"
              data-cy="nav-link-contact"
              href="/en/contact"
            >
              Contact
            </a>
          </li>
        </ul>
      </nav>
    </div>
  </header>
  <main
    id="main-content"
  >
    <div
      class="grid-container-desktop-lg"
      data-testid="gridContainer"
    >
      <div>
        <div
          class="usa-alert usa-alert--info j40-sitealert"
          data-testid="alert"
        >
          <div
            class="usa-alert__body"
          >
            <p
              class="usa-alert__text"
            >
              <span
                class="j40-sitealert-title"
              >
                Public beta
              </span>
              <span
                class="j40-sitealert-body"
              >
                 — This website may be continuously updated
              </span>
              <br />
            </p>
          </div>
        </div>
      </div>
    </div>
    <div
      class="grid-container-desktop-lg"
      data-testid="gridContainer"
    >
      <h1>
        Methodology
      </h1>
      <div
        class="grid-row grid-gap j40-mb-5"
        data-testid="grid"
      >
        <div
          class="grid-col-12 tablet:grid-col-6"
          data-testid="grid"
        >
          <section>
            <p>
              The methodology for identifying communities of focus is currently in a draft, pre-decisional form that may change over time as more datasets become available.
            </p>
          </section>
        </div>
        <div
          class="grid-col-12 tablet:grid-col-6"
          data-testid="grid"
        >
          <div
            class=""
            data-testid="grid"
          >
            <div>
              <div>
                <div>
                  <div>
                    Draft communities list v0.1 (111MB)
                  </div>
                  <div>
                    The package includes draft v0.1  of the list of communities of focus (.csv and .xlsx)  and information about how to use the list (.pdf). 
                    <span>
                      Last updated: 10/01/21 
                    </span>
                  </div>
                  <div>
                    <a
                      data-cy="download-link"
                      href="//"
                    >
                      <button
                        class="usa-button"
                        data-testid="button"
                        type="button"
                      >
                        <div>
                          <img
                            src="test-file-stub"
                          />
                           
                        </div>
                        <div>
                          Download package
                        </div>
                      </button>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="j40-main-grid-blue-bk "
    >
      <div
        class="grid-container-desktop-lg"
        data-testid="gridContainer"
      >
        <div
          class="grid-row"
          data-testid="grid"
        >
          <div
            class="grid-col-12"
            data-testid="grid"
          >
            <div>
              <div
                class="usa-alert usa-alert--warning j40-sitealert"
                data-testid="alert"
              >
                <div
                  class="usa-alert__body"
                >
                  <p
                    class="usa-alert__text"
                  >
                    <span
                      class="j40-sitealert-title"
                    >
                      Limited data sources
                    </span>
                    <span
                      class="j40-sitealert-body"
                    >
                       — Datasets may be added, updated, or removed.
                    </span>
                    <br />
                  </p>
                </div>
              </div>
            </div>
            <h2>
              Datasets used in methodology
            </h2>
          </div>
        </div>
        <div
          class="grid-row"
          data-testid="grid"
        >
          <div
            class="grid-col-12 tablet:grid-col-7 j40-mb-3"
            data-testid="grid"
          >
            <p>
              The datasets come from a variety of sources and were selected based on relevance, availability, recency, and quality. The datasets seek to identify a range of human health, environmental, climate-related, and other cumulative impacts on communities.
            </p>
          </div>
        </div>
        <div>
          <div>
            <h3>
              Area Median Income
            </h3>
            <div>
              Median income of the census block group calculated as a percent 
    of the metropolitan area’s or state's median income.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.census.gov/programs-surveys/acs"
                  rel="noreferrer"
                  target="_blank"
                >
                  Census's American Community Survey
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census block group
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2015-2019
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Poverty
            </h3>
            <div>
              Percent of a block group's population in households where the household income is at or below 100% of the federal poverty level.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.census.gov/programs-surveys/acs"
                  rel="noreferrer"
                  target="_blank"
                >
                  Census's American Community Survey
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census block group
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2015-2019
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Education, less than high school education
            </h3>
            <div>
              Percent of people ages 25 years or older in a block group whose 
    education level is less than a high school diploma.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.census.gov/programs-surveys/acs"
                  rel="noreferrer"
                  target="_blank"
                >
                  Census's American Community Survey
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census block group
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2015-2019
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div
      class=""
    >
      <div
        class="grid-container-desktop-lg"
        data-testid="gridContainer"
      >
        <div
          class="grid-row"
          data-testid="grid"
        >
          <div
            class="grid-col-12"
            data-testid="grid"
          >
            <h2>
              Additional Indicators
            </h2>
          </div>
        </div>
        <div
          class="grid-row"
          data-testid="grid"
        >
          <div
            class="grid-col-12 tablet:grid-col-7 j40-mb-3"
            data-testid="grid"
          >
            <p>
              These datasets provide additional information about each community.
            </p>
          </div>
        </div>
        <div>
          <div>
            <h3>
              Diabetes
            </h3>
            <div>
              People ages 18 years and older who report having ever been 
    told by a doctor, nurse, or other health professionals that they have 
    diabetes other than diabetes during pregnancy.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.cdc.gov/places/index.html"
                  rel="noreferrer"
                  target="_blank"
                >
                  Centers for Disease Control and Prevention (CDC) PLACES
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census tract
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2016-2019
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Asthma
            </h3>
            <div>
              Weighted number of respondents people who answer “yes” both 
    to both of the following questions: “Have you ever been told by a doctor, 
    nurse, or other health professional that you have asthma?” and the question 
    “Do you still have asthma?”
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.cdc.gov/places/index.html"
                  rel="noreferrer"
                  target="_blank"
                >
                  Centers for Disease Control and Prevention (CDC) PLACES
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census tract
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2016-2019
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Heart disease
            </h3>
            <div>
              People ages 18 years and older who report ever having been told 
    by a doctor, nurse, or other health professionals that they had angina or 
    coronary heart disease.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.cdc.gov/places/index.html"
                  rel="noreferrer"
                  target="_blank"
                >
                  Centers for Disease Control and Prevention (CDC) PLACES
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census tract
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2016-2019
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Life expectancy
            </h3>
            <div>
              Estimated years of life expectancy.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.cdc.gov/nchs/nvss/usaleep/usaleep.html#data"
                  rel="noreferrer"
                  target="_blank"
                >
                  Centers for Disease Control and Prevention (CDC) 
    US Small-area Life Expectancy Estimates Project
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census tract
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2010-2015
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Traffic proximity and volume
            </h3>
            <div>
              Count of vehicles (average annual daily traffic) at major roads 
    within 500 meters, divided by distance in meters (not km).
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.epa.gov/ejscreen/technical-documentation-ejscreen"
                  rel="noreferrer"
                  target="_blank"
                >
                  Department of Transportation (DOT) traffic data as compiled by EPA's EJSCREEN
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census block group
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2017
              </li>
            </ul>
          </div>
          <div>
            <h3>
              FEMA Risk Index Expected Annual Loss Score
            </h3>
            <div>
              Average economic loss in dollars resulting from natural 
    hazards each year. It is calculated for each hazard type and quantifies 
    loss for relevant consequence types: buildings, people, and agriculture.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://hazards.fema.gov/nri/expected-annual-loss"
                  rel="noreferrer"
                  target="_blank"
                >
                  Federal Emergency Management Agency (FEMA)
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census tract
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2014-2017
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Energy burden
            </h3>
            <div>
              Average annual energy cost ($) divided by household income.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.energy.gov/eere/slsc/low-income-energy-affordability-data-lead-tool"
                  rel="noreferrer"
                  target="_blank"
                >
                  Department of Energy (DOE) LEAD Score
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census tract
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2018
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Housing cost burden
            </h3>
            <div>
              Households that are low income and spend more than 30% of their 
    income to housing costs.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.huduser.gov/portal/datasets/cp.html"
                  rel="noreferrer"
                  target="_blank"
                >
                  Department of Housing & Urban Development’s 
    (HUD) Comprehensive Housing Affordability Strategy dataset
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census tract
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2013-2017
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Wastewater discharge
            </h3>
            <div>
              RSEI modeled Toxic Concentrations at stream segments within 500 
    meters, divided by distance in kilometers (km).
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.epa.gov/ejscreen/technical-documentation-ejscreen"
                  rel="noreferrer"
                  target="_blank"
                >
                  Environmental Protection Agency (EPA) Risk-Screening 
    Environmental Indicators (RSEI) Model as compiled by EPA's EJSCREEN
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census block group
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2020
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Lead paint
            </h3>
            <div>
              Percent of housing units built pre-1960, used as an 
    indicator of potential lead paint exposure in homes.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.census.gov/programs-surveys/acs"
                  rel="noreferrer"
                  target="_blank"
                >
                  Census's American Community Survey
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census block group
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2015-2019
              </li>
            </ul>
          </div>
          <div>
            <h3>
              Diesel particulate matter
            </h3>
            <div>
              Mixture of particles that is part of diesel exhaust in the air.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.epa.gov/ejscreen/technical-documentation-ejscreen"
                  rel="noreferrer"
                  target="_blank"
                >
                  Environmental Protection Agency (EPA) National Air Toxics Assessment (NATA)
    as compiled by EPA's EJSCREEN
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census block group
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                5-year estimates, 2015-2019
              </li>
            </ul>
          </div>
          <div>
            <h3>
              PM2.5
            </h3>
            <div>
              Fine inhalable particles, with diameters that are generally 
    2.5 micrometers and smaller.
            </div>
            <ul>
              <li>
                <span>
                  Data source: 
                </span>
                <a
                  href="https://www.epa.gov/ejscreen/technical-documentation-ejscreen"
                  rel="noreferrer"
                  target="_blank"
                >
                  Environmental Protection Agency (EPA) Office of Air 
    and Radiation (OAR) fusion of model and monitor data as compiled by EPA's EJSCREEN
                </a>
              </li>
              <li>
                <span>
                  Data resolution: 
                </span>
                Census block group
              </li>
              <li>
                <span>
                  Data date range: 
                </span>
                2017
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div
      class="grid-container-desktop-lg"
      data-testid="gridContainer"
    >
      <div
        class="grid-row"
        data-testid="grid"
      >
        <div
          class="grid-col"
          data-testid="grid"
        >
          <h2>
            Methodology
          </h2>
          <div
            class="grid-row"
            data-testid="grid"
          >
            <div
              class="grid-col-7"
              data-testid="grid"
            >
              <p>
                The methodology for identifying communities of focus is calculated at the census block group level. Census block geographical boundaries are determined by the U.S. Census Bureau once every ten years. This tool utilizes the census block boundaries from 2010.
              </p>
              <p>
                The following describes the process for identifying communities of focus.
              </p>
            </div>
          </div>
          <ol
            class="usa-process-list"
          >
            <li
              class="usa-process-list__item"
            >
              <h4
                class="usa-process-list__heading"
                data-testid="processListHeading"
              >
                Gather datasets
              </h4>
              <p>
                 
              </p>
              <p
                class="flush"
              >
                The methodology includes the following inputs that are equally weighted.
              </p>
              <h4>
                Percent of Area Median Income
              </h4>
              <p
                class="flush"
              >
                If a census block group is in a metropolitan area, this value is the median income of the census block group calculated as a percent of the metropolitan area’s median income.
              </p>
              <p>
                If a census block group is not in a metropolitan area, this value is the median income of the census block group calculated as a percent of the state’s median income.
              </p>
              <h4>
                Percent of households below or at 100% of the federal poverty line
              </h4>
              This is the percent of households in a state with a household income 
    below or at 100% of the 
              <a
                href="https://www.census.gov/topics/income-poverty/poverty/guidance/poverty-measures.html"
                rel="noreferrer"
                target="_blank"
              >
                federal poverty line
              </a>
              . This federal poverty line is calculated 
    based on the composition of each household (e.g., based on household size), but it does not vary geographically.
              <h4>
                The high school degree achievement rate for adults 25 years and older
              </h4>
              <p
                class="flush"
              >
                The percent of individuals who are 25 or older who have received a high school degree.
              </p>
            </li>
            <li
              class="usa-process-list__item"
            >
              <h4
                class="usa-process-list__heading"
                data-testid="processListHeading"
              >
                Determine communites of focus
              </h4>
              <p>
                 
              </p>
              <p
                class="flush"
              >
                Under the existing formula, a census block group will be considered a community of focus if:
              </p>
              <p>
                (The median income is less than 80% of the area median income
              </p>
               
              <p
                class="flush"
              >
                OR
              </p>
               
              <p
                class="flush"
              >
                households living in poverty (at or below 100% of the federal poverty level) is greater than 20%)
              </p>
               
              <p
                class="flush"
              >
                AND
              </p>
               
              <p
                class="flush"
              >
                The high school degree achievement rate for adults 25 years and older is greater than 95%
              </p>
            </li>
          </ol>
        </div>
      </div>
    </div>
  </main>
  <footer
    class="j40-footer"
  >
    <div
      class="usa-footer__primary-section pb"
    >
      <div
        class="grid-container-desktop-lg"
        data-testid="gridContainer"
      >
        <div
          class="grid-row grid-gap-4 padding-bottom-6 tablet-lg:grid-col4"
        >
          <div
            class="mobile-lg:grid-col-12 desktop:grid-col-4"
          >
            <section
              class="usa-footer__primary-content"
            >
              <h4
                class="padding-top-1 padding-bottom-0"
              >
                Contact
              </h4>
              <ul
                class="usa-list usa-list--unstyled padding-bottom-4"
              >
                <li
                  class="usa-footer__secondary-link"
                >
                  <address
                    class="usa-footer__address j40-footer-address"
                  >
                    <div
                      class="usa-footer__contact-info grid-row grid-gap"
                    >
                      <div
                        class="grid-col-auto"
                      >
                        Council on Environmental Quality
                      </div>
                      <div
                        class="grid-col-auto"
                      >
                        730 Jackson Pl NW
                      </div>
                      <div
                        class="grid-col-auto"
                      >
                        Washington, D.C. 20506
                      </div>
                      <div
                        class="grid-col-auto"
                      >
                        (202) 395-5750
                      </div>
                    </div>
                  </address>
                </li>
              </ul>
            </section>
          </div>
          <div
            class="mobile-lg:grid-col-12 desktop:grid-col-4"
          >
            <section
              class="usa-footer__primary-content"
            >
              <h4
                class="padding-top-1 padding-bottom-0"
              >
                More information
              </h4>
              <ul
                class="usa-list usa-list--unstyled padding-bottom-4"
              >
                <li
                  class="usa-footer__secondary-link"
                >
                  <a
                    class="footer-link-first-child"
                    href="https://www.whitehouse.gov/"
                    rel="noreferrer"
                    target="_blank"
                  >
                    Whitehouse.gov
                  </a>
                </li>
                <li
                  class="usa-footer__secondary-link"
                >
                  <a
                    href="https://www.whitehouse.gov/ceq/foia"
                    rel="noreferrer"
                    target="_blank"
                  >
                    Freedom of Information Act (FOIA)
                  </a>
                </li>
                <li
                  class="usa-footer__secondary-link"
                >
                  <a
                    href="https://www.whitehouse.gov/privacy/"
                    rel="noreferrer"
                    target="_blank"
                  >
                    Privacy Policy
                  </a>
                </li>
              </ul>
            </section>
          </div>
          <div
            class="mobile-lg:grid-col-12 desktop:grid-col-4"
          >
            <section
              class="usa-footer__primary-content"
            >
              <h4
                class="padding-top-1 padding-bottom-0"
              >
                Have a question about government services?
              </h4>
              <ul
                class="usa-list usa-list--unstyled padding-bottom-4"
              >
                <li
                  class="usa-footer__secondary-link"
                >
                  <a
                    class="footer-link-first-child"
                    href="https://www.usa.gov/"
                  >
                    Find a contact at USA.gov
                  </a>
                </li>
              </ul>
            </section>
          </div>
        </div>
      </div>
    </div>
    <div
      class="usa-footer__secondary-section"
    >
      <div
        class="grid-container-desktop-lg"
        data-testid="gridContainer"
      >
        <div
          class="usa-footer__logo grid-row mobile-lg:grid-col-6 mobile-lg:grid-gap-2 j40-footer-logo"
          data-testid="footerLogo"
        >
          <div
            class="mobile-lg:grid-col-auto"
          >
            <img
              alt="Whitehouse logo"
              class="usa-footer__logo-img"
              src="test-file-stub"
            />
          </div>
          <div
            class="mobile-lg:grid-col-auto"
          >
            <h5>
              Council on Environmental Quality
            </h5>
          </div>
        </div>
      </div>
    </div>
  </footer>
</DocumentFragment>
`;