ant-design/components/cascader/__tests__/__snapshots__/index.test.js.snap

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

exports[`Cascader can be selected 1`] = `
<div>
  <div
    class="ant-cascader-menus"
    style="opacity:0"
  >
    <div>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
          role="menuitem"
          title="Zhejiang"
        >
          Zhejiang
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand"
          role="menuitem"
          title="Jiangsu"
        >
          Jiangsu
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand"
          role="menuitem"
          title="Hangzhou"
        >
          Hangzhou
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`Cascader can be selected 2`] = `
<div>
  <div
    class="ant-cascader-menus"
    style="opacity:0"
  >
    <div>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
          role="menuitem"
          title="Zhejiang"
        >
          Zhejiang
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand"
          role="menuitem"
          title="Jiangsu"
        >
          Jiangsu
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
          role="menuitem"
          title="Hangzhou"
        >
          Hangzhou
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item"
          role="menuitem"
          title="West Lake"
        >
          West Lake
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`Cascader can be selected 3`] = `
<div>
  <div
    class="ant-cascader-menus ant-cascader-menus-hidden"
  >
    <div>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
          role="menuitem"
          title="Zhejiang"
        >
          Zhejiang
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand"
          role="menuitem"
          title="Jiangsu"
        >
          Jiangsu
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
          role="menuitem"
          title="Hangzhou"
        >
          Hangzhou
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-active"
          role="menuitem"
          title="West Lake"
        >
          West Lake
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`Cascader have a notFoundContent that fit trigger input width 1`] = `
<div>
  <div
    class="ant-cascader-menus"
    style="opacity: 0;"
  >
    <div>
      <ul
        class="ant-cascader-menu"
        style="height: auto;"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-disabled"
          role="menuitem"
          title=""
        >
          <div
            class="ant-empty ant-empty-normal ant-empty-small"
          >
            <div
              class="ant-empty-image"
            >
              <svg
                class="ant-empty-img-simple"
                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
                    class="ant-empty-img-simple-ellipse"
                    cx="32"
                    cy="33"
                    rx="32"
                    ry="7"
                  />
                  <g
                    class="ant-empty-img-simple-g"
                    fill-rule="nonzero"
                  >
                    <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
                      class="ant-empty-img-simple-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"
                    />
                  </g>
                </g>
              </svg>
            </div>
            <p
              class="ant-empty-description"
            >
              No Data
            </p>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`Cascader popup correctly when panel is hidden 1`] = `
<div>
  <div
    class="ant-cascader-menus  ant-cascader-menus-empty ant-cascader-menus-hidden"
  >
    <div />
  </div>
</div>
`;

