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

exports[`Check expandable form field group example against snapshot 1`] = `
<DocumentFragment>
  <div
    aria-labelledby="title-text-id2"
    class="pf-c-form__field-group pf-m-expanded"
    role="group"
  >
    <div
      class="pf-c-form__field-group-toggle"
    >
      <div
        class="pf-c-form__field-group-toggle-button"
      >
        <button
          aria-disabled="false"
          aria-expanded="true"
          aria-label="toggle"
          aria-labelledby="title-text-id2 form-field-group-toggle0"
          class="pf-c-button pf-m-plain"
          data-ouia-component-id="OUIA-Generated-Button-plain-1"
          data-ouia-component-type="PF4/Button"
          data-ouia-safe="true"
          id="form-field-group-toggle0"
          type="button"
        >
          <span
            class="pf-c-form__field-group-toggle-icon"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              height="1em"
              role="img"
              style="vertical-align: -0.125em;"
              viewBox="0 0 256 512"
              width="1em"
            >
              <path
                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
              />
            </svg>
          </span>
        </button>
      </div>
    </div>
    <div
      class="pf-c-form__field-group-header"
    >
      <div
        class="pf-c-form__field-group-header-main"
      >
        <div
          class="pf-c-form__field-group-header-title"
        >
          <div
            class="pf-c-form__field-group-header-title-text"
            id="title-text-id2"
          >
            Field group 4 (non-expandable)
          </div>
        </div>
        <div
          class="pf-c-form__field-group-header-description"
        >
          Field group 4 description text.
        </div>
      </div>
      <div
        class="pf-c-form__field-group-header-actions"
      >
        <button
          aria-disabled="false"
          class="pf-c-button pf-m-primary"
          data-ouia-component-id="OUIA-Generated-Button-primary-2"
          data-ouia-component-type="PF4/Button"
          data-ouia-safe="true"
          type="button"
        />
      </div>
    </div>
    <div
      class="pf-c-form__field-group-body"
    />
  </div>
</DocumentFragment>
`;

exports[`Check form field group example against snapshot 1`] = `
<DocumentFragment>
  <div
    aria-labelledby="title-text-id1"
    class="pf-c-form__field-group"
    role="group"
  >
    <div
      class="pf-c-form__field-group-header"
    >
      <div
        class="pf-c-form__field-group-header-main"
      >
        <div
          class="pf-c-form__field-group-header-title"
        >
          <div
            class="pf-c-form__field-group-header-title-text"
            id="title-text-id1"
          >
            Field group 4 (non-expandable)
          </div>
        </div>
        <div
          class="pf-c-form__field-group-header-description"
        >
          Field group 4 description text.
        </div>
      </div>
      <div
        class="pf-c-form__field-group-header-actions"
      >
        <button
          aria-disabled="false"
          class="pf-c-button pf-m-primary"
          data-ouia-component-id="OUIA-Generated-Button-primary-1"
          data-ouia-component-type="PF4/Button"
          data-ouia-safe="true"
          type="button"
        />
      </div>
    </div>
    <div
      class="pf-c-form__field-group-body"
    />
  </div>
</DocumentFragment>
`;
