demo-extend.test.ts.snap

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

exports[`renders components/tree-select/demo/async.tsx extend context correctly 1`] = `
<div
  class="ant-select ant-tree-select ant-select-outlined ant-select-single ant-select-show-arrow"
  style="width: 100%;"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-autocomplete="list"
        aria-controls="rc_select_TEST_OR_SSR_list"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-owns="rc_select_TEST_OR_SSR_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        id="rc_select_TEST_OR_SSR"
        readonly=""
        role="combobox"
        style="opacity: 0;"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    >
      Please select
    </span>
  </div>
  <div
    class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft"
    style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; max-height: 400px; overflow: auto;"
  >
    <div>
      <div>
        <div
          class="ant-select-tree"
          role="tree"
        >
          <div>
            <input
              aria-label="for screen reader"
              disabled=""
              style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
              value=""
            />
          </div>
          <div
            aria-hidden="true"
            class="ant-select-tree-treenode"
            style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
          >
            <div
              class="ant-select-tree-indent"
            >
              <div
                class="ant-select-tree-indent-unit"
              />
            </div>
          </div>
          <div
            class="ant-select-tree-list"
            style="position: relative;"
          >
            <div
              class="ant-select-tree-list-holder"
              style="max-height: 256px; overflow-y: auto;"
            >
              <div>
                <div
                  class="ant-select-tree-list-holder-inner"
                  style="display: flex; flex-direction: column;"
                >
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_close"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                      title="Expand to load"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Expand to load
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_close"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                      title="Expand to load"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Expand to load
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="Tree Node"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Tree Node
                      </span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select: none;"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      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>
  </span>
</div>
`;

exports[`renders components/tree-select/demo/async.tsx extend context correctly 2`] = `[]`;

exports[`renders components/tree-select/demo/basic.tsx extend context correctly 1`] = `
<div
  class="ant-select ant-tree-select ant-select-outlined ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
  style="width: 100%;"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-autocomplete="list"
        aria-controls="rc_select_TEST_OR_SSR_list"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-owns="rc_select_TEST_OR_SSR_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        id="rc_select_TEST_OR_SSR"
        role="combobox"
        type="search"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    >
      Please select
    </span>
  </div>
  <div
    class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft"
    style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; max-height: 400px; overflow: auto;"
  >
    <div>
      <div>
        <div
          class="ant-select-tree"
          role="tree"
        >
          <div>
            <input
              aria-label="for screen reader"
              disabled=""
              style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
              value=""
            />
          </div>
          <div
            aria-hidden="true"
            class="ant-select-tree-treenode"
            style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
          >
            <div
              class="ant-select-tree-indent"
            >
              <div
                class="ant-select-tree-indent-unit"
              />
            </div>
          </div>
          <div
            class="ant-select-tree-list"
            style="position: relative;"
          >
            <div
              class="ant-select-tree-list-holder"
              style="max-height: 256px; overflow-y: auto;"
            >
              <div>
                <div
                  class="ant-select-tree-list-holder-inner"
                  style="display: flex; flex-direction: column;"
                >
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1-0"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1-0
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="leaf1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        leaf1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="leaf2"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        leaf2
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="leaf3"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        leaf3
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="leaf4"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        leaf4
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="leaf5"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        leaf5
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="leaf6"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        leaf6
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1-1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1-1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title=""
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        <b
                          style="color: rgb(0, 136, 204);"
                        >
                          leaf11
                        </b>
                      </span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select: none;"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      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>
  </span>
</div>
`;

exports[`renders components/tree-select/demo/basic.tsx extend context correctly 2`] = `[]`;

