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

exports[`renders ./components/transfer/demo/advanced.tsx extend context correctly 1`] = `
<div
  class="ant-transfer"
>
  <div
    class="ant-transfer-list ant-transfer-list-with-footer"
    style="width:250px;height:300px"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox ant-checkbox-disabled"
        >
          <input
            class="ant-checkbox-input"
            disabled=""
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        0
        <!-- -->
        <!-- -->
        item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body ant-transfer-list-body-with-search"
    >
      <div
        class="ant-transfer-list-body-search-wrapper"
      >
        <span
          class="ant-input-affix-wrapper ant-transfer-list-search"
        >
          <span
            class="ant-input-prefix"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="search"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                />
              </svg>
            </span>
          </span>
          <input
            class="ant-input"
            placeholder="Search here"
            type="text"
            value=""
          />
          <span
            class="ant-input-suffix"
          >
            <span
              class="ant-input-clear-icon ant-input-clear-icon-hidden"
              role="button"
              tabindex="-1"
            >
              <span
                aria-label="close-circle"
                class="anticon anticon-close-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close-circle"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </span>
      </div>
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#f5f5f5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#d9d9d9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#fafafa"
                  />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="ant-empty-description"
          >
            No data
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-transfer-list-footer"
    >
      <button
        class="ant-btn ant-btn-default ant-btn-sm"
        style="float:left;margin:5px"
        type="button"
      >
        <span>
          Left button reload
        </span>
      </button>
    </div>
  </div>
  <div
    class="ant-transfer-operation"
  >
    <button
      class="ant-btn ant-btn-primary ant-btn-sm"
      disabled=""
      type="button"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
      <span>
        to right
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
      <span>
        to left
      </span>
    </button>
  </div>
  <div
    class="ant-transfer-list ant-transfer-list-with-footer"
    style="width:250px;height:300px"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox ant-checkbox-disabled"
        >
          <input
            class="ant-checkbox-input"
            disabled=""
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        0
        <!-- -->
        <!-- -->
        item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body ant-transfer-list-body-with-search"
    >
      <div
        class="ant-transfer-list-body-search-wrapper"
      >
        <span
          class="ant-input-affix-wrapper ant-transfer-list-search"
        >
          <span
            class="ant-input-prefix"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="search"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                />
              </svg>
            </span>
          </span>
          <input
            class="ant-input"
            placeholder="Search here"
            type="text"
            value=""
          />
          <span
            class="ant-input-suffix"
          >
            <span
              class="ant-input-clear-icon ant-input-clear-icon-hidden"
              role="button"
              tabindex="-1"
            >
              <span
                aria-label="close-circle"
                class="anticon anticon-close-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close-circle"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </span>
      </div>
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#f5f5f5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#d9d9d9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#fafafa"
                  />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="ant-empty-description"
          >
            No data
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-transfer-list-footer"
    >
      <button
        class="ant-btn ant-btn-default ant-btn-sm"
        style="float:right;margin:5px"
        type="button"
      >
        <span>
          Right button reload
        </span>
      </button>
    </div>
  </div>
</div>
`;