exports[`Cascader popup correctly when panel is open 1`] = `
<div>
  <div
    class="ant-cascader-menus"
    style="opacity:0"
  >
    <div>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand"
          role="menuitem"
          title="Zhejiang"
        >
          Zhejiang
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand"
          role="menuitem"
          title="Jiangsu"
        >
          Jiangsu
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`Cascader popup correctly with defaultValue 1`] = `
<div>
  <div
    class="ant-cascader-menus"
    style="opacity:0"
  >
    <div>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
          role="menuitem"
          title="Zhejiang"
        >
          Zhejiang
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand"
          role="menuitem"
          title="Jiangsu"
        >
          Jiangsu
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
          role="menuitem"
          title="Hangzhou"
        >
          Hangzhou
          <span
            class="ant-cascader-menu-item-expand-icon"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </span>
        </li>
      </ul>
      <ul
        class="ant-cascader-menu"
      >
        <li
          class="ant-cascader-menu-item"
          role="menuitem"
          title="West Lake"
        >
          West Lake
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`Cascader should highlight keyword and filter when search in Cascader 1`] = `
<Popup
  align={
    Object {
      "offset": Array [
        0,
        4,
      ],
      "overflow": Object {
        "adjustX": 1,
        "adjustY": 1,
      },
      "points": Array [
        "tl",
        "bl",
      ],
    }
  }
  className=""
  destroyPopupOnHide={false}
  getClassNameFromAlign={[Function]}
  getRootDomNode={[Function]}
  mask={false}
  onAlign={[Function]}
  onMouseDown={[Function]}
  onTouchStart={[Function]}
  prefixCls="ant-cascader-menus"
  style={Object {}}
  transitionName="slide-up"
  visible={true}
>
  <div>
    <ForwardRef
      motionAppear={false}
      motionEnter={false}
      motionLeave={false}
      motionName="slide-up"
      onEnterEnd={[Function]}
      onLeaveEnd={[Function]}
      removeOnLeave={false}
      visible={true}
    >
      <CSSMotion
        internalRef={null}
        motionAppear={false}
        motionEnter={false}
        motionLeave={false}
        motionName="slide-up"
        onEnterEnd={[Function]}
        onLeaveEnd={[Function]}
        removeOnLeave={false}
        visible={true}
      >
        <Align
          align={
            Object {
              "offset": Array [
                0,
                4,
              ],
              "overflow": Object {
                "adjustX": 1,
                "adjustY": 1,
              },
              "points": Array [
                "tl",
                "bl",
              ],
            }
          }
          disabled={true}
          key="popup"
          monitorWindowResize={true}
          onAlign={[Function]}
          target={[Function]}
        >
          <PopupInner
            className="ant-cascader-menus"
            hiddenClassName="ant-cascader-menus-hidden"
            onMouseDown={[Function]}
            onTouchStart={[Function]}
            prefixCls="ant-cascader-menus"
            style={
              Object {
                "opacity": 0,
                "zIndex": undefined,
              }
            }
            visible={true}
          >
            <div
              className="ant-cascader-menus"
              onMouseDown={[Function]}
              onTouchStart={[Function]}
              style={
                Object {
                  "opacity": 0,
                  "zIndex": undefined,
                }
              }
            >
              <Menus
                activeValue={Array []}
                allowClear={true}
                builtinPlacements={
                  Object {
                    "bottomLeft": Object {
                      "offset": Array [
                        0,
                        4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "tl",
                        "bl",
                      ],
                    },
                    "bottomRight": Object {
                      "offset": Array [
                        0,
                        4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "tr",
                        "br",
                      ],
                    },
                    "topLeft": Object {
                      "offset": Array [
                        0,
                        -4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "bl",
                        "tl",
                      ],
                    },
                    "topRight": Object {
                      "offset": Array [
                        0,
                        -4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "br",
                        "tr",
                      ],
                    },
                  }
                }
                defaultFieldNames={
                  Object {
                    "children": "children",
                    "label": "label",
                    "value": "value",
                  }
                }
                disabled={false}
                dropdownMenuColumnStyle={
                  Object {
                    "width": 0,
                  }
                }
                expandIcon={<ForwardRef(RightOutlined) />}
                expandTrigger="click"
                fieldNames={
                  Object {
                    "children": "children",
                    "label": "label",
                    "value": "value",
                  }
                }
                loadingIcon={
                  <span
                    className="ant-cascader-menu-item-loading-icon"
                  >
                    <ForwardRef(RedoOutlined)
                      spin={true}
                    />
                  </span>
                }
                onChange={[Function]}
                onItemDoubleClick={[Function]}
                onPopupVisibleChange={[Function]}
                onSelect={[Function]}
                options={
                  Array [
                    Object {
                      "__IS_FILTERED_OPTION": true,
                      "disabled": false,
                      "label": Array [
                        "Jiangsu",
                        Array [
                          " / ",
                          "Nanjing",
                        ],
                        Array [
                          " / ",
                          "Zhong Hua Men",
                        ],
                      ],
                      "path": Array [
                        Object {
                          "children": Array [
                            Object {
                              "children": Array [
                                Object {
                                  "label": "Zhong Hua Men",
                                  "value": "zhonghuamen",
                                },
                              ],
                              "label": "Nanjing",
                              "value": "nanjing",
                            },
                          ],
                          "label": "Jiangsu",
                          "value": "jiangsu",
                        },
                        Object {
                          "children": Array [
                            Object {
                              "label": "Zhong Hua Men",
                              "value": "zhonghuamen",
                            },
                          ],
                          "label": "Nanjing",
                          "value": "nanjing",
                        },
                        Object {
                          "label": "Zhong Hua Men",
                          "value": "zhonghuamen",
                        },
                      ],
                      "value": Array [
                        "jiangsu",
                        "nanjing",
                        "zhonghuamen",
                      ],
                    },
                    Object {
                      "__IS_FILTERED_OPTION": true,
                      "disabled": false,
                      "label": Array [
                        "Zhejiang",
                        Array [
                          " / ",
                          Array [
                            "Hang",
                            Array [
                              <span
                                className="ant-cascader-menu-item-keyword"
                              >
                                z
                              </span>,
                              "hou",
                            ],
                          ],
                        ],
                        Array [
                          " / ",
                          "West Lake",
                        ],
                      ],
                      "path": Array [
                        Object {
                          "children": Array [
                            Object {
                              "children": Array [
                                Object {
                                  "label": "West Lake",
                                  "value": "xihu",
                                },
                              ],
                              "label": "Hangzhou",
                              "value": "hangzhou",
                            },
                          ],
                          "label": "Zhejiang",
                          "value": "zhejiang",
                        },
                        Object {
                          "children": Array [
                            Object {
                              "label": "West Lake",
                              "value": "xihu",
                            },
                          ],
                          "label": "Hangzhou",
                          "value": "hangzhou",
                        },
                        Object {
                          "label": "West Lake",
                          "value": "xihu",
                        },
                      ],
                      "value": Array [
                        "zhejiang",
                        "hangzhou",
                        "xihu",
                      ],
                    },
                  ]
                }
                popupClassName=""
                popupPlacement="bottomLeft"
                popupVisible={true}
                prefixCls="ant-cascader"
                showSearch={
                  Object {
                    "filter": [Function],
                  }
                }
                transitionName="slide-up"
                value={Array []}
                visible={true}
              >
                <div>
                  <ul
                    className="ant-cascader-menu"
                    key="0"
                    style={
                      Object {
                        "width": 0,
                      }
                    }
                  >
                    <li
                      className="ant-cascader-menu-item"
                      key="jiangsu,nanjing,zhonghuamen"
                      onClick={[Function]}
                      onDoubleClick={[Function]}
                      onMouseDown={[Function]}
                      role="menuitem"
                      title=""
                    >
                      Jiangsu
                       / 
                      Nanjing
                       / 
                      Zhong Hua Men
                    </li>
                    <li
                      className="ant-cascader-menu-item"
                      key="zhejiang,hangzhou,xihu"
                      onClick={[Function]}
                      onDoubleClick={[Function]}
                      onMouseDown={[Function]}
                      role="menuitem"
                      title=""
                    >
                      Zhejiang
                       / 
                      Hang
                      <span
                        className="ant-cascader-menu-item-keyword"
                        key="seperator"
                      >
                        z
                      </span>
                      hou
                       / 
                      West Lake
                    </li>
                  </ul>
                </div>
              </Menus>
            </div>
          </PopupInner>
        </Align>
      </CSSMotion>
    </ForwardRef>
  </div>
</Popup>
`;