exports[`renders components/tree-select/demo/checkable.tsx extend context correctly 1`] = `
<div
  class="ant-select ant-tree-select ant-select-outlined ant-select-multiple ant-select-show-arrow ant-select-show-search"
  style="width: 100%;"
>
  <div
    class="ant-select-selector"
  >
    <div
      class="ant-select-selection-overflow"
    >
      <div
        class="ant-select-selection-overflow-item"
        style="opacity: 1;"
      >
        <span
          class="ant-select-selection-item"
          title="Node1"
        >
          <span
            class="ant-select-selection-item-content"
          >
            Node1
          </span>
          <span
            aria-hidden="true"
            class="ant-select-selection-item-remove"
            style="user-select: none;"
            unselectable="on"
          >
            <span
              aria-label="close"
              class="anticon anticon-close"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="close"
                fill="currentColor"
                fill-rule="evenodd"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
                />
              </svg>
            </span>
          </span>
        </span>
      </div>
      <div
        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
        style="opacity: 1;"
      >
        <div
          class="ant-select-selection-search"
          style="width: 0px;"
        >
          <input
            aria-autocomplete="list"
            aria-controls="rc_select_TEST_OR_SSR_list"
            aria-expanded="false"
            aria-haspopup="listbox"
            aria-owns="rc_select_TEST_OR_SSR_list"
            autocomplete="off"
            class="ant-select-selection-search-input"
            id="rc_select_TEST_OR_SSR"
            readonly=""
            role="combobox"
            style="opacity: 0;"
            type="search"
            unselectable="on"
            value=""
          />
          <span
            aria-hidden="true"
            class="ant-select-selection-search-mirror"
          >
          </span>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft"
    style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
  >
    <div>
      <div>
        <div
          class="ant-select-tree"
          role="tree"
        >
          <div>
            <input
              aria-label="for screen reader"
              disabled=""
              style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
              value=""
            />
          </div>
          <div
            aria-hidden="true"
            class="ant-select-tree-treenode"
            style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
          >
            <div
              class="ant-select-tree-indent"
            >
              <div
                class="ant-select-tree-indent-unit"
              />
            </div>
          </div>
          <div
            class="ant-select-tree-list"
            style="position: relative;"
          >
            <div
              class="ant-select-tree-list-holder"
              style="max-height: 256px; overflow-y: auto;"
            >
              <div>
                <div
                  class="ant-select-tree-list-holder-inner"
                  style="display: flex; flex-direction: column;"
                >
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-checkbox-checked"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_close"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-checkbox ant-select-tree-checkbox-checked"
                    >
                      <span
                        class="ant-select-tree-checkbox-inner"
                      />
                    </span>
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                      title="Node1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Node1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_close"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-checkbox"
                    >
                      <span
                        class="ant-select-tree-checkbox-inner"
                      />
                    </span>
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                      title="Node2"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Node2
                      </span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select: none;"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      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>
  </span>
</div>
`;

exports[`renders components/tree-select/demo/checkable.tsx extend context correctly 2`] = `[]`;

exports[`renders components/tree-select/demo/multiple.tsx extend context correctly 1`] = `
<div
  class="ant-select ant-tree-select ant-select-outlined ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
  style="width: 100%;"
>
  <div
    class="ant-select-selector"
  >
    <div
      class="ant-select-selection-overflow"
    >
      <div
        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
        style="opacity: 1;"
      >
        <div
          class="ant-select-selection-search"
          style="width: 0px;"
        >
          <input
            aria-autocomplete="list"
            aria-controls="rc_select_TEST_OR_SSR_list"
            aria-expanded="false"
            aria-haspopup="listbox"
            aria-owns="rc_select_TEST_OR_SSR_list"
            autocomplete="off"
            class="ant-select-selection-search-input"
            id="rc_select_TEST_OR_SSR"
            readonly=""
            role="combobox"
            style="opacity: 0;"
            type="search"
            unselectable="on"
            value=""
          />
          <span
            aria-hidden="true"
            class="ant-select-selection-search-mirror"
          >
          </span>
        </div>
      </div>
    </div>
    <span
      class="ant-select-selection-placeholder"
    >
      Please select
    </span>
  </div>
  <div
    class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft"
    style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; max-height: 400px; overflow: auto;"
  >
    <div>
      <div>
        <div
          class="ant-select-tree"
          role="tree"
        >
          <div>
            <input
              aria-label="for screen reader"
              disabled=""
              style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
              value=""
            />
          </div>
          <div
            aria-hidden="true"
            class="ant-select-tree-treenode"
            style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
          >
            <div
              class="ant-select-tree-indent"
            >
              <div
                class="ant-select-tree-indent-unit"
              />
            </div>
          </div>
          <div
            class="ant-select-tree-list"
            style="position: relative;"
          >
            <div
              class="ant-select-tree-list-holder"
              style="max-height: 256px; overflow-y: auto;"
            >
              <div>
                <div
                  class="ant-select-tree-list-holder-inner"
                  style="display: flex; flex-direction: column;"
                >
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1-0"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1-0
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="my leaf"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        my leaf
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="your leaf"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        your leaf
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1-1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1-1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title=""
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        <b
                          style="color: rgb(0, 136, 204);"
                        >
                          sss
                        </b>
                      </span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select: none;"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      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>
  </span>
</div>
`;

