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

exports[`Table.filter override custom filter correctly 1`] = `
<div
  className="ant-dropdown-custom-view"
  id="customFilter"
>
  <span
    id="setSelectedKeys"
    onClick={[Function]}
  >
    setSelectedKeys
  </span>
  <span
    id="confirm"
    onClick={[Function]}
  >
    Confirm
  </span>
  <span
    id="reset"
    onClick={[Function]}
  >
    Reset
  </span>
  <span
    id="simulateOnSelect"
    onClick={[Function]}
  >
    SimulateOnSelect
  </span>
</div>
`;

exports[`Table.filter renders custom content correctly 1`] = `
<div>
  <div
    class="ant-dropdown ant-dropdown-hidden"
  >
    <div
      class="ant-table-filter-dropdown"
    >
      <div
        class="custom-filter-dropdown"
      >
        custom filter
      </div>
    </div>
  </div>
</div>
`;

exports[`Table.filter renders custom filter icon as string correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout: auto;"
            >
              <colgroup>
                <col />
              </colgroup>
              <thead>
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-filter-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-table-filter-trigger-container"
                      >
                        <span
                          class="ant-table-filter-trigger ant-dropdown-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          string
                        </span>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jack
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Lucy
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Tom
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jerry
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`Table.filter renders custom filter icon correctly 1`] = `
<span
  class="customize-icon"
>
  filtered
</span>
`;

exports[`Table.filter renders custom filter icon correctly 2`] = `
<span
  class="customize-icon"
>
  unfiltered
</span>
`;

exports[`Table.filter renders custom filter icon with right Tooltip title 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout: auto;"
            >
              <colgroup>
                <col />
              </colgroup>
              <thead>
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-filter-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-table-filter-trigger-container"
                      >
                        <span
                          class="ant-table-filter-trigger ant-dropdown-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            class="ant-tooltip-open"
                          >
                            Tooltip
                          </span>
                          <div>
                            <div
                              class="ant-tooltip"
                              style="opacity: 0;"
                            >
                              <div
                                class="ant-tooltip-content"
                              >
                                <div
                                  class="ant-tooltip-arrow"
                                />
                                <div
                                  class="ant-tooltip-inner"
                                  role="tooltip"
                                >
                                  title
                                </div>
                              </div>
                            </div>
                          </div>
                        </span>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jack
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Lucy
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Tom
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jerry
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`Table.filter renders filter correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout: auto;"
            >
              <colgroup>
                <col />
              </colgroup>
              <thead>
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-filter-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-table-filter-trigger-container"
                      >
                        <span
                          class="ant-table-filter-trigger ant-dropdown-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              class=""
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jack
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Lucy
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Tom
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jerry
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`Table.filter renders menu correctly 1`] = `
<div>
  <div
    class="ant-dropdown ant-dropdown-hidden"
  >
    <div
      class="ant-table-filter-dropdown"
    >
      <ul
        class="ant-dropdown-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
        role="menu"
      >
        <li
          class="ant-dropdown-menu-item"
          role="menuitem"
        >
          <label
            class="ant-checkbox-wrapper"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
                value=""
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span>
            Boy
          </span>
        </li>
        <li
          class="ant-dropdown-menu-item"
          role="menuitem"
        >
          <label
            class="ant-checkbox-wrapper"
          >
            <span
              class="ant-checkbox"
            >
              <input
                class="ant-checkbox-input"
                type="checkbox"
                value=""
              />
              <span
                class="ant-checkbox-inner"
              />
            </span>
          </label>
          <span>
            Girl
          </span>
        </li>
        <li
          class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
          role="menuitem"
        >
          <div
            aria-expanded="false"
            aria-haspopup="true"
            class="ant-dropdown-menu-submenu-title"
            title="Title"
          >
            Title
            <i
              class="ant-dropdown-menu-submenu-arrow"
            />
          </div>
        </li>
      </ul>
      <div
        class="ant-table-filter-dropdown-btns"
      >
        <a
          class="ant-table-filter-dropdown-link confirm"
        >
          OK
        </a>
        <a
          class="ant-table-filter-dropdown-link clear"
        >
          Reset
        </a>
      </div>
    </div>
  </div>
</div>
`;

exports[`Table.filter renders radio filter correctly 1`] = `
<div>
  <div
    class="ant-dropdown ant-dropdown-hidden"
  >
    <div
      class="ant-table-filter-dropdown"
    >
      <ul
        class="ant-dropdown-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
        role="menu"
      >
        <li
          class="ant-dropdown-menu-item"
          role="menuitem"
        >
          <label
            class="ant-radio-wrapper"
          >
            <span
              class="ant-radio"
            >
              <input
                class="ant-radio-input"
                type="radio"
                value=""
              />
              <span
                class="ant-radio-inner"
              />
            </span>
          </label>
          <span>
            Boy
          </span>
        </li>
        <li
          class="ant-dropdown-menu-item"
          role="menuitem"
        >
          <label
            class="ant-radio-wrapper"
          >
            <span
              class="ant-radio"
            >
              <input
                class="ant-radio-input"
                type="radio"
                value=""
              />
              <span
                class="ant-radio-inner"
              />
            </span>
          </label>
          <span>
            Girl
          </span>
        </li>
        <li
          class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
          role="menuitem"
        >
          <div
            aria-expanded="false"
            aria-haspopup="true"
            class="ant-dropdown-menu-submenu-title"
            title="Title"
          >
            Title
            <i
              class="ant-dropdown-menu-submenu-arrow"
            />
          </div>
        </li>
      </ul>
      <div
        class="ant-table-filter-dropdown-btns"
      >
        <a
          class="ant-table-filter-dropdown-link confirm"
        >
          OK
        </a>
        <a
          class="ant-table-filter-dropdown-link clear"
        >
          Reset
        </a>
      </div>
    </div>
  </div>
</div>
`;

exports[`Table.filter should support getPopupContainer 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout: auto;"
            >
              <colgroup>
                <col />
              </colgroup>
              <thead>
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-filter-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-table-filter-trigger-container ant-table-filter-trigger-container-open"
                      >
                        <span
                          class="ant-table-filter-trigger ant-dropdown-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              class=""
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                        <div>
                          <div
                            class="ant-dropdown"
                            style="opacity: 0;"
                          >
                            <div
                              class="ant-table-filter-dropdown"
                            >
                              <ul
                                class="ant-dropdown-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
                                role="menu"
                              >
                                <li
                                  class="ant-dropdown-menu-item"
                                  role="menuitem"
                                >
                                  <label
                                    class="ant-checkbox-wrapper"
                                  >
                                    <span
                                      class="ant-checkbox"
                                    >
                                      <input
                                        class="ant-checkbox-input"
                                        type="checkbox"
                                        value=""
                                      />
                                      <span
                                        class="ant-checkbox-inner"
                                      />
                                    </span>
                                  </label>
                                  <span>
                                    Boy
                                  </span>
                                </li>
                                <li
                                  class="ant-dropdown-menu-item"
                                  role="menuitem"
                                >
                                  <label
                                    class="ant-checkbox-wrapper"
                                  >
                                    <span
                                      class="ant-checkbox"
                                    >
                                      <input
                                        class="ant-checkbox-input"
                                        type="checkbox"
                                        value=""
                                      />
                                      <span
                                        class="ant-checkbox-inner"
                                      />
                                    </span>
                                  </label>
                                  <span>
                                    Girl
                                  </span>
                                </li>
                                <li
                                  class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
                                  role="menuitem"
                                >
                                  <div
                                    aria-expanded="false"
                                    aria-haspopup="true"
                                    class="ant-dropdown-menu-submenu-title"
                                    title="Title"
                                  >
                                    Title
                                    <i
                                      class="ant-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="ant-table-filter-dropdown-btns"
                              >
                                <a
                                  class="ant-table-filter-dropdown-link confirm"
                                >
                                  OK
                                </a>
                                <a
                                  class="ant-table-filter-dropdown-link clear"
                                >
                                  Reset
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          style="position: absolute; top: 0px; left: 0px; width: 100%;"
                        />
                        <div
                          style="position: absolute; top: 0px; left: 0px; width: 100%;"
                        />
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jack
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Lucy
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Tom
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jerry
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`Table.filter should support getPopupContainer from ConfigProvider 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout: auto;"
            >
              <colgroup>
                <col />
              </colgroup>
              <thead>
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-filter-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-table-filter-trigger-container ant-table-filter-trigger-container-open"
                      >
                        <span
                          class="ant-table-filter-trigger ant-dropdown-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              class=""
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                        <div>
                          <div
                            class="ant-dropdown"
                            style="opacity: 0;"
                          >
                            <div
                              class="ant-table-filter-dropdown"
                            >
                              <ul
                                class="ant-dropdown-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
                                role="menu"
                              >
                                <li
                                  class="ant-dropdown-menu-item"
                                  role="menuitem"
                                >
                                  <label
                                    class="ant-checkbox-wrapper"
                                  >
                                    <span
                                      class="ant-checkbox"
                                    >
                                      <input
                                        class="ant-checkbox-input"
                                        type="checkbox"
                                        value=""
                                      />
                                      <span
                                        class="ant-checkbox-inner"
                                      />
                                    </span>
                                  </label>
                                  <span>
                                    Boy
                                  </span>
                                </li>
                                <li
                                  class="ant-dropdown-menu-item"
                                  role="menuitem"
                                >
                                  <label
                                    class="ant-checkbox-wrapper"
                                  >
                                    <span
                                      class="ant-checkbox"
                                    >
                                      <input
                                        class="ant-checkbox-input"
                                        type="checkbox"
                                        value=""
                                      />
                                      <span
                                        class="ant-checkbox-inner"
                                      />
                                    </span>
                                  </label>
                                  <span>
                                    Girl
                                  </span>
                                </li>
                                <li
                                  class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
                                  role="menuitem"
                                >
                                  <div
                                    aria-expanded="false"
                                    aria-haspopup="true"
                                    class="ant-dropdown-menu-submenu-title"
                                    title="Title"
                                  >
                                    Title
                                    <i
                                      class="ant-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="ant-table-filter-dropdown-btns"
                              >
                                <a
                                  class="ant-table-filter-dropdown-link confirm"
                                >
                                  OK
                                </a>
                                <a
                                  class="ant-table-filter-dropdown-link clear"
                                >
                                  Reset
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          style="position: absolute; top: 0px; left: 0px; width: 100%;"
                        />
                        <div
                          style="position: absolute; top: 0px; left: 0px; width: 100%;"
                        />
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jack
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Lucy
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Tom
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jerry
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