exports[`renders ./components/transfer/demo/basic.tsx extend context correctly 1`] = `
<div
  class="ant-transfer"
>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        11
        <!-- -->
        <!-- -->
        items
      </span>
      <span
        class="ant-transfer-list-header-title"
      >
        Source
      </span>
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <ul
        class="ant-transfer-list-content"
      >
        <li
          class="ant-transfer-list-content-item"
          title="content1"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content1
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content2"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content2
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content3"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content3
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content4"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content4
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content5"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content5
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content6"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content6
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content7"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content7
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content8"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content8
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content9"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content9
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content10"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content10
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content11"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content11
          </span>
        </li>
      </ul>
    </div>
  </div>
  <div
    class="ant-transfer-operation"
  >
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </div>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        9
        <!-- -->
        <!-- -->
        items
      </span>
      <span
        class="ant-transfer-list-header-title"
      >
        Target
      </span>
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <ul
        class="ant-transfer-list-content"
      >
        <li
          class="ant-transfer-list-content-item"
          title="content12"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content12
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content13"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content13
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content14"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content14
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content15"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content15
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content16"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content16
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content17"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content17
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content18"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content18
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content19"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content19
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content20"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content20
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/transfer/demo/custom-item.tsx extend context correctly 1`] = `
<div
  class="ant-transfer"
>
  <div
    class="ant-transfer-list"
    style="width:300px;height:300px"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox ant-checkbox-disabled"
        >
          <input
            class="ant-checkbox-input"
            disabled=""
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        0
        <!-- -->
        <!-- -->
        item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#f5f5f5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#d9d9d9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#fafafa"
                  />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="ant-empty-description"
          >
            No data
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-transfer-operation"
  >
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </div>
  <div
    class="ant-transfer-list"
    style="width:300px;height:300px"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox ant-checkbox-disabled"
        >
          <input
            class="ant-checkbox-input"
            disabled=""
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        0
        <!-- -->
        <!-- -->
        item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#f5f5f5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#d9d9d9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#fafafa"
                  />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="ant-empty-description"
          >
            No data
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/transfer/demo/custom-select-all-labels.tsx extend context correctly 1`] = `
<div
  class="ant-transfer"
>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        Select All
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <ul
        class="ant-transfer-list-content"
      >
        <li
          class="ant-transfer-list-content-item"
          title="content1"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content1
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content2"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content2
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content4"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content4
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content5"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content5
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content7"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content7
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content8"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content8
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content10"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content10
          </span>
        </li>
      </ul>
    </div>
  </div>
  <div
    class="ant-transfer-operation"
  >
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </div>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        0/3
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <ul
        class="ant-transfer-list-content"
      >
        <li
          class="ant-transfer-list-content-item"
          title="content3"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content3
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content6"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content6
          </span>
        </li>
        <li
          class="ant-transfer-list-content-item"
          title="content9"
        >
          <label
            class="ant-checkbox-wrapper ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            class="ant-transfer-list-content-item-text"
          >
            content9
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/transfer/demo/large-data.tsx extend context correctly 1`] = `
Array [
  <div
    class="ant-transfer"
  >
    <div
      class="ant-transfer-list ant-transfer-list-with-pagination"
    >
      <div
        class="ant-transfer-list-header"
      >
        <span
          aria-label="down"
          class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-dropdown"
            style="opacity:0"
          >
            <ul
              class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
              data-menu-list="true"
              role="menu"
              tabindex="0"
            >
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Select all data
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Select current page
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Invert current page
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </ul>
            <div
              aria-hidden="true"
              style="display:none"
            >
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <span
          class="ant-transfer-list-header-selected"
        >
          0
          <!-- -->
          <!-- -->
          item
        </span>
        <span
          class="ant-transfer-list-header-title"
        />
      </div>
      <div
        class="ant-transfer-list-body"
      >
        <div
          class="ant-transfer-list-body-not-found"
        >
          <div
            class="ant-empty ant-empty-normal ant-empty-small"
          >
            <div
              class="ant-empty-image"
            >
              <svg
                height="41"
                viewBox="0 0 64 41"
                width="64"
                xmlns="http://www.w3.org/2000/svg"
              >
                <g
                  fill="none"
                  fill-rule="evenodd"
                  transform="translate(0 1)"
                >
                  <ellipse
                    cx="32"
                    cy="33"
                    fill="#f5f5f5"
                    rx="32"
                    ry="7"
                  />
                  <g
                    fill-rule="nonzero"
                    stroke="#d9d9d9"
                  >
                    <path
                      d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                    />
                    <path
                      d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                      fill="#fafafa"
                    />
                  </g>
                </g>
              </svg>
            </div>
            <div
              class="ant-empty-description"
            >
              No data
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-transfer-operation"
    >
      <button
        class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
        disabled=""
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
      <button
        class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
        disabled=""
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </div>
    <div
      class="ant-transfer-list ant-transfer-list-with-pagination"
    >
      <div
        class="ant-transfer-list-header"
      >
        <span
          aria-label="down"
          class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-dropdown"
            style="opacity:0"
          >
            <ul
              class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
              data-menu-list="true"
              role="menu"
              tabindex="0"
            >
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Select all data
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Select current page
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Invert current page
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </ul>
            <div
              aria-hidden="true"
              style="display:none"
            >
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <span
          class="ant-transfer-list-header-selected"
        >
          0
          <!-- -->
          <!-- -->
          item
        </span>
        <span
          class="ant-transfer-list-header-title"
        />
      </div>
      <div
        class="ant-transfer-list-body"
      >
        <div
          class="ant-transfer-list-body-not-found"
        >
          <div
            class="ant-empty ant-empty-normal ant-empty-small"
          >
            <div
              class="ant-empty-image"
            >
              <svg
                height="41"
                viewBox="0 0 64 41"
                width="64"
                xmlns="http://www.w3.org/2000/svg"
              >
                <g
                  fill="none"
                  fill-rule="evenodd"
                  transform="translate(0 1)"
                >
                  <ellipse
                    cx="32"
                    cy="33"
                    fill="#f5f5f5"
                    rx="32"
                    ry="7"
                  />
                  <g
                    fill-rule="nonzero"
                    stroke="#d9d9d9"
                  >
                    <path
                      d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                    />
                    <path
                      d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                      fill="#fafafa"
                    />
                  </g>
                </g>
              </svg>
            </div>
            <div
              class="ant-empty-description"
            >
              No data
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>,
  <br />,
  <button
    aria-checked="false"
    class="ant-switch"
    role="switch"
    type="button"
  >
    <div
      class="ant-switch-handle"
    />
    <span
      class="ant-switch-inner"
    >
      <span
        class="ant-switch-inner-checked"
      >
        one way
      </span>
      <span
        class="ant-switch-inner-unchecked"
      >
        one way
      </span>
    </span>
  </button>,
]
`;