exports[`renders components/tree-select/demo/multiple.tsx extend context correctly 2`] = `[]`;

exports[`renders components/tree-select/demo/placement.tsx extend context correctly 1`] = `
Array [
  <div
    class="ant-radio-group ant-radio-group-outline"
  >
    <label
      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
    >
      <span
        class="ant-radio-button ant-radio-button-checked"
      >
        <input
          checked=""
          class="ant-radio-button-input"
          type="radio"
          value="topLeft"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        topLeft
      </span>
    </label>
    <label
      class="ant-radio-button-wrapper"
    >
      <span
        class="ant-radio-button"
      >
        <input
          class="ant-radio-button-input"
          type="radio"
          value="topRight"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        topRight
      </span>
    </label>
    <label
      class="ant-radio-button-wrapper"
    >
      <span
        class="ant-radio-button"
      >
        <input
          class="ant-radio-button-input"
          type="radio"
          value="bottomLeft"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        bottomLeft
      </span>
    </label>
    <label
      class="ant-radio-button-wrapper"
    >
      <span
        class="ant-radio-button"
      >
        <input
          class="ant-radio-button-input"
          type="radio"
          value="bottomRight"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        bottomRight
      </span>
    </label>
  </div>,
  <br />,
  <br />,
  <div
    class="ant-select ant-tree-select ant-select-outlined ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
  >
    <div
      class="ant-select-selector"
    >
      <span
        class="ant-select-selection-search"
      >
        <input
          aria-autocomplete="list"
          aria-controls="rc_select_TEST_OR_SSR_list"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-owns="rc_select_TEST_OR_SSR_list"
          autocomplete="off"
          class="ant-select-selection-search-input"
          id="rc_select_TEST_OR_SSR"
          role="combobox"
          type="search"
          value=""
        />
      </span>
      <span
        class="ant-select-selection-placeholder"
      >
        Please select
      </span>
    </div>
    <div
      class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-topLeft"
      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; max-height: 400px; overflow: auto; min-width: 300px;"
    >
      <div>
        <div>
          <div
            class="ant-select-tree"
            role="tree"
          >
            <div>
              <input
                aria-label="for screen reader"
                disabled=""
                style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
                value=""
              />
            </div>
            <div
              aria-hidden="true"
              class="ant-select-tree-treenode"
              style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
            >
              <div
                class="ant-select-tree-indent"
              >
                <div
                  class="ant-select-tree-indent-unit"
                />
              </div>
            </div>
            <div
              class="ant-select-tree-list"
              style="position: relative;"
            >
              <div
                class="ant-select-tree-list-holder"
                style="max-height: 256px; overflow-y: auto;"
              >
                <div>
                  <div
                    class="ant-select-tree-list-holder-inner"
                    style="display: flex; flex-direction: column;"
                  >
                    <div
                      aria-grabbed="false"
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-select-tree-indent"
                      />
                      <span
                        class="ant-select-tree-switcher ant-select-tree-switcher_open"
                      >
                        <span
                          aria-label="caret-down"
                          class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                        title="parent 1"
                      >
                        <span
                          class="ant-select-tree-title"
                        >
                          parent 1
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-select-tree-indent"
                      >
                        <span
                          class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                        />
                      </span>
                      <span
                        class="ant-select-tree-switcher ant-select-tree-switcher_open"
                      >
                        <span
                          aria-label="caret-down"
                          class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                        title="parent 1-0"
                      >
                        <span
                          class="ant-select-tree-title"
                        >
                          parent 1-0
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-select-tree-indent"
                      >
                        <span
                          class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                        />
                        <span
                          class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                        />
                      </span>
                      <span
                        class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                      />
                      <span
                        class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                        title="leaf1"
                      >
                        <span
                          class="ant-select-tree-title"
                        >
                          leaf1
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-select-tree-indent"
                      >
                        <span
                          class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                        />
                        <span
                          class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                        />
                      </span>
                      <span
                        class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                      />
                      <span
                        class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                        title="leaf2"
                      >
                        <span
                          class="ant-select-tree-title"
                        >
                          leaf2
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-select-tree-indent"
                      >
                        <span
                          class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                        />
                      </span>
                      <span
                        class="ant-select-tree-switcher ant-select-tree-switcher_open"
                      >
                        <span
                          aria-label="caret-down"
                          class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                        title="parent 1-1"
                      >
                        <span
                          class="ant-select-tree-title"
                        >
                          parent 1-1
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-select-tree-indent"
                      >
                        <span
                          class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                        />
                        <span
                          class="ant-select-tree-indent-unit ant-select-tree-indent-unit-end"
                        />
                      </span>
                      <span
                        class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                      />
                      <span
                        class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                        title=""
                      >
                        <span
                          class="ant-select-tree-title"
                        >
                          <b
                            style="color: rgb(0, 136, 204);"
                          >
                            leaf3
                          </b>
                        </span>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <span
      aria-hidden="true"
      class="ant-select-arrow"
      style="user-select: none;"
      unselectable="on"
    >
      <span
        aria-label="down"
        class="anticon anticon-down ant-select-suffix"
        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>
    </span>
  </div>,
]
`;

