MetaPhase-Consulting/State-TalentMAP

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

exports[`SearchBarComponent big matches snapshot 1`] = `
<Fragment>
  <fieldset>
    <div
      className="usa-width-one-whole search-results-inputs search-keyword"
    >
      <legend
        className="usa-grid-full homepage-search-legend"
      >
        Label
      </legend>
      <InteractiveElement
        className=""
        onKeyUp={[Function]}
        title="Search Bar"
        type="div"
      >
        <div
          className="usa-search usa-search-big searchbar"
        >
          <div
            className="usa-grid-full"
            role="search"
          >
            <form
              onSubmit={[Function]}
            >
              <div
                className="usa-grid-full label-input-wrapper"
              >
                <label
                  className="usa-sr-only"
                  htmlFor="search-2"
                >
                  Label
                </label>
                <input
                  disabled={false}
                  id="search-2"
                  name="search"
                  onChange={[Function]}
                  placeholder={null}
                  type="search"
                  value=""
                />
                <div
                  id="disabled-search-search-2"
                  style={
                    Object {
                      "display": "none",
                    }
                  }
                >
                  <button
                    className="usa-button-disabled"
                    disabled="true"
                    id="disabled-search-button-search-2"
                    title="search button disabled"
                    type="submit"
                  >
                    <span
                      className="usa-search-submit-text usa-button-disabled"
                    >
                      Submit 2
                    </span>
                  </button>
                  <span
                    className="alert-text"
                  >
                    Search is disabled
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </InteractiveElement>
      <div
        className="usa-width-one-sixth search-submit-button"
      >
        <button
          className="usa-button"
          onClick={[Function]}
          type="submit"
        >
          <FontAwesome
            className="label-icon"
            name="search"
          />
          Search
        </button>
      </div>
    </div>
  </fieldset>
</Fragment>
`;

exports[`SearchBarComponent big matches snapshot when showClear === true 1`] = `
<Fragment>
  <fieldset>
    <div
      className="usa-width-one-whole search-results-inputs search-keyword"
    >
      <legend
        className="usa-grid-full homepage-search-legend"
      >
        Label
      </legend>
      <InteractiveElement
        className=""
        onKeyUp={[Function]}
        title="Search Bar"
        type="div"
      >
        <div
          className="usa-search usa-search-big searchbar"
        >
          <div
            className="usa-grid-full"
            role="search"
          >
            <form
              onSubmit={[Function]}
            >
              <div
                className="usa-grid-full label-input-wrapper"
              >
                <label
                  className="usa-sr-only"
                  htmlFor="search-2"
                >
                  Label
                </label>
                <span
                  className="text-input-wrapper"
                >
                  <input
                    disabled={false}
                    id="search-2"
                    name="search"
                    onChange={[Function]}
                    placeholder={null}
                    type="search"
                    value=""
                  />
                  <FontAwesome
                    name="search"
                    onClick={[Function]}
                  />
                </span>
                <div
                  id="disabled-search-search-2"
                  style={
                    Object {
                      "display": "none",
                    }
                  }
                >
                  <button
                    className="usa-button-disabled"
                    disabled="true"
                    id="disabled-search-button-search-2"
                    title="search button disabled"
                    type="submit"
                  >
                    <span
                      className="usa-search-submit-text usa-button-disabled"
                    >
                      Submit 2
                    </span>
                  </button>
                  <span
                    className="alert-text"
                  >
                    Search is disabled
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </InteractiveElement>
      <div
        className="usa-width-one-sixth search-submit-button"
      >
        <button
          className="usa-button"
          onClick={[Function]}
          type="submit"
        >
          <FontAwesome
            className="label-icon"
            name="search"
          />
          Search
        </button>
      </div>
    </div>
  </fieldset>
</Fragment>
`;

exports[`SearchBarComponent medium matches snapshot 1`] = `
<Fragment>
  <fieldset>
    <div
      className="usa-width-one-whole search-results-inputs search-keyword"
    >
      <legend
        className="usa-grid-full homepage-search-legend"
      >
        Label
      </legend>
      <InteractiveElement
        className=""
        onKeyUp={[Function]}
        title="Search Bar"
        type="div"
      >
        <div
          className="usa-search usa-search-medium searchbar"
        >
          <div
            className="usa-grid-full"
            role="search"
          >
            <form
              onSubmit={[Function]}
            >
              <div
                className="usa-grid-full label-input-wrapper"
              >
                <label
                  className="usa-sr-only"
                  htmlFor="search-2"
                >
                  Label
                </label>
                <input
                  disabled={false}
                  id="search-2"
                  name="search"
                  onChange={[Function]}
                  placeholder={null}
                  type="search"
                  value=""
                />
                <div
                  id="disabled-search-search-2"
                  style={
                    Object {
                      "display": "none",
                    }
                  }
                >
                  <button
                    className="usa-button-disabled"
                    disabled="true"
                    id="disabled-search-button-search-2"
                    title="search button disabled"
                    type="submit"
                  >
                    <span
                      className="usa-search-submit-text usa-button-disabled"
                    >
                      Submit 2
                    </span>
                  </button>
                  <span
                    className="alert-text"
                  >
                    Search is disabled
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </InteractiveElement>
      <div
        className="usa-width-one-sixth search-submit-button"
      >
        <button
          className="usa-button"
          onClick={[Function]}
          type="submit"
        >
          <FontAwesome
            className="label-icon"
            name="search"
          />
          Search
        </button>
      </div>
    </div>
  </fieldset>
</Fragment>
`;