exports[`Cascader should render not found content 1`] = `
<Popup
  align={
    Object {
      "offset": Array [
        0,
        4,
      ],
      "overflow": Object {
        "adjustX": 1,
        "adjustY": 1,
      },
      "points": Array [
        "tl",
        "bl",
      ],
    }
  }
  className=""
  destroyPopupOnHide={false}
  getClassNameFromAlign={[Function]}
  getRootDomNode={[Function]}
  mask={false}
  onAlign={[Function]}
  onMouseDown={[Function]}
  onTouchStart={[Function]}
  prefixCls="ant-cascader-menus"
  style={Object {}}
  transitionName="slide-up"
  visible={true}
>
  <div>
    <ForwardRef
      motionAppear={false}
      motionEnter={false}
      motionLeave={false}
      motionName="slide-up"
      onEnterEnd={[Function]}
      onLeaveEnd={[Function]}
      removeOnLeave={false}
      visible={true}
    >
      <CSSMotion
        internalRef={null}
        motionAppear={false}
        motionEnter={false}
        motionLeave={false}
        motionName="slide-up"
        onEnterEnd={[Function]}
        onLeaveEnd={[Function]}
        removeOnLeave={false}
        visible={true}
      >
        <Align
          align={
            Object {
              "offset": Array [
                0,
                4,
              ],
              "overflow": Object {
                "adjustX": 1,
                "adjustY": 1,
              },
              "points": Array [
                "tl",
                "bl",
              ],
            }
          }
          disabled={true}
          key="popup"
          monitorWindowResize={true}
          onAlign={[Function]}
          target={[Function]}
        >
          <PopupInner
            className="ant-cascader-menus"
            hiddenClassName="ant-cascader-menus-hidden"
            onMouseDown={[Function]}
            onTouchStart={[Function]}
            prefixCls="ant-cascader-menus"
            style={
              Object {
                "opacity": 0,
                "zIndex": undefined,
              }
            }
            visible={true}
          >
            <div
              className="ant-cascader-menus"
              onMouseDown={[Function]}
              onTouchStart={[Function]}
              style={
                Object {
                  "opacity": 0,
                  "zIndex": undefined,
                }
              }
            >
              <Menus
                activeValue={Array []}
                allowClear={true}
                builtinPlacements={
                  Object {
                    "bottomLeft": Object {
                      "offset": Array [
                        0,
                        4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "tl",
                        "bl",
                      ],
                    },
                    "bottomRight": Object {
                      "offset": Array [
                        0,
                        4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "tr",
                        "br",
                      ],
                    },
                    "topLeft": Object {
                      "offset": Array [
                        0,
                        -4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "bl",
                        "tl",
                      ],
                    },
                    "topRight": Object {
                      "offset": Array [
                        0,
                        -4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "br",
                        "tr",
                      ],
                    },
                  }
                }
                defaultFieldNames={
                  Object {
                    "children": "children",
                    "label": "label",
                    "value": "value",
                  }
                }
                disabled={false}
                dropdownMenuColumnStyle={
                  Object {
                    "height": "auto",
                    "width": 0,
                  }
                }
                expandIcon={<ForwardRef(RightOutlined) />}
                expandTrigger="click"
                fieldNames={
                  Object {
                    "children": "children",
                    "label": "label",
                    "value": "value",
                  }
                }
                loadingIcon={
                  <span
                    className="ant-cascader-menu-item-loading-icon"
                  >
                    <ForwardRef(RedoOutlined)
                      spin={true}
                    />
                  </span>
                }
                onChange={[Function]}
                onItemDoubleClick={[Function]}
                onPopupVisibleChange={[Function]}
                onSelect={[Function]}
                options={
                  Array [
                    Object {
                      "disabled": true,
                      "label": <Context.Consumer>
                        [Function]
                      </Context.Consumer>,
                      "value": "ANT_CASCADER_NOT_FOUND",
                    },
                  ]
                }
                popupClassName=""
                popupPlacement="bottomLeft"
                popupVisible={true}
                prefixCls="ant-cascader"
                showSearch={
                  Object {
                    "filter": [Function],
                  }
                }
                transitionName="slide-up"
                value={Array []}
                visible={true}
              >
                <div>
                  <ul
                    className="ant-cascader-menu"
                    key="0"
                    style={
                      Object {
                        "height": "auto",
                        "width": 0,
                      }
                    }
                  >
                    <li
                      className="ant-cascader-menu-item ant-cascader-menu-item-disabled"
                      key="ANT_CASCADER_NOT_FOUND"
                      onClick={[Function]}
                      onDoubleClick={[Function]}
                      onMouseDown={[Function]}
                      role="menuitem"
                      title=""
                    >
                      <Empty
                        className="ant-empty-small"
                        image={<Simple />}
                      >
                        <LocaleReceiver
                          componentName="Empty"
                        >
                          <div
                            className="ant-empty ant-empty-normal ant-empty-small"
                          >
                            <div
                              className="ant-empty-image"
                            >
                              <Simple>
                                <svg
                                  className="ant-empty-img-simple"
                                  height="41"
                                  viewBox="0 0 64 41"
                                  width="64"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <g
                                    fill="none"
                                    fillRule="evenodd"
                                    transform="translate(0 1)"
                                  >
                                    <ellipse
                                      className="ant-empty-img-simple-ellipse"
                                      cx="32"
                                      cy="33"
                                      rx="32"
                                      ry="7"
                                    />
                                    <g
                                      className="ant-empty-img-simple-g"
                                      fillRule="nonzero"
                                    >
                                      <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
                                        className="ant-empty-img-simple-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"
                                      />
                                    </g>
                                  </g>
                                </svg>
                              </Simple>
                            </div>
                            <p
                              className="ant-empty-description"
                            >
                              No Data
                            </p>
                          </div>
                        </LocaleReceiver>
                      </Empty>
                    </li>
                  </ul>
                </div>
              </Menus>
            </div>
          </PopupInner>
        </Align>
      </CSSMotion>
    </ForwardRef>
  </div>
</Popup>
`;