exports[`renders components/tree-select/demo/placement.tsx extend context correctly 2`] = `
[
  "Warning: [antd: TreeSelect] \`dropdownMatchSelectWidth\` is deprecated. Please use \`popupMatchSelectWidth\` instead.",
]
`;

exports[`renders components/tree-select/demo/render-panel.tsx extend context correctly 1`] = `
<div
  style="padding-bottom: 0px; position: relative; min-width: 0;"
>
  <div
    class="ant-select ant-tree-select ant-select-outlined ant-select-single ant-select-show-arrow ant-select-open"
    style="width: 100%; margin: 0px;"
  >
    <div
      class="ant-select-selector"
    >
      <span
        class="ant-select-selection-search"
      >
        <input
          aria-autocomplete="list"
          aria-controls="rc_select_TEST_OR_SSR_list"
          aria-expanded="true"
          aria-haspopup="listbox"
          aria-owns="rc_select_TEST_OR_SSR_list"
          autocomplete="off"
          class="ant-select-selection-search-input"
          id="rc_select_TEST_OR_SSR"
          readonly=""
          role="combobox"
          style="opacity: 0;"
          type="search"
          unselectable="on"
          value=""
        />
      </span>
      <span
        class="ant-select-selection-item"
        title="lucy"
      >
        lucy
      </span>
    </div>
    <div
      class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft"
      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
    >
      <div>
        <div>
          <div
            class="ant-select-tree ant-select-tree-active-focused"
            role="tree"
          >
            <div>
              <input
                aria-label="for screen reader"
                disabled=""
                style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
                value=""
              />
            </div>
            <div
              aria-hidden="true"
              class="ant-select-tree-treenode"
              style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
            >
              <div
                class="ant-select-tree-indent"
              >
                <div
                  class="ant-select-tree-indent-unit"
                />
              </div>
            </div>
            <div
              class="ant-select-tree-list"
              style="position: relative;"
            >
              <div
                class="ant-select-tree-list-holder"
                style="max-height: 256px; overflow-y: auto;"
              >
                <div>
                  <div
                    class="ant-select-tree-list-holder-inner"
                    style="display: flex; flex-direction: column;"
                  >
                    <div
                      aria-grabbed="false"
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-select-tree-indent"
                      />
                      <span
                        class="ant-select-tree-switcher ant-select-tree-switcher_close"
                      >
                        <span
                          aria-label="caret-down"
                          class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                        title="Node1"
                      >
                        <span
                          class="ant-select-tree-title"
                        >
                          Node1
                        </span>
                      </span>
                    </div>
                    <div
                      aria-grabbed="false"
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
                      draggable="false"
                    >
                      <span
                        aria-hidden="true"
                        class="ant-select-tree-indent"
                      />
                      <span
                        class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                      />
                      <span
                        class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                        title="Node2"
                      >
                        <span
                          class="ant-select-tree-title"
                        >
                          Node2
                        </span>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <span
      aria-hidden="true"
      class="ant-select-arrow"
      style="user-select: none;"
      unselectable="on"
    >
      <span
        aria-label="down"
        class="anticon anticon-down ant-select-suffix"
        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>
    </span>
  </div>
</div>
`;