exports[`SearchBarComponent medium matches snapshot when showClear === true 1`] = `
<Fragment>
  <fieldset>
    <div
      className="usa-width-one-whole search-results-inputs search-keyword"
    >
      <legend
        className="usa-grid-full homepage-search-legend"
      >
        Label
      </legend>
      <InteractiveElement
        className=""
        onKeyUp={[Function]}
        title="Search Bar"
        type="div"
      >
        <div
          className="usa-search usa-search-medium searchbar"
        >
          <div
            className="usa-grid-full"
            role="search"
          >
            <form
              onSubmit={[Function]}
            >
              <div
                className="usa-grid-full label-input-wrapper"
              >
                <label
                  className="usa-sr-only"
                  htmlFor="search-2"
                >
                  Label
                </label>
                <span
                  className="text-input-wrapper"
                >
                  <input
                    disabled={false}
                    id="search-2"
                    name="search"
                    onChange={[Function]}
                    placeholder={null}
                    type="search"
                    value=""
                  />
                  <FontAwesome
                    name="search"
                    onClick={[Function]}
                  />
                </span>
                <div
                  id="disabled-search-search-2"
                  style={
                    Object {
                      "display": "none",
                    }
                  }
                >
                  <button
                    className="usa-button-disabled"
                    disabled="true"
                    id="disabled-search-button-search-2"
                    title="search button disabled"
                    type="submit"
                  >
                    <span
                      className="usa-search-submit-text usa-button-disabled"
                    >
                      Submit 2
                    </span>
                  </button>
                  <span
                    className="alert-text"
                  >
                    Search is disabled
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </InteractiveElement>
      <div
        className="usa-width-one-sixth search-submit-button"
      >
        <button
          className="usa-button"
          onClick={[Function]}
          type="submit"
        >
          <FontAwesome
            className="label-icon"
            name="search"
          />
          Search
        </button>
      </div>
    </div>
  </fieldset>
</Fragment>
`;

exports[`SearchBarComponent small matches snapshot 1`] = `
<Fragment>
  <fieldset>
    <div
      className="usa-width-one-whole search-results-inputs search-keyword"
    >
      <legend
        className="usa-grid-full homepage-search-legend"
      >
        Label
      </legend>
      <InteractiveElement
        className=""
        onKeyUp={[Function]}
        title="Search Bar"
        type="div"
      >
        <div
          className="usa-search usa-search-small searchbar"
        >
          <div
            className="usa-grid-full"
            role="search"
          >
            <form
              onSubmit={[Function]}
            >
              <div
                className="usa-grid-full label-input-wrapper"
              >
                <label
                  className="usa-sr-only"
                  htmlFor="search-2"
                >
                  Label
                </label>
                <input
                  disabled={false}
                  id="search-2"
                  name="search"
                  onChange={[Function]}
                  placeholder={null}
                  type="search"
                  value=""
                />
                <div
                  id="disabled-search-search-2"
                  style={
                    Object {
                      "display": "none",
                    }
                  }
                >
                  <button
                    className="usa-button-disabled"
                    disabled="true"
                    id="disabled-search-button-search-2"
                    title="search button disabled"
                    type="submit"
                  >
                    <span
                      className="usa-search-submit-text usa-button-disabled"
                    />
                  </button>
                  <span
                    className="alert-text"
                  >
                    Search is disabled
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </InteractiveElement>
      <div
        className="usa-width-one-sixth search-submit-button"
      >
        <button
          className="usa-button"
          onClick={[Function]}
          type="submit"
        >
          <FontAwesome
            className="label-icon"
            name="search"
          />
          Search
        </button>
      </div>
    </div>
  </fieldset>
</Fragment>
`;

exports[`SearchBarComponent small matches snapshot when showClear === true 1`] = `
<Fragment>
  <fieldset>
    <div
      className="usa-width-one-whole search-results-inputs search-keyword"
    >
      <legend
        className="usa-grid-full homepage-search-legend"
      >
        Label
      </legend>
      <InteractiveElement
        className=""
        onKeyUp={[Function]}
        title="Search Bar"
        type="div"
      >
        <div
          className="usa-search usa-search-small searchbar"
        >
          <div
            className="usa-grid-full"
            role="search"
          >
            <form
              onSubmit={[Function]}
            >
              <div
                className="usa-grid-full label-input-wrapper"
              >
                <label
                  className="usa-sr-only"
                  htmlFor="search-2"
                >
                  Label
                </label>
                <span
                  className="text-input-wrapper"
                >
                  <input
                    disabled={false}
                    id="search-2"
                    name="search"
                    onChange={[Function]}
                    placeholder={null}
                    type="search"
                    value=""
                  />
                  <FontAwesome
                    name="search"
                    onClick={[Function]}
                  />
                </span>
                <div
                  id="disabled-search-search-2"
                  style={
                    Object {
                      "display": "none",
                    }
                  }
                >
                  <button
                    className="usa-button-disabled"
                    disabled="true"
                    id="disabled-search-button-search-2"
                    title="search button disabled"
                    type="submit"
                  >
                    <span
                      className="usa-search-submit-text usa-button-disabled"
                    />
                  </button>
                  <span
                    className="alert-text"
                  >
                    Search is disabled
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </InteractiveElement>
      <div
        className="usa-width-one-sixth search-submit-button"
      >
        <button
          className="usa-button"
          onClick={[Function]}
          type="submit"
        >
          <FontAwesome
            className="label-icon"
            name="search"
          />
          Search
        </button>
      </div>
    </div>
  </fieldset>
</Fragment>
`;