exports[`renders ./components/transfer/demo/oneWay.tsx extend context correctly 1`] = `
Array [
  <div
    class="ant-transfer"
    style="margin-bottom:16px"
  >
    <div
      class="ant-transfer-list"
    >
      <div
        class="ant-transfer-list-header"
      >
        <label
          class="ant-checkbox-wrapper ant-transfer-list-checkbox"
        >
          <span
            class="ant-checkbox"
          >
            <input
              class="ant-checkbox-input"
              type="checkbox"
            />
            <span
              class="ant-checkbox-inner"
            />
          </span>
        </label>
        <span
          aria-label="down"
          class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-dropdown"
            style="opacity:0"
          >
            <ul
              class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
              data-menu-list="true"
              role="menu"
              tabindex="0"
            >
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Select all data
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Invert current page
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </ul>
            <div
              aria-hidden="true"
              style="display:none"
            >
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <span
          class="ant-transfer-list-header-selected"
        >
          14
          <!-- -->
          <!-- -->
          items
        </span>
        <span
          class="ant-transfer-list-header-title"
        >
          Source
        </span>
      </div>
      <div
        class="ant-transfer-list-body"
      >
        <ul
          class="ant-transfer-list-content"
        >
          <li
            class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
            title="content1"
          >
            <label
              class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox ant-checkbox-disabled"
              >
                <input
                  class="ant-checkbox-input"
                  disabled=""
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content1
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content2"
          >
            <label
              class="ant-checkbox-wrapper ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox"
              >
                <input
                  class="ant-checkbox-input"
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content2
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
            title="content4"
          >
            <label
              class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox ant-checkbox-disabled"
              >
                <input
                  class="ant-checkbox-input"
                  disabled=""
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content4
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content5"
          >
            <label
              class="ant-checkbox-wrapper ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox"
              >
                <input
                  class="ant-checkbox-input"
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content5
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
            title="content7"
          >
            <label
              class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox ant-checkbox-disabled"
              >
                <input
                  class="ant-checkbox-input"
                  disabled=""
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content7
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content8"
          >
            <label
              class="ant-checkbox-wrapper ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox"
              >
                <input
                  class="ant-checkbox-input"
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content8
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
            title="content10"
          >
            <label
              class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox ant-checkbox-disabled"
              >
                <input
                  class="ant-checkbox-input"
                  disabled=""
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content10
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content11"
          >
            <label
              class="ant-checkbox-wrapper ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox"
              >
                <input
                  class="ant-checkbox-input"
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content11
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
            title="content13"
          >
            <label
              class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox ant-checkbox-disabled"
              >
                <input
                  class="ant-checkbox-input"
                  disabled=""
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content13
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content14"
          >
            <label
              class="ant-checkbox-wrapper ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox"
              >
                <input
                  class="ant-checkbox-input"
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content14
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
            title="content16"
          >
            <label
              class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox ant-checkbox-disabled"
              >
                <input
                  class="ant-checkbox-input"
                  disabled=""
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content16
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content17"
          >
            <label
              class="ant-checkbox-wrapper ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox"
              >
                <input
                  class="ant-checkbox-input"
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content17
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
            title="content19"
          >
            <label
              class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox ant-checkbox-disabled"
              >
                <input
                  class="ant-checkbox-input"
                  disabled=""
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content19
            </span>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content20"
          >
            <label
              class="ant-checkbox-wrapper ant-transfer-list-checkbox"
            >
              <span
                class="ant-checkbox"
              >
                <input
                  class="ant-checkbox-input"
                  type="checkbox"
                />
                <span
                  class="ant-checkbox-inner"
                />
              </span>
            </label>
            <span
              class="ant-transfer-list-content-item-text"
            >
              content20
            </span>
          </li>
        </ul>
      </div>
    </div>
    <div
      class="ant-transfer-operation"
    >
      <button
        class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
        disabled=""
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </div>
    <div
      class="ant-transfer-list"
    >
      <div
        class="ant-transfer-list-header"
      >
        <span
          aria-label="down"
          class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-dropdown"
            style="opacity:0"
          >
            <ul
              class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
              data-menu-list="true"
              role="menu"
              tabindex="0"
            >
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Remove all data
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </ul>
            <div
              aria-hidden="true"
              style="display:none"
            >
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <span
          class="ant-transfer-list-header-selected"
        >
          6
          <!-- -->
          <!-- -->
          items
        </span>
        <span
          class="ant-transfer-list-header-title"
        >
          Target
        </span>
      </div>
      <div
        class="ant-transfer-list-body"
      >
        <ul
          class="ant-transfer-list-content ant-transfer-list-content-show-remove"
        >
          <li
            class="ant-transfer-list-content-item"
            title="content3"
          >
            <span
              class="ant-transfer-list-content-item-text"
            >
              content3
            </span>
            <div
              aria-label="Remove"
              class="ant-transfer-list-content-item-remove"
              role="button"
              style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
              tabindex="0"
            >
              <span
                aria-label="delete"
                class="anticon anticon-delete"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="delete"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                  />
                </svg>
              </span>
            </div>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content6"
          >
            <span
              class="ant-transfer-list-content-item-text"
            >
              content6
            </span>
            <div
              aria-label="Remove"
              class="ant-transfer-list-content-item-remove"
              role="button"
              style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
              tabindex="0"
            >
              <span
                aria-label="delete"
                class="anticon anticon-delete"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="delete"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                  />
                </svg>
              </span>
            </div>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content9"
          >
            <span
              class="ant-transfer-list-content-item-text"
            >
              content9
            </span>
            <div
              aria-label="Remove"
              class="ant-transfer-list-content-item-remove"
              role="button"
              style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
              tabindex="0"
            >
              <span
                aria-label="delete"
                class="anticon anticon-delete"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="delete"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                  />
                </svg>
              </span>
            </div>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content12"
          >
            <span
              class="ant-transfer-list-content-item-text"
            >
              content12
            </span>
            <div
              aria-label="Remove"
              class="ant-transfer-list-content-item-remove"
              role="button"
              style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
              tabindex="0"
            >
              <span
                aria-label="delete"
                class="anticon anticon-delete"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="delete"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                  />
                </svg>
              </span>
            </div>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content15"
          >
            <span
              class="ant-transfer-list-content-item-text"
            >
              content15
            </span>
            <div
              aria-label="Remove"
              class="ant-transfer-list-content-item-remove"
              role="button"
              style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
              tabindex="0"
            >
              <span
                aria-label="delete"
                class="anticon anticon-delete"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="delete"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                  />
                </svg>
              </span>
            </div>
          </li>
          <li
            class="ant-transfer-list-content-item"
            title="content18"
          >
            <span
              class="ant-transfer-list-content-item-text"
            >
              content18
            </span>
            <div
              aria-label="Remove"
              class="ant-transfer-list-content-item-remove"
              role="button"
              style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
              tabindex="0"
            >
              <span
                aria-label="delete"
                class="anticon anticon-delete"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="delete"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                  />
                </svg>
              </span>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>,
  <button
    aria-checked="false"
    class="ant-switch"
    role="switch"
    type="button"
  >
    <div
      class="ant-switch-handle"
    />
    <span
      class="ant-switch-inner"
    >
      <span
        class="ant-switch-inner-checked"
      >
        disabled
      </span>
      <span
        class="ant-switch-inner-unchecked"
      >
        disabled
      </span>
    </span>
  </button>,
]
`;