exports[`renders components/tree-select/demo/render-panel.tsx extend context correctly 2`] = `
[
  "Warning: Received \`%s\` for a non-boolean attribute \`%s\`.

If you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.

If you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.%s",
]
`;

exports[`renders components/tree-select/demo/status.tsx extend context correctly 1`] = `
<div
  class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
  style="width: 100%;"
>
  <div
    class="ant-space-item"
  >
    <div
      class="ant-select ant-tree-select ant-select-outlined ant-select-status-error ant-select-single ant-select-show-arrow"
      style="width: 100%;"
    >
      <div
        class="ant-select-selector"
      >
        <span
          class="ant-select-selection-search"
        >
          <input
            aria-autocomplete="list"
            aria-controls="rc_select_TEST_OR_SSR_list"
            aria-expanded="false"
            aria-haspopup="listbox"
            aria-owns="rc_select_TEST_OR_SSR_list"
            autocomplete="off"
            class="ant-select-selection-search-input"
            id="rc_select_TEST_OR_SSR"
            readonly=""
            role="combobox"
            style="opacity: 0;"
            type="search"
            unselectable="on"
            value=""
          />
        </span>
        <span
          class="ant-select-selection-placeholder"
        >
          Error
        </span>
      </div>
      <div
        class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
        style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
      >
        <div>
          <div
            class="ant-select-empty"
            role="listbox"
          >
            <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>
      <span
        aria-hidden="true"
        class="ant-select-arrow"
        style="user-select: none;"
        unselectable="on"
      >
        <span
          aria-label="down"
          class="anticon anticon-down ant-select-suffix"
          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>
      </span>
    </div>
  </div>
  <div
    class="ant-space-item"
  >
    <div
      class="ant-select ant-tree-select ant-select-outlined ant-select-status-warning ant-select-multiple ant-select-show-arrow ant-select-show-search"
      style="width: 100%;"
    >
      <div
        class="ant-select-selector"
      >
        <div
          class="ant-select-selection-overflow"
        >
          <div
            class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
            style="opacity: 1;"
          >
            <div
              class="ant-select-selection-search"
              style="width: 0px;"
            >
              <input
                aria-autocomplete="list"
                aria-controls="rc_select_TEST_OR_SSR_list"
                aria-expanded="false"
                aria-haspopup="listbox"
                aria-owns="rc_select_TEST_OR_SSR_list"
                autocomplete="off"
                class="ant-select-selection-search-input"
                id="rc_select_TEST_OR_SSR"
                readonly=""
                role="combobox"
                style="opacity: 0;"
                type="search"
                unselectable="on"
                value=""
              />
              <span
                aria-hidden="true"
                class="ant-select-selection-search-mirror"
              >
              </span>
            </div>
          </div>
        </div>
        <span
          class="ant-select-selection-placeholder"
        >
          Warning multiple
        </span>
      </div>
      <div
        class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
        style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
      >
        <div>
          <div
            class="ant-select-empty"
            role="listbox"
          >
            <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>
      <span
        aria-hidden="true"
        class="ant-select-arrow"
        style="user-select: none;"
        unselectable="on"
      >
        <span
          aria-label="down"
          class="anticon anticon-down ant-select-suffix"
          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>
      </span>
    </div>
  </div>
</div>
`;