exports[`Cascader should show not found content when options.length is 0 1`] = `
<Popup
  align={
    Object {
      "offset": Array [
        0,
        4,
      ],
      "overflow": Object {
        "adjustX": 1,
        "adjustY": 1,
      },
      "points": Array [
        "tl",
        "bl",
      ],
    }
  }
  className=""
  destroyPopupOnHide={false}
  getClassNameFromAlign={[Function]}
  getRootDomNode={[Function]}
  mask={false}
  onAlign={[Function]}
  onMouseDown={[Function]}
  onTouchStart={[Function]}
  prefixCls="ant-cascader-menus"
  style={Object {}}
  transitionName="slide-up"
  visible={true}
>
  <div>
    <ForwardRef
      motionAppear={false}
      motionEnter={false}
      motionLeave={false}
      motionName="slide-up"
      onEnterEnd={[Function]}
      onLeaveEnd={[Function]}
      removeOnLeave={false}
      visible={true}
    >
      <CSSMotion
        internalRef={null}
        motionAppear={false}
        motionEnter={false}
        motionLeave={false}
        motionName="slide-up"
        onEnterEnd={[Function]}
        onLeaveEnd={[Function]}
        removeOnLeave={false}
        visible={true}
      >
        <Align
          align={
            Object {
              "offset": Array [
                0,
                4,
              ],
              "overflow": Object {
                "adjustX": 1,
                "adjustY": 1,
              },
              "points": Array [
                "tl",
                "bl",
              ],
            }
          }
          disabled={true}
          key="popup"
          monitorWindowResize={true}
          onAlign={[Function]}
          target={[Function]}
        >
          <PopupInner
            className="ant-cascader-menus"
            hiddenClassName="ant-cascader-menus-hidden"
            onMouseDown={[Function]}
            onTouchStart={[Function]}
            prefixCls="ant-cascader-menus"
            style={
              Object {
                "opacity": 0,
                "zIndex": undefined,
              }
            }
            visible={true}
          >
            <div
              className="ant-cascader-menus"
              onMouseDown={[Function]}
              onTouchStart={[Function]}
              style={
                Object {
                  "opacity": 0,
                  "zIndex": undefined,
                }
              }
            >
              <Menus
                activeValue={Array []}
                allowClear={true}
                builtinPlacements={
                  Object {
                    "bottomLeft": Object {
                      "offset": Array [
                        0,
                        4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "tl",
                        "bl",
                      ],
                    },
                    "bottomRight": Object {
                      "offset": Array [
                        0,
                        4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "tr",
                        "br",
                      ],
                    },
                    "topLeft": Object {
                      "offset": Array [
                        0,
                        -4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "bl",
                        "tl",
                      ],
                    },
                    "topRight": Object {
                      "offset": Array [
                        0,
                        -4,
                      ],
                      "overflow": Object {
                        "adjustX": 1,
                        "adjustY": 1,
                      },
                      "points": Array [
                        "br",
                        "tr",
                      ],
                    },
                  }
                }
                defaultFieldNames={
                  Object {
                    "children": "children",
                    "label": "label",
                    "value": "value",
                  }
                }
                disabled={false}
                dropdownMenuColumnStyle={
                  Object {
                    "height": "auto",
                    "width": 0,
                  }
                }
                expandIcon={<ForwardRef(RightOutlined) />}
                expandTrigger="click"
                fieldNames={
                  Object {
                    "children": "children",
                    "label": "label",
                    "value": "value",
                  }
                }
                loadingIcon={
                  <span
                    className="ant-cascader-menu-item-loading-icon"
                  >
                    <ForwardRef(RedoOutlined)
                      spin={true}
                    />
                  </span>
                }
                onChange={[Function]}
                onItemDoubleClick={[Function]}
                onPopupVisibleChange={[Function]}
                onSelect={[Function]}
                options={
                  Array [
                    Object {
                      "disabled": true,
                      "label": <Context.Consumer>
                        [Function]
                      </Context.Consumer>,
                      "value": "ANT_CASCADER_NOT_FOUND",
                    },
                  ]
                }
                popupClassName=""
                popupPlacement="bottomLeft"
                popupVisible={true}
                prefixCls="ant-cascader"
                transitionName="slide-up"
                value={Array []}
                visible={true}
              >
                <div>
                  <ul
                    className="ant-cascader-menu"
                    key="0"
                    style={
                      Object {
                        "height": "auto",
                        "width": 0,
                      }
                    }
                  >
                    <li
                      className="ant-cascader-menu-item ant-cascader-menu-item-disabled"
                      key="ANT_CASCADER_NOT_FOUND"
                      onClick={[Function]}
                      onDoubleClick={[Function]}
                      onMouseDown={[Function]}
                      role="menuitem"
                      title=""
                    >
                      <Empty
                        className="ant-empty-small"
                        image={<Simple />}
                      >
                        <LocaleReceiver
                          componentName="Empty"
                        >
                          <div
                            className="ant-empty ant-empty-normal ant-empty-small"
                          >
                            <div
                              className="ant-empty-image"
                            >
                              <Simple>
                                <svg
                                  className="ant-empty-img-simple"
                                  height="41"
                                  viewBox="0 0 64 41"
                                  width="64"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <g
                                    fill="none"
                                    fillRule="evenodd"
                                    transform="translate(0 1)"
                                  >
                                    <ellipse
                                      className="ant-empty-img-simple-ellipse"
                                      cx="32"
                                      cy="33"
                                      rx="32"
                                      ry="7"
                                    />
                                    <g
                                      className="ant-empty-img-simple-g"
                                      fillRule="nonzero"
                                    >
                                      <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
                                        className="ant-empty-img-simple-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"
                                      />
                                    </g>
                                  </g>
                                </svg>
                              </Simple>
                            </div>
                            <p
                              className="ant-empty-description"
                            >
                              No Data
                            </p>
                          </div>
                        </LocaleReceiver>
                      </Empty>
                    </li>
                  </ul>
                </div>
              </Menus>
            </div>
          </PopupInner>
        </Align>
      </CSSMotion>
    </ForwardRef>
  </div>
</Popup>
`;

exports[`Cascader support controlled mode 1`] = `
<span
  class="ant-cascader-picker"
  tabindex="0"
>
  <span
    class="ant-cascader-picker-label"
  >
    Zhejiang / Hangzhou / West Lake
  </span>
  <input
    autocomplete="off"
    class="ant-input ant-cascader-input "
    readonly=""
    tabindex="-1"
    type="text"
    value=""
  />
  <span
    aria-label="close-circle"
    class="anticon anticon-close-circle ant-cascader-picker-clear"
    role="img"
    tabindex="-1"
  >
    <svg
      aria-hidden="true"
      class=""
      data-icon="close-circle"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
      />
    </svg>
  </span>
  <span
    aria-label="down"
    class="anticon anticon-down ant-cascader-picker-arrow"
    role="img"
  >
    <svg
      aria-hidden="true"
      class=""
      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>
`;