exports[`renders ./components/transfer/demo/search.tsx extend context correctly 1`] = `
<div
  class="ant-transfer"
>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox ant-checkbox-disabled"
        >
          <input
            class="ant-checkbox-input"
            disabled=""
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        0
        <!-- -->
        <!-- -->
        item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body ant-transfer-list-body-with-search"
    >
      <div
        class="ant-transfer-list-body-search-wrapper"
      >
        <span
          class="ant-input-affix-wrapper ant-transfer-list-search"
        >
          <span
            class="ant-input-prefix"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="search"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                />
              </svg>
            </span>
          </span>
          <input
            class="ant-input"
            placeholder="Search here"
            type="text"
            value=""
          />
          <span
            class="ant-input-suffix"
          >
            <span
              class="ant-input-clear-icon ant-input-clear-icon-hidden"
              role="button"
              tabindex="-1"
            >
              <span
                aria-label="close-circle"
                class="anticon anticon-close-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close-circle"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </span>
      </div>
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#f5f5f5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#d9d9d9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#fafafa"
                  />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="ant-empty-description"
          >
            No data
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-transfer-operation"
  >
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </div>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
      >
        <span
          class="ant-checkbox ant-checkbox-disabled"
        >
          <input
            class="ant-checkbox-input"
            disabled=""
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Select all data
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                Invert current page
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        class="ant-transfer-list-header-selected"
      >
        0
        <!-- -->
        <!-- -->
        item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body ant-transfer-list-body-with-search"
    >
      <div
        class="ant-transfer-list-body-search-wrapper"
      >
        <span
          class="ant-input-affix-wrapper ant-transfer-list-search"
        >
          <span
            class="ant-input-prefix"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="search"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                />
              </svg>
            </span>
          </span>
          <input
            class="ant-input"
            placeholder="Search here"
            type="text"
            value=""
          />
          <span
            class="ant-input-suffix"
          >
            <span
              class="ant-input-clear-icon ant-input-clear-icon-hidden"
              role="button"
              tabindex="-1"
            >
              <span
                aria-label="close-circle"
                class="anticon anticon-close-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close-circle"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                  />
                </svg>
              </span>
            </span>
          </span>
        </span>
      </div>
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#f5f5f5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#d9d9d9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#fafafa"
                  />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="ant-empty-description"
          >
            No data
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/transfer/demo/status.tsx extend context correctly 1`] = `
<div
  class="ant-space ant-space-vertical"
>
  <div
    class="ant-space-item"
    style="margin-bottom:8px"
  >
    <div
      class="ant-transfer ant-transfer-status-error"
    >
      <div
        class="ant-transfer-list"
      >
        <div
          class="ant-transfer-list-header"
        >
          <label
            class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox ant-checkbox-disabled"
            >
              <input
                class="ant-checkbox-input"
                disabled=""
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            aria-label="down"
            class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
          <div>
            <div
              class="ant-dropdown"
              style="opacity:0"
            >
              <ul
                class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
                data-menu-list="true"
                role="menu"
                tabindex="0"
              >
                <li
                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                  role="menuitem"
                  tabindex="-1"
                >
                  <span
                    class="ant-dropdown-menu-title-content"
                  >
                    Select all data
                  </span>
                </li>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
                <li
                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                  role="menuitem"
                  tabindex="-1"
                >
                  <span
                    class="ant-dropdown-menu-title-content"
                  >
                    Invert current page
                  </span>
                </li>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
              </ul>
              <div
                aria-hidden="true"
                style="display:none"
              >
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <span
            class="ant-transfer-list-header-selected"
          >
            0
            <!-- -->
            <!-- -->
            item
          </span>
          <span
            class="ant-transfer-list-header-title"
          />
        </div>
        <div
          class="ant-transfer-list-body"
        >
          <div
            class="ant-transfer-list-body-not-found"
          >
            <div
              class="ant-empty ant-empty-normal ant-empty-small"
            >
              <div
                class="ant-empty-image"
              >
                <svg
                  height="41"
                  viewBox="0 0 64 41"
                  width="64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g
                    fill="none"
                    fill-rule="evenodd"
                    transform="translate(0 1)"
                  >
                    <ellipse
                      cx="32"
                      cy="33"
                      fill="#f5f5f5"
                      rx="32"
                      ry="7"
                    />
                    <g
                      fill-rule="nonzero"
                      stroke="#d9d9d9"
                    >
                      <path
                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                      />
                      <path
                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                        fill="#fafafa"
                      />
                    </g>
                  </g>
                </svg>
              </div>
              <div
                class="ant-empty-description"
              >
                No data
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-transfer-operation"
      >
        <button
          class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
          disabled=""
          type="button"
        >
          <span
            aria-label="right"
            class="anticon anticon-right"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="right"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
              />
            </svg>
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
          disabled=""
          type="button"
        >
          <span
            aria-label="left"
            class="anticon anticon-left"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="left"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
              />
            </svg>
          </span>
        </button>
      </div>
      <div
        class="ant-transfer-list"
      >
        <div
          class="ant-transfer-list-header"
        >
          <label
            class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox ant-checkbox-disabled"
            >
              <input
                class="ant-checkbox-input"
                disabled=""
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            aria-label="down"
            class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
          <div>
            <div
              class="ant-dropdown"
              style="opacity:0"
            >
              <ul
                class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
                data-menu-list="true"
                role="menu"
                tabindex="0"
              >
                <li
                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                  role="menuitem"
                  tabindex="-1"
                >
                  <span
                    class="ant-dropdown-menu-title-content"
                  >
                    Select all data
                  </span>
                </li>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
                <li
                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                  role="menuitem"
                  tabindex="-1"
                >
                  <span
                    class="ant-dropdown-menu-title-content"
                  >
                    Invert current page
                  </span>
                </li>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
              </ul>
              <div
                aria-hidden="true"
                style="display:none"
              >
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <span
            class="ant-transfer-list-header-selected"
          >
            0
            <!-- -->
            <!-- -->
            item
          </span>
          <span
            class="ant-transfer-list-header-title"
          />
        </div>
        <div
          class="ant-transfer-list-body"
        >
          <div
            class="ant-transfer-list-body-not-found"
          >
            <div
              class="ant-empty ant-empty-normal ant-empty-small"
            >
              <div
                class="ant-empty-image"
              >
                <svg
                  height="41"
                  viewBox="0 0 64 41"
                  width="64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g
                    fill="none"
                    fill-rule="evenodd"
                    transform="translate(0 1)"
                  >
                    <ellipse
                      cx="32"
                      cy="33"
                      fill="#f5f5f5"
                      rx="32"
                      ry="7"
                    />
                    <g
                      fill-rule="nonzero"
                      stroke="#d9d9d9"
                    >
                      <path
                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                      />
                      <path
                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                        fill="#fafafa"
                      />
                    </g>
                  </g>
                </svg>
              </div>
              <div
                class="ant-empty-description"
              >
                No data
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-space-item"
  >
    <div
      class="ant-transfer ant-transfer-status-warning"
    >
      <div
        class="ant-transfer-list"
      >
        <div
          class="ant-transfer-list-header"
        >
          <label
            class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox ant-checkbox-disabled"
            >
              <input
                class="ant-checkbox-input"
                disabled=""
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            aria-label="down"
            class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
          <div>
            <div
              class="ant-dropdown"
              style="opacity:0"
            >
              <ul
                class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
                data-menu-list="true"
                role="menu"
                tabindex="0"
              >
                <li
                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                  role="menuitem"
                  tabindex="-1"
                >
                  <span
                    class="ant-dropdown-menu-title-content"
                  >
                    Select all data
                  </span>
                </li>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
                <li
                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                  role="menuitem"
                  tabindex="-1"
                >
                  <span
                    class="ant-dropdown-menu-title-content"
                  >
                    Invert current page
                  </span>
                </li>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
              </ul>
              <div
                aria-hidden="true"
                style="display:none"
              >
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <span
            class="ant-transfer-list-header-selected"
          >
            0
            <!-- -->
            <!-- -->
            item
          </span>
          <span
            class="ant-transfer-list-header-title"
          />
        </div>
        <div
          class="ant-transfer-list-body ant-transfer-list-body-with-search"
        >
          <div
            class="ant-transfer-list-body-search-wrapper"
          >
            <span
              class="ant-input-affix-wrapper ant-transfer-list-search"
            >
              <span
                class="ant-input-prefix"
              >
                <span
                  aria-label="search"
                  class="anticon anticon-search"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="search"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                    />
                  </svg>
                </span>
              </span>
              <input
                class="ant-input"
                placeholder="Search here"
                type="text"
                value=""
              />
              <span
                class="ant-input-suffix"
              >
                <span
                  class="ant-input-clear-icon ant-input-clear-icon-hidden"
                  role="button"
                  tabindex="-1"
                >
                  <span
                    aria-label="close-circle"
                    class="anticon anticon-close-circle"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="close-circle"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                      />
                    </svg>
                  </span>
                </span>
              </span>
            </span>
          </div>
          <div
            class="ant-transfer-list-body-not-found"
          >
            <div
              class="ant-empty ant-empty-normal ant-empty-small"
            >
              <div
                class="ant-empty-image"
              >
                <svg
                  height="41"
                  viewBox="0 0 64 41"
                  width="64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g
                    fill="none"
                    fill-rule="evenodd"
                    transform="translate(0 1)"
                  >
                    <ellipse
                      cx="32"
                      cy="33"
                      fill="#f5f5f5"
                      rx="32"
                      ry="7"
                    />
                    <g
                      fill-rule="nonzero"
                      stroke="#d9d9d9"
                    >
                      <path
                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                      />
                      <path
                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                        fill="#fafafa"
                      />
                    </g>
                  </g>
                </svg>
              </div>
              <div
                class="ant-empty-description"
              >
                No data
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-transfer-operation"
      >
        <button
          class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
          disabled=""
          type="button"
        >
          <span
            aria-label="right"
            class="anticon anticon-right"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="right"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
              />
            </svg>
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
          disabled=""
          type="button"
        >
          <span
            aria-label="left"
            class="anticon anticon-left"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="left"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
              />
            </svg>
          </span>
        </button>
      </div>
      <div
        class="ant-transfer-list"
      >
        <div
          class="ant-transfer-list-header"
        >
          <label
            class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
          >
            <span
              class="ant-checkbox ant-checkbox-disabled"
            >
              <input
                class="ant-checkbox-input"
                disabled=""
                type="checkbox"
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span
            aria-label="down"
            class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
          <div>
            <div
              class="ant-dropdown"
              style="opacity:0"
            >
              <ul
                class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
                data-menu-list="true"
                role="menu"
                tabindex="0"
              >
                <li
                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                  role="menuitem"
                  tabindex="-1"
                >
                  <span
                    class="ant-dropdown-menu-title-content"
                  >
                    Select all data
                  </span>
                </li>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
                <li
                  class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                  role="menuitem"
                  tabindex="-1"
                >
                  <span
                    class="ant-dropdown-menu-title-content"
                  >
                    Invert current page
                  </span>
                </li>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
              </ul>
              <div
                aria-hidden="true"
                style="display:none"
              >
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
                <div>
                  <div
                    class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                    style="opacity:0"
                  >
                    <div
                      class="ant-tooltip-content"
                    >
                      <div
                        class="ant-tooltip-arrow"
                      >
                        <span
                          class="ant-tooltip-arrow-content"
                        />
                      </div>
                      <div
                        class="ant-tooltip-inner"
                        role="tooltip"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <span
            class="ant-transfer-list-header-selected"
          >
            0
            <!-- -->
            <!-- -->
            item
          </span>
          <span
            class="ant-transfer-list-header-title"
          />
        </div>
        <div
          class="ant-transfer-list-body ant-transfer-list-body-with-search"
        >
          <div
            class="ant-transfer-list-body-search-wrapper"
          >
            <span
              class="ant-input-affix-wrapper ant-transfer-list-search"
            >
              <span
                class="ant-input-prefix"
              >
                <span
                  aria-label="search"
                  class="anticon anticon-search"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="search"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                    />
                  </svg>
                </span>
              </span>
              <input
                class="ant-input"
                placeholder="Search here"
                type="text"
                value=""
              />
              <span
                class="ant-input-suffix"
              >
                <span
                  class="ant-input-clear-icon ant-input-clear-icon-hidden"
                  role="button"
                  tabindex="-1"
                >
                  <span
                    aria-label="close-circle"
                    class="anticon anticon-close-circle"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="close-circle"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                      />
                    </svg>
                  </span>
                </span>
              </span>
            </span>
          </div>
          <div
            class="ant-transfer-list-body-not-found"
          >
            <div
              class="ant-empty ant-empty-normal ant-empty-small"
            >
              <div
                class="ant-empty-image"
              >
                <svg
                  height="41"
                  viewBox="0 0 64 41"
                  width="64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g
                    fill="none"
                    fill-rule="evenodd"
                    transform="translate(0 1)"
                  >
                    <ellipse
                      cx="32"
                      cy="33"
                      fill="#f5f5f5"
                      rx="32"
                      ry="7"
                    />
                    <g
                      fill-rule="nonzero"
                      stroke="#d9d9d9"
                    >
                      <path
                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                      />
                      <path
                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                        fill="#fafafa"
                      />
                    </g>
                  </g>
                </svg>
              </div>
              <div
                class="ant-empty-description"
              >
                No data
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/transfer/demo/table-transfer.tsx extend context correctly 1`] = `
Array [
  <div
    class="ant-transfer ant-transfer-customize-list"
  >
    <div
      class="ant-transfer-list"
    >
      <div
        class="ant-transfer-list-header"
      >
        <label
          class="ant-checkbox-wrapper ant-transfer-list-checkbox"
        >
          <span
            class="ant-checkbox"
          >
            <input
              class="ant-checkbox-input"
              type="checkbox"
            />
            <span
              class="ant-checkbox-inner"
            />
          </span>
        </label>
        <span
          aria-label="down"
          class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-dropdown"
            style="opacity:0"
          >
            <ul
              class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
              data-menu-list="true"
              role="menu"
              tabindex="0"
            >
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Select all data
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Invert current page
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </ul>
            <div
              aria-hidden="true"
              style="display:none"
            >
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <span
          class="ant-transfer-list-header-selected"
        >
          14
          <!-- -->
          <!-- -->
          items
        </span>
        <span
          class="ant-transfer-list-header-title"
        />
      </div>
      <div
        class="ant-transfer-list-body"
      >
        <div
          class="ant-transfer-list-body-customize-wrapper"
        >
          <div
            class="ant-table-wrapper"
          >
            <div
              class="ant-spin-nested-loading"
            >
              <div
                class="ant-spin-container"
              >
                <div
                  class="ant-table ant-table-small"
                >
                  <div
                    class="ant-table-container"
                  >
                    <div
                      class="ant-table-content"
                    >
                      <table
                        style="table-layout:auto"
                      >
                        <colgroup>
                          <col
                            class="ant-table-selection-col"
                          />
                        </colgroup>
                        <thead
                          class="ant-table-thead"
                        >
                          <tr>
                            <th
                              class="ant-table-cell ant-table-selection-column"
                              scope="col"
                            >
                              <div
                                class="ant-table-selection"
                              >
                                <label
                                  class="ant-checkbox-wrapper"
                                >
                                  <span
                                    class="ant-checkbox"
                                  >
                                    <input
                                      aria-label="Select all"
                                      class="ant-checkbox-input"
                                      type="checkbox"
                                    />
                                    <span
                                      class="ant-checkbox-inner"
                                    />
                                  </span>
                                </label>
                              </div>
                            </th>
                            <th
                              class="ant-table-cell"
                              scope="col"
                            >
                              Name
                            </th>
                            <th
                              class="ant-table-cell"
                              scope="col"
                            >
                              Tag
                            </th>
                            <th
                              class="ant-table-cell"
                              scope="col"
                            >
                              Description
                            </th>
                          </tr>
                        </thead>
                        <tbody
                          class="ant-table-tbody"
                        >
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="0"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
                              >
                                <span
                                  class="ant-checkbox ant-checkbox-disabled"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    disabled=""
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content1
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                cat
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content1
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="1"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content2
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                dog
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content2
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="3"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content4
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                cat
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content4
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="4"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
                              >
                                <span
                                  class="ant-checkbox ant-checkbox-disabled"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    disabled=""
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content5
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                dog
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content5
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="6"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content7
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                cat
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content7
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="7"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content8
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                dog
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content8
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="9"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content10
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                cat
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content10
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="10"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content11
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                dog
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content11
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="12"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
                              >
                                <span
                                  class="ant-checkbox ant-checkbox-disabled"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    disabled=""
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content13
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                cat
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content13
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="13"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content14
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              <span
                                class="ant-tag"
                              >
                                dog
                              </span>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              description of content14
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
                <ul
                  class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
                >
                  <li
                    aria-disabled="true"
                    class="ant-pagination-prev ant-pagination-disabled"
                    title="Previous Page"
                  >
                    <button
                      class="ant-pagination-item-link"
                      disabled=""
                      tabindex="-1"
                      type="button"
                    >
                      <span
                        aria-label="left"
                        class="anticon anticon-left"
                        role="img"
                      >
                        <svg
                          aria-hidden="true"
                          data-icon="left"
                          fill="currentColor"
                          focusable="false"
                          height="1em"
                          viewBox="64 64 896 896"
                          width="1em"
                        >
                          <path
                            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                          />
                        </svg>
                      </span>
                    </button>
                  </li>
                  <li
                    class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
                    tabindex="0"
                    title="1"
                  >
                    <a
                      rel="nofollow"
                    >
                      1
                    </a>
                  </li>
                  <li
                    class="ant-pagination-item ant-pagination-item-2"
                    tabindex="0"
                    title="2"
                  >
                    <a
                      rel="nofollow"
                    >
                      2
                    </a>
                  </li>
                  <li
                    aria-disabled="false"
                    class="ant-pagination-next"
                    tabindex="0"
                    title="Next Page"
                  >
                    <button
                      class="ant-pagination-item-link"
                      tabindex="-1"
                      type="button"
                    >
                      <span
                        aria-label="right"
                        class="anticon anticon-right"
                        role="img"
                      >
                        <svg
                          aria-hidden="true"
                          data-icon="right"
                          fill="currentColor"
                          focusable="false"
                          height="1em"
                          viewBox="64 64 896 896"
                          width="1em"
                        >
                          <path
                            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                          />
                        </svg>
                      </span>
                    </button>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-transfer-operation"
    >
      <button
        class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
        disabled=""
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
      <button
        class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
        disabled=""
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </div>
    <div
      class="ant-transfer-list"
    >
      <div
        class="ant-transfer-list-header"
      >
        <label
          class="ant-checkbox-wrapper ant-transfer-list-checkbox"
        >
          <span
            class="ant-checkbox"
          >
            <input
              class="ant-checkbox-input"
              type="checkbox"
            />
            <span
              class="ant-checkbox-inner"
            />
          </span>
        </label>
        <span
          aria-label="down"
          class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
        <div>
          <div
            class="ant-dropdown"
            style="opacity:0"
          >
            <ul
              class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
              data-menu-list="true"
              role="menu"
              tabindex="0"
            >
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Select all data
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <li
                class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
                role="menuitem"
                tabindex="-1"
              >
                <span
                  class="ant-dropdown-menu-title-content"
                >
                  Invert current page
                </span>
              </li>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </ul>
            <div
              aria-hidden="true"
              style="display:none"
            >
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
              <div>
                <div
                  class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                  style="opacity:0"
                >
                  <div
                    class="ant-tooltip-content"
                  >
                    <div
                      class="ant-tooltip-arrow"
                    >
                      <span
                        class="ant-tooltip-arrow-content"
                      />
                    </div>
                    <div
                      class="ant-tooltip-inner"
                      role="tooltip"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <span
          class="ant-transfer-list-header-selected"
        >
          6
          <!-- -->
          <!-- -->
          items
        </span>
        <span
          class="ant-transfer-list-header-title"
        />
      </div>
      <div
        class="ant-transfer-list-body"
      >
        <div
          class="ant-transfer-list-body-customize-wrapper"
        >
          <div
            class="ant-table-wrapper"
          >
            <div
              class="ant-spin-nested-loading"
            >
              <div
                class="ant-spin-container"
              >
                <div
                  class="ant-table ant-table-small"
                >
                  <div
                    class="ant-table-container"
                  >
                    <div
                      class="ant-table-content"
                    >
                      <table
                        style="table-layout:auto"
                      >
                        <colgroup>
                          <col
                            class="ant-table-selection-col"
                          />
                        </colgroup>
                        <thead
                          class="ant-table-thead"
                        >
                          <tr>
                            <th
                              class="ant-table-cell ant-table-selection-column"
                              scope="col"
                            >
                              <div
                                class="ant-table-selection"
                              >
                                <label
                                  class="ant-checkbox-wrapper"
                                >
                                  <span
                                    class="ant-checkbox"
                                  >
                                    <input
                                      aria-label="Select all"
                                      class="ant-checkbox-input"
                                      type="checkbox"
                                    />
                                    <span
                                      class="ant-checkbox-inner"
                                    />
                                  </span>
                                </label>
                              </div>
                            </th>
                            <th
                              class="ant-table-cell"
                              scope="col"
                            >
                              Name
                            </th>
                          </tr>
                        </thead>
                        <tbody
                          class="ant-table-tbody"
                        >
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="2"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content3
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="5"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content6
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="8"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
                              >
                                <span
                                  class="ant-checkbox ant-checkbox-disabled"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    disabled=""
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content9
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="11"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content12
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="14"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content15
                            </td>
                          </tr>
                          <tr
                            class="ant-table-row ant-table-row-level-0"
                            data-row-key="17"
                          >
                            <td
                              class="ant-table-cell ant-table-selection-column"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                            </td>
                            <td
                              class="ant-table-cell"
                            >
                              content18
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
                <ul
                  class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
                >
                  <li
                    aria-disabled="true"
                    class="ant-pagination-prev ant-pagination-disabled"
                    title="Previous Page"
                  >
                    <button
                      class="ant-pagination-item-link"
                      disabled=""
                      tabindex="-1"
                      type="button"
                    >
                      <span
                        aria-label="left"
                        class="anticon anticon-left"
                        role="img"
                      >
                        <svg
                          aria-hidden="true"
                          data-icon="left"
                          fill="currentColor"
                          focusable="false"
                          height="1em"
                          viewBox="64 64 896 896"
                          width="1em"
                        >
                          <path
                            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                          />
                        </svg>
                      </span>
                    </button>
                  </li>
                  <li
                    class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
                    tabindex="0"
                    title="1"
                  >
                    <a
                      rel="nofollow"
                    >
                      1
                    </a>
                  </li>
                  <li
                    aria-disabled="true"
                    class="ant-pagination-next ant-pagination-disabled"
                    title="Next Page"
                  >
                    <button
                      class="ant-pagination-item-link"
                      disabled=""
                      tabindex="-1"
                      type="button"
                    >
                      <span
                        aria-label="right"
                        class="anticon anticon-right"
                        role="img"
                      >
                        <svg
                          aria-hidden="true"
                          data-icon="right"
                          fill="currentColor"
                          focusable="false"
                          height="1em"
                          viewBox="64 64 896 896"
                          width="1em"
                        >
                          <path
                            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                          />
                        </svg>
                      </span>
                    </button>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>,
  <div
    class="ant-space ant-space-horizontal ant-space-align-center"
    style="margin-top:16px"
  >
    <div
      class="ant-space-item"
      style="margin-right:8px"
    >
      <button
        aria-checked="false"
        class="ant-switch"
        role="switch"
        type="button"
      >
        <div
          class="ant-switch-handle"
        />
        <span
          class="ant-switch-inner"
        >
          <span
            class="ant-switch-inner-checked"
          >
            disabled
          </span>
          <span
            class="ant-switch-inner-unchecked"
          >
            disabled
          </span>
        </span>
      </button>
    </div>
    <div
      class="ant-space-item"
    >
      <button
        aria-checked="false"
        class="ant-switch"
        role="switch"
        type="button"
      >
        <div
          class="ant-switch-handle"
        />
        <span
          class="ant-switch-inner"
        >
          <span
            class="ant-switch-inner-checked"
          >
            showSearch
          </span>
          <span
            class="ant-switch-inner-unchecked"
          >
            showSearch
          </span>
        </span>
      </button>
    </div>
  </div>,
]
`;