exports[`renders components/tree-select/demo/status.tsx extend context correctly 2`] = `[]`;

exports[`renders components/tree-select/demo/suffix.tsx extend context correctly 1`] = `
<div
  class="ant-select ant-tree-select ant-select-outlined ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search"
  style="width: 100%;"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-autocomplete="list"
        aria-controls="rc_select_TEST_OR_SSR_list"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-owns="rc_select_TEST_OR_SSR_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        id="rc_select_TEST_OR_SSR"
        role="combobox"
        type="search"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    >
      Please select
    </span>
  </div>
  <div
    class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft"
    style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; max-height: 400px; overflow: auto;"
  >
    <div>
      <div>
        <div
          class="ant-select-tree"
          role="tree"
        >
          <div>
            <input
              aria-label="for screen reader"
              disabled=""
              style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
              value=""
            />
          </div>
          <div
            aria-hidden="true"
            class="ant-select-tree-treenode"
            style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
          >
            <div
              class="ant-select-tree-indent"
            >
              <div
                class="ant-select-tree-indent-unit"
              />
            </div>
          </div>
          <div
            class="ant-select-tree-list"
            style="position: relative;"
          >
            <div
              class="ant-select-tree-list-holder"
              style="max-height: 256px; overflow-y: auto;"
            >
              <div>
                <div
                  class="ant-select-tree-list-holder-inner"
                  style="display: flex; flex-direction: column;"
                >
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1-0"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1-0
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="my leaf"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        my leaf
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="your leaf"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        your leaf
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="parent 1-1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        parent 1-1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start ant-select-tree-indent-unit-end"
                      />
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-end"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title=""
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        <b
                          style="color: rgb(0, 136, 204);"
                        >
                          sss
                        </b>
                      </span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select: none;"
    unselectable="on"
  >
    <span
      aria-label="smile"
      class="anticon anticon-smile"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="smile"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`renders components/tree-select/demo/suffix.tsx extend context correctly 2`] = `[]`;

exports[`renders components/tree-select/demo/treeData.tsx extend context correctly 1`] = `
<div
  class="ant-select ant-tree-select ant-select-outlined ant-select-single ant-select-show-arrow"
  style="width: 100%;"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-autocomplete="list"
        aria-controls="rc_select_TEST_OR_SSR_list"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-owns="rc_select_TEST_OR_SSR_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        id="rc_select_TEST_OR_SSR"
        readonly=""
        role="combobox"
        style="opacity: 0;"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    >
      Please select
    </span>
  </div>
  <div
    class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft"
    style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; max-height: 400px; overflow: auto;"
  >
    <div>
      <div>
        <div
          class="ant-select-tree"
          role="tree"
        >
          <div>
            <input
              aria-label="for screen reader"
              disabled=""
              style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
              value=""
            />
          </div>
          <div
            aria-hidden="true"
            class="ant-select-tree-treenode"
            style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
          >
            <div
              class="ant-select-tree-indent"
            >
              <div
                class="ant-select-tree-indent-unit"
              />
            </div>
          </div>
          <div
            class="ant-select-tree-list"
            style="position: relative;"
          >
            <div
              class="ant-select-tree-list-holder"
              style="max-height: 256px; overflow-y: auto;"
            >
              <div>
                <div
                  class="ant-select-tree-list-holder-inner"
                  style="display: flex; flex-direction: column;"
                >
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher_open"
                    >
                      <span
                        aria-label="caret-down"
                        class="anticon anticon-caret-down ant-select-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-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-open"
                      title="Node1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Node1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="Child Node1"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Child Node1
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    >
                      <span
                        class="ant-select-tree-indent-unit ant-select-tree-indent-unit-start"
                      />
                    </span>
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="Child Node2"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Child Node2
                      </span>
                    </span>
                  </div>
                  <div
                    aria-grabbed="false"
                    class="ant-select-tree-treenode ant-select-tree-treenode-switcher-open ant-select-tree-treenode-leaf-last"
                    draggable="false"
                  >
                    <span
                      aria-hidden="true"
                      class="ant-select-tree-indent"
                    />
                    <span
                      class="ant-select-tree-switcher ant-select-tree-switcher-noop"
                    />
                    <span
                      class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
                      title="Node2"
                    >
                      <span
                        class="ant-select-tree-title"
                      >
                        Node2
                      </span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select: none;"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      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>
  </span>
</div>
`;

exports[`renders components/tree-select/demo/treeData.tsx extend context correctly 2`] = `[]`;

exports[`renders components/tree-select/demo/treeLine.tsx extend context correctly 1`] = `
<div
  class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
>
  <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"
        >
          showIcon
        </span>
        <span
          class="ant-switch-inner-unchecked"
        >
          showIcon
        </span>
      </span>
    </button>
  </div>
  <div
    class="ant-space-item"
  >
    <button
      aria-checked="true"
      class="ant-switch ant-switch-checked"
      role="switch"
      type="button"
    >
      <div
        class="ant-switch-handle"
      />
      <span
        class="ant-switch-inner"
      >
        <span
          class="ant-switch-inner-checked"
        >
          treeLine
        </span>
        <span
          class="ant-switch-inner-unchecked"
        >
          treeLine
        </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"
        >
          showLeafIcon
        </span>
        <span
          class="ant-switch-inner-unchecked"
        >
          showLeafIcon
        </span>
      </span>
    </button>
  </div>
  <div
    class="ant-space-item"
  >
    <div
      class="ant-select ant-tree-select ant-select-outlined ant-select-single ant-select-show-arrow"
      style="width: 300px;"
    >
      <div
        class="ant-select-selector"
      >
        <span
          class="ant-select-selection-search"
        >
          <input
            aria-autocomplete="list"
            aria-controls="rc_select_TEST_OR_SSR_list"
            aria-expanded="false"
            aria-haspopup="listbox"
            aria-owns="rc_select_TEST_OR_SSR_list"
            autocomplete="off"
            class="ant-select-selection-search-input"
            id="rc_select_TEST_OR_SSR"
            readonly=""
            role="combobox"
            style="opacity: 0;"
            type="search"
            unselectable="on"
            value=""
          />
        </span>
        <span
          class="ant-select-selection-placeholder"
        />
      </div>
      <div
        class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft"
        style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
      >
        <div>
          <div>
            <div
              class="ant-select-tree ant-select-tree-show-line"
              role="tree"
            >
              <div>
                <input
                  aria-label="for screen reader"
                  disabled=""
                  style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
                  value=""
                />
              </div>
              <div
                aria-hidden="true"
                class="ant-select-tree-treenode"
                style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
              >
                <div
                  class="ant-select-tree-indent"
                >
                  <div
                    class="ant-select-tree-indent-unit"
                  />
                </div>
              </div>
              <div
                class="ant-select-tree-list"
                style="position: relative;"
              >
                <div
                  class="ant-select-tree-list-holder"
                  style="max-height: 256px; overflow-y: auto;"
                >
                  <div>
                    <div
                      class="ant-select-tree-list-holder-inner"
                      style="display: flex; flex-direction: column;"
                    >
                      <div
                        aria-grabbed="false"
                        class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
                        draggable="false"
                      >
                        <span
                          aria-hidden="true"
                          class="ant-select-tree-indent"
                        />
                        <span
                          class="ant-select-tree-switcher ant-select-tree-switcher_close"
                        >
                          <span
                            aria-label="plus-square"
                            class="anticon anticon-plus-square ant-select-tree-switcher-line-icon"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="plus-square"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
                              />
                              <path
                                d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
                              />
                            </svg>
                          </span>
                        </span>
                        <span
                          class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-close"
                          title="parent 1"
                        >
                          <span
                            class="ant-select-tree-title"
                          >
                            parent 1
                          </span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span
        aria-hidden="true"
        class="ant-select-arrow"
        style="user-select: none;"
        unselectable="on"
      >
        <span
          aria-label="down"
          class="anticon anticon-down ant-select-suffix"
          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>
      </span>
    </div>
  </div>
</div>
`;

exports[`renders components/tree-select/demo/treeLine.tsx extend context correctly 2`] = `[]`;