exports[`renders ./components/transfer/demo/tree-transfer.tsx extend context correctly 1`] = `
<div
  class="ant-transfer ant-transfer-customize-list tree-transfer"
>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <span
        class="ant-transfer-list-header-selected"
      >
        7
        <!-- -->
        <!-- -->
        items
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <div
        class="ant-transfer-list-body-customize-wrapper"
      >
        <div
          style="padding:8px"
        >
          <div
            class="ant-tree ant-tree-icon-hide ant-tree-block-node"
            role="tree"
          >
            <div>
              <input
                aria-label="for screen reader"
                style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                tabindex="0"
                value=""
              />
            </div>
            <div
              aria-hidden="true"
              class="ant-tree-treenode"
              style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden;border:0;padding:0"
            >
              <div
                class="ant-tree-indent"
              >
                <div
                  class="ant-tree-indent-unit"
                />
              </div>
            </div>
            <div
              class="ant-tree-list"
              style="position:relative"
            >
              <div
                class="ant-tree-list-holder"
              >
                <div>
                  <div
                    class="ant-tree-list-holder-inner"
                    style="display:flex;flex-direction:column"
                  >
                    <div
                      aria-grabbed="false"
                      class="ant-tree-treenode ant-tree-treenode-switcher-open"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-tree-indent"
                      />
                      <span
                        class="ant-tree-switcher ant-tree-switcher-noop"
                      />
                      <span
                        class="ant-tree-checkbox"
                      >
                        <span
                          class="ant-tree-checkbox-inner"
                        />
                      </span>
                      <span
                        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
                        title="0-0"
                      >
                        <span
                          class="ant-tree-title"
                        >
                          0-0
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-tree-treenode ant-tree-treenode-switcher-open"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-tree-indent"
                      />
                      <span
                        class="ant-tree-switcher ant-tree-switcher_open"
                      >
                        <span
                          aria-label="caret-down"
                          class="anticon anticon-caret-down ant-tree-switcher-icon"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="caret-down"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="0 0 1024 1024"
                            width="1em"
                          >
                            <path
                              d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                            />
                          </svg>
                        </span>
                      </span>
                      <span
                        class="ant-tree-checkbox"
                      >
                        <span
                          class="ant-tree-checkbox-inner"
                        />
                      </span>
                      <span
                        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
                        title="0-1"
                      >
                        <span
                          class="ant-tree-title"
                        >
                          0-1
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-tree-treenode ant-tree-treenode-switcher-open"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-tree-indent"
                      >
                        <span
                          class="ant-tree-indent-unit"
                        />
                      </span>
                      <span
                        class="ant-tree-switcher ant-tree-switcher-noop"
                      />
                      <span
                        class="ant-tree-checkbox"
                      >
                        <span
                          class="ant-tree-checkbox-inner"
                        />
                      </span>
                      <span
                        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
                        title="0-1-0"
                      >
                        <span
                          class="ant-tree-title"
                        >
                          0-1-0
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-tree-indent"
                      >
                        <span
                          class="ant-tree-indent-unit"
                        />
                      </span>
                      <span
                        class="ant-tree-switcher ant-tree-switcher-noop"
                      />
                      <span
                        class="ant-tree-checkbox"
                      >
                        <span
                          class="ant-tree-checkbox-inner"
                        />
                      </span>
                      <span
                        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
                        title="0-1-1"
                      >
                        <span
                          class="ant-tree-title"
                        >
                          0-1-1
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-tree-treenode ant-tree-treenode-switcher-open"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-tree-indent"
                      />
                      <span
                        class="ant-tree-switcher ant-tree-switcher-noop"
                      />
                      <span
                        class="ant-tree-checkbox"
                      >
                        <span
                          class="ant-tree-checkbox-inner"
                        />
                      </span>
                      <span
                        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
                        title="0-2"
                      >
                        <span
                          class="ant-tree-title"
                        >
                          0-2
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-tree-treenode ant-tree-treenode-switcher-open"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-tree-indent"
                      />
                      <span
                        class="ant-tree-switcher ant-tree-switcher-noop"
                      />
                      <span
                        class="ant-tree-checkbox"
                      >
                        <span
                          class="ant-tree-checkbox-inner"
                        />
                      </span>
                      <span
                        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
                        title="0-3"
                      >
                        <span
                          class="ant-tree-title"
                        >
                          0-3
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-tree-indent"
                      />
                      <span
                        class="ant-tree-switcher ant-tree-switcher-noop"
                      />
                      <span
                        class="ant-tree-checkbox"
                      >
                        <span
                          class="ant-tree-checkbox-inner"
                        />
                      </span>
                      <span
                        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
                        title="0-4"
                      >
                        <span
                          class="ant-tree-title"
                        >
                          0-4
                        </span>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-transfer-operation"
  >
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </div>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <span
        class="ant-transfer-list-header-selected"
      >
        0
        <!-- -->
        <!-- -->
        item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#f5f5f5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#d9d9d9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#fafafa"
                  />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="ant-empty-description"
          >
            No data
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;