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

exports[`renders components/tabs/demo/animated.tsx extend context correctly 1`] = `
Array [
  <div
    class="ant-space ant-space-horizontal ant-space-align-center"
  >
    <div
      class="ant-space-item"
      style="margin-right: 8px;"
    >
      <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"
          >
            inkBar
          </span>
          <span
            class="ant-switch-inner-unchecked"
          >
            inkBar
          </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"
          >
            tabPane
          </span>
          <span
            class="ant-switch-inner-unchecked"
          >
            tabPane
          </span>
        </span>
      </button>
    </div>
  </div>,
  <div
    class="ant-tabs ant-tabs-top"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Bamboo
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Little
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Light
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top ant-tabs-content-animated"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          style="height: 200px; box-shadow: 0 0 3px rgba(255, 0, 0, 0.5);"
          tabindex="0"
        >
          Hello Bamboo!
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`renders components/tabs/demo/basic.tsx extend context correctly 1`] = `
<div
  class="ant-tabs ant-tabs-top"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform: translate(0px, 0px);"
      >
        <div
          class="ant-tabs-tab ant-tabs-tab-active"
          data-node-key="1"
        >
          <div
            aria-controls="rc-tabs-test-panel-1"
            aria-selected="true"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-1"
            role="tab"
            tabindex="0"
          >
            Tab 1
          </div>
        </div>
        <div
          class="ant-tabs-tab"
          data-node-key="2"
        >
          <div
            aria-controls="rc-tabs-test-panel-2"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-2"
            role="tab"
            tabindex="0"
          >
            Tab 2
          </div>
        </div>
        <div
          class="ant-tabs-tab"
          data-node-key="3"
        >
          <div
            aria-controls="rc-tabs-test-panel-3"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-3"
            role="tab"
            tabindex="0"
          >
            Tab 3
          </div>
        </div>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="rc-tabs-test-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="rc-tabs-test-more"
        style="visibility: hidden; order: 1;"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
      <div>
        <div
          class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
          style="opacity: 0;"
        >
          <ul
            aria-label="expanded dropdown"
            class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
            data-menu-list="true"
            id="rc-tabs-test-more-popup"
            role="listbox"
            tabindex="-1"
          />
          <div
            aria-hidden="true"
            style="display: none;"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        aria-labelledby="rc-tabs-test-tab-1"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        id="rc-tabs-test-panel-1"
        role="tabpanel"
        tabindex="0"
      >
        Content of Tab Pane 1
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/card.tsx extend context correctly 1`] = `
<div
  class="ant-tabs ant-tabs-top ant-tabs-card"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform: translate(0px, 0px);"
      >
        <div
          class="ant-tabs-tab ant-tabs-tab-active"
          data-node-key="1"
        >
          <div
            aria-controls="rc-tabs-test-panel-1"
            aria-selected="true"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-1"
            role="tab"
            tabindex="0"
          >
            Tab 1
          </div>
        </div>
        <div
          class="ant-tabs-tab"
          data-node-key="2"
        >
          <div
            aria-controls="rc-tabs-test-panel-2"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-2"
            role="tab"
            tabindex="0"
          >
            Tab 2
          </div>
        </div>
        <div
          class="ant-tabs-tab"
          data-node-key="3"
        >
          <div
            aria-controls="rc-tabs-test-panel-3"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-3"
            role="tab"
            tabindex="0"
          >
            Tab 3
          </div>
        </div>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="rc-tabs-test-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="rc-tabs-test-more"
        style="visibility: hidden; order: 1;"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
      <div>
        <div
          class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
          style="opacity: 0;"
        >
          <ul
            aria-label="expanded dropdown"
            class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
            data-menu-list="true"
            id="rc-tabs-test-more-popup"
            role="listbox"
            tabindex="-1"
          />
          <div
            aria-hidden="true"
            style="display: none;"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        aria-labelledby="rc-tabs-test-tab-1"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        id="rc-tabs-test-panel-1"
        role="tabpanel"
        tabindex="0"
      >
        Content of Tab Pane 1
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/card-top.tsx extend context correctly 1`] = `
<div
  class="css-1g7foe3"
>
  <div
    class="ant-tabs ant-tabs-top ant-tabs-card"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab Title 1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab Title 2
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Tab Title 3
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          <p>
            Content of Tab Pane 1
          </p>
          <p>
            Content of Tab Pane 1
          </p>
          <p>
            Content of Tab Pane 1
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/centered.tsx extend context correctly 1`] = `
<div
  class="ant-tabs ant-tabs-top ant-tabs-centered"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform: translate(0px, 0px);"
      >
        <div
          class="ant-tabs-tab ant-tabs-tab-active"
          data-node-key="1"
        >
          <div
            aria-controls="rc-tabs-test-panel-1"
            aria-selected="true"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-1"
            role="tab"
            tabindex="0"
          >
            Tab 1
          </div>
        </div>
        <div
          class="ant-tabs-tab"
          data-node-key="2"
        >
          <div
            aria-controls="rc-tabs-test-panel-2"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-2"
            role="tab"
            tabindex="0"
          >
            Tab 2
          </div>
        </div>
        <div
          class="ant-tabs-tab"
          data-node-key="3"
        >
          <div
            aria-controls="rc-tabs-test-panel-3"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-3"
            role="tab"
            tabindex="0"
          >
            Tab 3
          </div>
        </div>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="rc-tabs-test-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="rc-tabs-test-more"
        style="visibility: hidden; order: 1;"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
      <div>
        <div
          class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
          style="opacity: 0;"
        >
          <ul
            aria-label="expanded dropdown"
            class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
            data-menu-list="true"
            id="rc-tabs-test-more-popup"
            role="listbox"
            tabindex="-1"
          />
          <div
            aria-hidden="true"
            style="display: none;"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        aria-labelledby="rc-tabs-test-tab-1"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        id="rc-tabs-test-panel-1"
        role="tabpanel"
        tabindex="0"
      >
        Content of Tab Pane 1
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/custom-add-trigger.tsx extend context correctly 1`] = `
<div>
  <div
    style="margin-bottom: 16px;"
  >
    <button
      class="ant-btn ant-btn-default"
      type="button"
    >
      <span>
        ADD
      </span>
    </button>
  </div>
  <div
    class="ant-tabs ant-tabs-top ant-tabs-editable ant-tabs-card ant-tabs-editable-card"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-with-remove ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab 1
            </div>
            <button
              aria-label="remove"
              class="ant-tabs-tab-remove"
              tabindex="0"
              type="button"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </button>
          </div>
          <div
            class="ant-tabs-tab ant-tabs-tab-with-remove"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab 2
            </div>
            <button
              aria-label="remove"
              class="ant-tabs-tab-remove"
              tabindex="0"
              type="button"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </button>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          Content of Tab Pane 1
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/custom-tab-bar.tsx extend context correctly 1`] = `
<div
  class="ant-tabs ant-tabs-top"
>
  <div
    style="z-index: 1;"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
      style="background: rgb(255, 255, 255);"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab 1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab 2
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Tab 3
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
        style="background: rgb(255, 255, 255);"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        aria-labelledby="rc-tabs-test-tab-1"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        id="rc-tabs-test-panel-1"
        role="tabpanel"
        style="height: 200px;"
        tabindex="0"
      >
        Content of Tab Pane 1
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/custom-tab-bar-node.tsx extend context correctly 1`] = `
<div
  class="ant-tabs ant-tabs-top"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform: translate(0px, 0px);"
      >
        <div
          aria-describedby="DndDescribedBy-1"
          aria-disabled="false"
          aria-roledescription="sortable"
          class="ant-tabs-tab ant-tabs-tab-active"
          data-node-key="1"
          role="button"
          style="cursor: move;"
          tabindex="0"
        >
          <div
            aria-controls="rc-tabs-test-panel-1"
            aria-selected="true"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-1"
            role="tab"
            tabindex="0"
          >
            Tab 1
          </div>
        </div>
        <div
          aria-describedby="DndDescribedBy-1"
          aria-disabled="false"
          aria-roledescription="sortable"
          class="ant-tabs-tab"
          data-node-key="2"
          role="button"
          style="cursor: move;"
          tabindex="0"
        >
          <div
            aria-controls="rc-tabs-test-panel-2"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-2"
            role="tab"
            tabindex="0"
          >
            Tab 2
          </div>
        </div>
        <div
          aria-describedby="DndDescribedBy-1"
          aria-disabled="false"
          aria-roledescription="sortable"
          class="ant-tabs-tab"
          data-node-key="3"
          role="button"
          style="cursor: move;"
          tabindex="0"
        >
          <div
            aria-controls="rc-tabs-test-panel-3"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-3"
            role="tab"
            tabindex="0"
          >
            Tab 3
          </div>
        </div>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="rc-tabs-test-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="rc-tabs-test-more"
        style="visibility: hidden; order: 1;"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
      <div>
        <div
          class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
          style="opacity: 0;"
        >
          <ul
            aria-label="expanded dropdown"
            class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
            data-menu-list="true"
            id="rc-tabs-test-more-popup"
            role="listbox"
            tabindex="-1"
          />
          <div
            aria-hidden="true"
            style="display: none;"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    id="DndDescribedBy-1"
    style="display: none;"
  >
    To pick up a draggable item, press the space bar.
    While dragging, use the arrow keys to move the item.
    Press space again to drop the item in its new position, or press escape to cancel.
  </div>
  <div
    aria-atomic="true"
    aria-live="assertive"
    id="DndLiveRegion-1"
    role="status"
    style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
  />
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        aria-labelledby="rc-tabs-test-tab-1"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        id="rc-tabs-test-panel-1"
        role="tabpanel"
        tabindex="0"
      >
        Content of Tab Pane 1
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/disabled.tsx extend context correctly 1`] = `
<div
  class="ant-tabs ant-tabs-top"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform: translate(0px, 0px);"
      >
        <div
          class="ant-tabs-tab ant-tabs-tab-active"
          data-node-key="1"
        >
          <div
            aria-controls="rc-tabs-test-panel-1"
            aria-selected="true"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-1"
            role="tab"
            tabindex="0"
          >
            Tab 1
          </div>
        </div>
        <div
          class="ant-tabs-tab ant-tabs-tab-disabled"
          data-node-key="2"
        >
          <div
            aria-controls="rc-tabs-test-panel-2"
            aria-disabled="true"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-2"
            role="tab"
          >
            Tab 2
          </div>
        </div>
        <div
          class="ant-tabs-tab"
          data-node-key="3"
        >
          <div
            aria-controls="rc-tabs-test-panel-3"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-3"
            role="tab"
            tabindex="0"
          >
            Tab 3
          </div>
        </div>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="rc-tabs-test-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="rc-tabs-test-more"
        style="visibility: hidden; order: 1;"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
      <div>
        <div
          class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
          style="opacity: 0;"
        >
          <ul
            aria-label="expanded dropdown"
            class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
            data-menu-list="true"
            id="rc-tabs-test-more-popup"
            role="listbox"
            tabindex="-1"
          />
          <div
            aria-hidden="true"
            style="display: none;"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        aria-labelledby="rc-tabs-test-tab-1"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        id="rc-tabs-test-panel-1"
        role="tabpanel"
        tabindex="0"
      >
        Tab 1
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/editable-card.tsx extend context correctly 1`] = `
<div
  class="ant-tabs ant-tabs-top ant-tabs-editable ant-tabs-card ant-tabs-editable-card"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform: translate(0px, 0px);"
      >
        <div
          class="ant-tabs-tab ant-tabs-tab-with-remove ant-tabs-tab-active"
          data-node-key="1"
        >
          <div
            aria-controls="rc-tabs-test-panel-1"
            aria-selected="true"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-1"
            role="tab"
            tabindex="0"
          >
            Tab 1
          </div>
          <button
            aria-label="remove"
            class="ant-tabs-tab-remove"
            tabindex="0"
            type="button"
          >
            <span
              aria-label="close"
              class="anticon anticon-close"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="close"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                />
              </svg>
            </span>
          </button>
        </div>
        <div
          class="ant-tabs-tab ant-tabs-tab-with-remove"
          data-node-key="2"
        >
          <div
            aria-controls="rc-tabs-test-panel-2"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-2"
            role="tab"
            tabindex="0"
          >
            Tab 2
          </div>
          <button
            aria-label="remove"
            class="ant-tabs-tab-remove"
            tabindex="0"
            type="button"
          >
            <span
              aria-label="close"
              class="anticon anticon-close"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="close"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                />
              </svg>
            </span>
          </button>
        </div>
        <div
          class="ant-tabs-tab"
          data-node-key="3"
        >
          <div
            aria-controls="rc-tabs-test-panel-3"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-3"
            role="tab"
            tabindex="0"
          >
            Tab 3
          </div>
        </div>
        <button
          aria-label="Add tab"
          class="ant-tabs-nav-add"
          type="button"
        >
          <span
            aria-label="plus"
            class="anticon anticon-plus"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="plus"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <defs>
                <style />
              </defs>
              <path
                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
              />
              <path
                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
              />
            </svg>
          </span>
        </button>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="rc-tabs-test-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="rc-tabs-test-more"
        style="visibility: hidden; order: 1;"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
      <div>
        <div
          class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
          style="opacity: 0;"
        >
          <ul
            aria-label="expanded dropdown"
            class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
            data-menu-list="true"
            id="rc-tabs-test-more-popup"
            role="listbox"
            tabindex="-1"
          />
          <div
            aria-hidden="true"
            style="display: none;"
          />
        </div>
      </div>
      <button
        aria-label="Add tab"
        class="ant-tabs-nav-add"
        type="button"
      >
        <span
          aria-label="plus"
          class="anticon anticon-plus"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="plus"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <defs>
              <style />
            </defs>
            <path
              d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
            />
            <path
              d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
            />
          </svg>
        </span>
      </button>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        aria-labelledby="rc-tabs-test-tab-1"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        id="rc-tabs-test-panel-1"
        role="tabpanel"
        tabindex="0"
      >
        Content of Tab 1
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/extra.tsx extend context correctly 1`] = `
Array [
  <div
    class="ant-tabs ant-tabs-top"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab 1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab 2
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Tab 3
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
      <div
        class="ant-tabs-extra-content"
      >
        <button
          class="ant-btn ant-btn-default"
          type="button"
        >
          <span>
            Extra Action
          </span>
        </button>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          Content of tab 1
        </div>
      </div>
    </div>
  </div>,
  <br />,
  <br />,
  <br />,
  <div>
    You can also specify its direction or both side
  </div>,
  <div
    class="ant-divider ant-divider-horizontal"
    role="separator"
  />,
  <div
    class="ant-checkbox-group"
  >
    <label
      class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
    >
      <span
        class="ant-checkbox ant-checkbox-checked"
      >
        <input
          checked=""
          class="ant-checkbox-input"
          type="checkbox"
          value="left"
        />
        <span
          class="ant-checkbox-inner"
        />
      </span>
      <span>
        left
      </span>
    </label>
    <label
      class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
    >
      <span
        class="ant-checkbox ant-checkbox-checked"
      >
        <input
          checked=""
          class="ant-checkbox-input"
          type="checkbox"
          value="right"
        />
        <span
          class="ant-checkbox-inner"
        />
      </span>
      <span>
        right
      </span>
    </label>
  </div>,
  <br />,
  <br />,
  <div
    class="ant-tabs ant-tabs-top"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-extra-content"
      >
        <button
          class="ant-btn ant-btn-default tabs-extra-demo-button"
          type="button"
        >
          <span>
            Left Extra Action
          </span>
        </button>
      </div>
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab 1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab 2
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Tab 3
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
      <div
        class="ant-tabs-extra-content"
      >
        <button
          class="ant-btn ant-btn-default"
          type="button"
        >
          <span>
            Right Extra Action
          </span>
        </button>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          Content of tab 1
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`renders components/tabs/demo/icon.tsx extend context correctly 1`] = `
<div
  class="ant-tabs ant-tabs-top"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform: translate(0px, 0px);"
      >
        <div
          class="ant-tabs-tab"
          data-node-key="1"
        >
          <div
            aria-controls="rc-tabs-test-panel-1"
            aria-selected="false"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-1"
            role="tab"
            tabindex="0"
          >
            <span>
              <span
                aria-label="apple"
                class="anticon anticon-apple"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="apple"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M747.4 535.7c-.4-68.2 30.5-119.6 92.9-157.5-34.9-50-87.7-77.5-157.3-82.8-65.9-5.2-138 38.4-164.4 38.4-27.9 0-91.7-36.6-141.9-36.6C273.1 298.8 163 379.8 163 544.6c0 48.7 8.9 99 26.7 150.8 23.8 68.2 109.6 235.3 199.1 232.6 46.8-1.1 79.9-33.2 140.8-33.2 59.1 0 89.7 33.2 141.9 33.2 90.3-1.3 167.9-153.2 190.5-221.6-121.1-57.1-114.6-167.2-114.6-170.7zm-10.6 267c-14.3 19.9-28.7 35.6-41.9 45.7-10.5 8-18.6 11.4-24 11.6-9-.1-17.7-2.3-34.7-8.8-1.2-.5-2.5-1-4.2-1.6l-4.4-1.7c-17.4-6.7-27.8-10.3-41.1-13.8-18.6-4.8-37.1-7.4-56.9-7.4-20.2 0-39.2 2.5-58.1 7.2-13.9 3.5-25.6 7.4-42.7 13.8-.7.3-8.1 3.1-10.2 3.9-3.5 1.3-6.2 2.3-8.7 3.2-10.4 3.6-17 5.1-22.9 5.2-.7 0-1.3-.1-1.8-.2-1.1-.2-2.5-.6-4.1-1.3-4.5-1.8-9.9-5.1-16-9.8-14-10.9-29.4-28-45.1-49.9-27.5-38.6-53.5-89.8-66-125.7-15.4-44.8-23-87.7-23-128.6 0-60.2 17.8-106 48.4-137.1 26.3-26.6 61.7-41.5 97.8-42.3 5.9.1 14.5 1.5 25.4 4.5 8.6 2.3 18 5.4 30.7 9.9 3.8 1.4 16.9 6.1 18.5 6.7 7.7 2.8 13.5 4.8 19.2 6.6 18.2 5.8 32.3 9 47.6 9 15.5 0 28.8-3.3 47.7-9.8 7.1-2.4 32.9-12 37.5-13.6 25.6-9.1 44.5-14 60.8-15.2 4.8-.4 9.1-.4 13.2-.1 22.7 1.8 42.1 6.3 58.6 13.8-37.6 43.4-57 96.5-56.9 158.4-.3 14.7.9 31.7 5.1 51.8 6.4 30.5 18.6 60.7 37.9 89 14.7 21.5 32.9 40.9 54.7 57.8-11.5 23.7-25.6 48.2-40.4 68.8zm-94.5-572c50.7-60.2 46.1-115 44.6-134.7-44.8 2.6-96.6 30.5-126.1 64.8-32.5 36.8-51.6 82.3-47.5 133.6 48.4 3.7 92.6-21.2 129-63.7z"
                  />
                </svg>
              </span>
              Tab 1
            </span>
          </div>
        </div>
        <div
          class="ant-tabs-tab ant-tabs-tab-active"
          data-node-key="2"
        >
          <div
            aria-controls="rc-tabs-test-panel-2"
            aria-selected="true"
            class="ant-tabs-tab-btn"
            id="rc-tabs-test-tab-2"
            role="tab"
            tabindex="0"
          >
            <span>
              <span
                aria-label="android"
                class="anticon anticon-android"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="android"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M448.3 225.2c-18.6 0-32 13.4-32 31.9s13.5 31.9 32 31.9c18.6 0 32-13.4 32-31.9.1-18.4-13.4-31.9-32-31.9zm393.9 96.4c-13.8-13.8-32.7-21.5-53.2-21.5-3.9 0-7.4.4-10.7 1v-1h-3.6c-5.5-30.6-18.6-60.5-38.1-87.4-18.7-25.7-43-47.9-70.8-64.9l25.1-35.8v-3.3c0-.8.4-2.3.7-3.8.6-2.4 1.4-5.5 1.4-8.9 0-18.5-13.5-31.9-32-31.9-9.8 0-19.5 5.7-25.9 15.4l-29.3 42.1c-30-9.8-62.4-15-93.8-15-31.3 0-63.7 5.2-93.8 15L389 79.4c-6.6-9.6-16.1-15.4-26-15.4-18.6 0-32 13.4-32 31.9 0 6.2 2.5 12.8 6.7 17.4l22.6 32.3c-28.7 17-53.5 39.4-72.2 65.1-19.4 26.9-32 56.8-36.7 87.4h-5.5v1c-3.2-.6-6.7-1-10.7-1-20.3 0-39.2 7.5-53.1 21.3-13.8 13.8-21.5 32.6-21.5 53v235c0 20.3 7.5 39.1 21.4 52.9 13.8 13.8 32.8 21.5 53.2 21.5 3.9 0 7.4-.4 10.7-1v93.5c0 29.2 23.9 53.1 53.2 53.1H331v58.3c0 20.3 7.5 39.1 21.4 52.9 13.8 13.8 32.8 21.5 53.2 21.5 20.3 0 39.2-7.5 53.1-21.3 13.8-13.8 21.5-32.6 21.5-53v-58.2H544v58.1c0 20.3 7.5 39.1 21.4 52.9 13.8 13.8 32.8 21.5 53.2 21.5 20.4 0 39.2-7.5 53.1-21.6 13.8-13.8 21.5-32.6 21.5-53v-58.2h31.9c29.3 0 53.2-23.8 53.2-53.1v-91.4c3.2.6 6.7 1 10.7 1 20.3 0 39.2-7.5 53.1-21.3 13.8-13.8 21.5-32.6 21.5-53v-235c-.1-20.3-7.6-39-21.4-52.9zM246 609.6c0 6.8-3.9 10.6-10.7 10.6-6.8 0-10.7-3.8-10.7-10.6V374.5c0-6.8 3.9-10.6 10.7-10.6 6.8 0 10.7 3.8 10.7 10.6v235.1zm131.1-396.8c37.5-27.3 85.3-42.3 135-42.3s97.5 15.1 135 42.5c32.4 23.7 54.2 54.2 62.7 87.5H314.4c8.5-33.4 30.5-64 62.7-87.7zm39.3 674.7c-.6 5.6-4.4 8.7-10.5 8.7-6.8 0-10.7-3.8-10.7-10.6v-58.2h21.2v60.1zm202.3 8.7c-6.8 0-10.7-3.8-10.7-10.6v-58.2h21.2v60.1c-.6 5.6-4.3 8.7-10.5 8.7zm95.8-132.6H309.9V364h404.6v399.6zm85.2-154c0 6.8-3.9 10.6-10.7 10.6-6.8 0-10.7-3.8-10.7-10.6V374.5c0-6.8 3.9-10.6 10.7-10.6 6.8 0 10.7 3.8 10.7 10.6v235.1zM576.1 225.2c-18.6 0-32 13.4-32 31.9s13.5 31.9 32 31.9c18.6 0 32.1-13.4 32.1-32-.1-18.6-13.4-31.8-32.1-31.8z"
                  />
                </svg>
              </span>
              Tab 2
            </span>
          </div>
        </div>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="rc-tabs-test-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="rc-tabs-test-more"
        style="visibility: hidden; order: 1;"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
      <div>
        <div
          class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
          style="opacity: 0;"
        >
          <ul
            aria-label="expanded dropdown"
            class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
            data-menu-list="true"
            id="rc-tabs-test-more-popup"
            role="listbox"
            tabindex="-1"
          />
          <div
            aria-hidden="true"
            style="display: none;"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        aria-labelledby="rc-tabs-test-tab-2"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        id="rc-tabs-test-panel-2"
        role="tabpanel"
        tabindex="0"
      >
        Tab 2
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/nest.tsx extend context correctly 1`] = `
<div>
  <div
    class="ant-select ant-select-single ant-select-show-arrow"
    style="width: 200px;"
  >
    <div
      class="ant-select-selector"
    >
      <span
        class="ant-select-selection-search"
      >
        <input
          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
          aria-autocomplete="list"
          aria-controls="rc_select_TEST_OR_SSR_list"
          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-select-dropdown-placement-bottomLeft"
      style="left: -1000vw; top: -1000vh; box-sizing: border-box;"
    >
      <div>
        <div
          id="rc_select_TEST_OR_SSR_list"
          role="listbox"
          style="height: 0px; width: 0px; overflow: hidden;"
        >
          <div
            aria-selected="false"
            id="rc_select_TEST_OR_SSR_list_0"
            role="option"
          >
            left
          </div>
          <div
            aria-selected="false"
            id="rc_select_TEST_OR_SSR_list_1"
            role="option"
          >
            right
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position: relative;"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height: 256px; overflow-y: auto;"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display: flex; flex-direction: column;"
              >
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option ant-select-item-option-active"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Parent - left
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Parent - right
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Parent - top
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Parent - bottom
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </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
    class="ant-select ant-select-single ant-select-show-arrow"
    style="width: 200px;"
  >
    <div
      class="ant-select-selector"
    >
      <span
        class="ant-select-selection-search"
      >
        <input
          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
          aria-autocomplete="list"
          aria-controls="rc_select_TEST_OR_SSR_list"
          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-select-dropdown-placement-bottomLeft"
      style="left: -1000vw; top: -1000vh; box-sizing: border-box;"
    >
      <div>
        <div
          id="rc_select_TEST_OR_SSR_list"
          role="listbox"
          style="height: 0px; width: 0px; overflow: hidden;"
        >
          <div
            aria-selected="false"
            id="rc_select_TEST_OR_SSR_list_0"
            role="option"
          >
            left
          </div>
          <div
            aria-selected="false"
            id="rc_select_TEST_OR_SSR_list_1"
            role="option"
          >
            right
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position: relative;"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height: 256px; overflow-y: auto;"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display: flex; flex-direction: column;"
              >
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option ant-select-item-option-active"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Child - left
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Child - right
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Child - top
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Child - bottom
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </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
    class="ant-select ant-select-single ant-select-show-arrow"
    style="width: 200px;"
  >
    <div
      class="ant-select-selector"
    >
      <span
        class="ant-select-selection-search"
      >
        <input
          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
          aria-autocomplete="list"
          aria-controls="rc_select_TEST_OR_SSR_list"
          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-select-dropdown-placement-bottomLeft"
      style="left: -1000vw; top: -1000vh; box-sizing: border-box;"
    >
      <div>
        <div
          id="rc_select_TEST_OR_SSR_list"
          role="listbox"
          style="height: 0px; width: 0px; overflow: hidden;"
        >
          <div
            aria-label="Parent - line"
            aria-selected="false"
            id="rc_select_TEST_OR_SSR_list_0"
            role="option"
          >
            line
          </div>
          <div
            aria-label="Parent - card"
            aria-selected="false"
            id="rc_select_TEST_OR_SSR_list_1"
            role="option"
          >
            card
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position: relative;"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height: 256px; overflow-y: auto;"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display: flex; flex-direction: column;"
              >
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option ant-select-item-option-active"
                  title="Parent - line"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Parent - line
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                  title="Parent - card"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Parent - card
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                  title="Parent - card edit"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Parent - card edit
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </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
    class="ant-select ant-select-single ant-select-show-arrow"
    style="width: 200px;"
  >
    <div
      class="ant-select-selector"
    >
      <span
        class="ant-select-selection-search"
      >
        <input
          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
          aria-autocomplete="list"
          aria-controls="rc_select_TEST_OR_SSR_list"
          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-select-dropdown-placement-bottomLeft"
      style="left: -1000vw; top: -1000vh; box-sizing: border-box;"
    >
      <div>
        <div
          id="rc_select_TEST_OR_SSR_list"
          role="listbox"
          style="height: 0px; width: 0px; overflow: hidden;"
        >
          <div
            aria-label="Child - line"
            aria-selected="false"
            id="rc_select_TEST_OR_SSR_list_0"
            role="option"
          >
            line
          </div>
          <div
            aria-label="Child - card"
            aria-selected="false"
            id="rc_select_TEST_OR_SSR_list_1"
            role="option"
          >
            card
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position: relative;"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height: 256px; overflow-y: auto;"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display: flex; flex-direction: column;"
              >
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option ant-select-item-option-active"
                  title="Child - line"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Child - line
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                  title="Child - card"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Child - card
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option"
                  title="Parent - card edit"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Parent - card edit
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select: none;"
                    unselectable="on"
                  />
                </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
    class="ant-tabs ant-tabs-top"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab 1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab 2
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          <div
            class="ant-tabs ant-tabs-top"
            style="height: 300px;"
          >
            <div
              class="ant-tabs-nav"
              role="tablist"
            >
              <div
                class="ant-tabs-nav-wrap"
              >
                <div
                  class="ant-tabs-nav-list"
                  style="transform: translate(0px, 0px);"
                >
                  <div
                    class="ant-tabs-tab"
                    data-node-key="0"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-0"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-0"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 0
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab ant-tabs-tab-active"
                    data-node-key="1"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-1"
                      aria-selected="true"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-1"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 1
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="2"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-2"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-2"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 2
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="3"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-3"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-3"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 3
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="4"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-4"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-4"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 4
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="5"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-5"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-5"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 5
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="6"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-6"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-6"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 6
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="7"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-7"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-7"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 7
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="8"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-8"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-8"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 8
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="9"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-9"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-9"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 9
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="10"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-10"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-10"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 10
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="11"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-11"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-11"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 11
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="12"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-12"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-12"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 12
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="13"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-13"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-13"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 13
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="14"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-14"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-14"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 14
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="15"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-15"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-15"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 15
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="16"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-16"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-16"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 16
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="17"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-17"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-17"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 17
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="18"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-18"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-18"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 18
                    </div>
                  </div>
                  <div
                    class="ant-tabs-tab"
                    data-node-key="19"
                  >
                    <div
                      aria-controls="rc-tabs-test-panel-19"
                      aria-selected="false"
                      class="ant-tabs-tab-btn"
                      id="rc-tabs-test-tab-19"
                      role="tab"
                      tabindex="0"
                    >
                      Tab 19
                    </div>
                  </div>
                  <div
                    class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
                  />
                </div>
              </div>
              <div
                class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
              >
                <button
                  aria-controls="rc-tabs-test-more-popup"
                  aria-expanded="false"
                  aria-haspopup="listbox"
                  aria-hidden="true"
                  class="ant-tabs-nav-more"
                  id="rc-tabs-test-more"
                  style="visibility: hidden; order: 1;"
                  tabindex="-1"
                  type="button"
                >
                  <span
                    aria-label="ellipsis"
                    class="anticon anticon-ellipsis"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="ellipsis"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                      />
                    </svg>
                  </span>
                </button>
                <div>
                  <div
                    class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
                    style="opacity: 0;"
                  >
                    <ul
                      aria-label="expanded dropdown"
                      class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
                      data-menu-list="true"
                      id="rc-tabs-test-more-popup"
                      role="listbox"
                      tabindex="-1"
                    />
                    <div
                      aria-hidden="true"
                      style="display: none;"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-tabs-content-holder"
            >
              <div
                class="ant-tabs-content ant-tabs-content-top"
              >
                <div
                  aria-hidden="false"
                  aria-labelledby="rc-tabs-test-tab-1"
                  class="ant-tabs-tabpane ant-tabs-tabpane-active"
                  id="rc-tabs-test-panel-1"
                  role="tabpanel"
                  tabindex="0"
                >
                  TTTT 1
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/position.tsx extend context correctly 1`] = `
Array [
  <div
    class="ant-space ant-space-horizontal ant-space-align-center"
    style="margin-bottom: 24px;"
  >
    <div
      class="ant-space-item"
      style="margin-right: 8px;"
    >
      Tab position:
    </div>
    <div
      class="ant-space-item"
    >
      <div
        class="ant-radio-group ant-radio-group-outline"
      >
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="top"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            top
          </span>
        </label>
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="bottom"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            bottom
          </span>
        </label>
        <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="left"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            left
          </span>
        </label>
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="right"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            right
          </span>
        </label>
      </div>
    </div>
  </div>,
  <div
    class="ant-tabs ant-tabs-left"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab 1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab 2
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Tab 3
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-left"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          Content of Tab 1
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`renders components/tabs/demo/size.tsx extend context correctly 1`] = `
<div>
  <div
    class="ant-radio-group ant-radio-group-outline"
    style="margin-bottom: 16px;"
  >
    <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="small"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        Small
      </span>
    </label>
    <label
      class="ant-radio-button-wrapper"
    >
      <span
        class="ant-radio-button"
      >
        <input
          class="ant-radio-button-input"
          type="radio"
          value="middle"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        Middle
      </span>
    </label>
    <label
      class="ant-radio-button-wrapper"
    >
      <span
        class="ant-radio-button"
      >
        <input
          class="ant-radio-button-input"
          type="radio"
          value="large"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        Large
      </span>
    </label>
  </div>
  <div
    class="ant-tabs ant-tabs-top ant-tabs-small"
    style="margin-bottom: 32px;"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab 1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab 2
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Tab 3
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          Content of tab 1
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tabs ant-tabs-top ant-tabs-small ant-tabs-card"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Card Tab 1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Card Tab 2
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Card Tab 3
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          Content of card tab 1
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders components/tabs/demo/slide.tsx extend context correctly 1`] = `
<div>
  <div
    class="ant-radio-group ant-radio-group-outline"
    style="margin-bottom: 8px;"
  >
    <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="top"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        Horizontal
      </span>
    </label>
    <label
      class="ant-radio-button-wrapper"
    >
      <span
        class="ant-radio-button"
      >
        <input
          class="ant-radio-button-input"
          type="radio"
          value="left"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        Vertical
      </span>
    </label>
  </div>
  <div
    class="ant-tabs ant-tabs-top"
    style="height: 220px;"
  >
    <div
      class="ant-tabs-nav"
      role="tablist"
    >
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-list"
          style="transform: translate(0px, 0px);"
        >
          <div
            class="ant-tabs-tab"
            data-node-key="0"
          >
            <div
              aria-controls="rc-tabs-test-panel-0"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-0"
              role="tab"
              tabindex="0"
            >
              Tab-0
            </div>
          </div>
          <div
            class="ant-tabs-tab ant-tabs-tab-active"
            data-node-key="1"
          >
            <div
              aria-controls="rc-tabs-test-panel-1"
              aria-disabled="false"
              aria-selected="true"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-1"
              role="tab"
              tabindex="0"
            >
              Tab-1
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="2"
          >
            <div
              aria-controls="rc-tabs-test-panel-2"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-2"
              role="tab"
              tabindex="0"
            >
              Tab-2
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="3"
          >
            <div
              aria-controls="rc-tabs-test-panel-3"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-3"
              role="tab"
              tabindex="0"
            >
              Tab-3
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="4"
          >
            <div
              aria-controls="rc-tabs-test-panel-4"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-4"
              role="tab"
              tabindex="0"
            >
              Tab-4
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="5"
          >
            <div
              aria-controls="rc-tabs-test-panel-5"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-5"
              role="tab"
              tabindex="0"
            >
              Tab-5
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="6"
          >
            <div
              aria-controls="rc-tabs-test-panel-6"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-6"
              role="tab"
              tabindex="0"
            >
              Tab-6
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="7"
          >
            <div
              aria-controls="rc-tabs-test-panel-7"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-7"
              role="tab"
              tabindex="0"
            >
              Tab-7
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="8"
          >
            <div
              aria-controls="rc-tabs-test-panel-8"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-8"
              role="tab"
              tabindex="0"
            >
              Tab-8
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="9"
          >
            <div
              aria-controls="rc-tabs-test-panel-9"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-9"
              role="tab"
              tabindex="0"
            >
              Tab-9
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="10"
          >
            <div
              aria-controls="rc-tabs-test-panel-10"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-10"
              role="tab"
              tabindex="0"
            >
              Tab-10
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="11"
          >
            <div
              aria-controls="rc-tabs-test-panel-11"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-11"
              role="tab"
              tabindex="0"
            >
              Tab-11
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="12"
          >
            <div
              aria-controls="rc-tabs-test-panel-12"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-12"
              role="tab"
              tabindex="0"
            >
              Tab-12
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="13"
          >
            <div
              aria-controls="rc-tabs-test-panel-13"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-13"
              role="tab"
              tabindex="0"
            >
              Tab-13
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="14"
          >
            <div
              aria-controls="rc-tabs-test-panel-14"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-14"
              role="tab"
              tabindex="0"
            >
              Tab-14
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="15"
          >
            <div
              aria-controls="rc-tabs-test-panel-15"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-15"
              role="tab"
              tabindex="0"
            >
              Tab-15
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="16"
          >
            <div
              aria-controls="rc-tabs-test-panel-16"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-16"
              role="tab"
              tabindex="0"
            >
              Tab-16
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="17"
          >
            <div
              aria-controls="rc-tabs-test-panel-17"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-17"
              role="tab"
              tabindex="0"
            >
              Tab-17
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="18"
          >
            <div
              aria-controls="rc-tabs-test-panel-18"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-18"
              role="tab"
              tabindex="0"
            >
              Tab-18
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="19"
          >
            <div
              aria-controls="rc-tabs-test-panel-19"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-19"
              role="tab"
              tabindex="0"
            >
              Tab-19
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="20"
          >
            <div
              aria-controls="rc-tabs-test-panel-20"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-20"
              role="tab"
              tabindex="0"
            >
              Tab-20
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="21"
          >
            <div
              aria-controls="rc-tabs-test-panel-21"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-21"
              role="tab"
              tabindex="0"
            >
              Tab-21
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="22"
          >
            <div
              aria-controls="rc-tabs-test-panel-22"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-22"
              role="tab"
              tabindex="0"
            >
              Tab-22
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="23"
          >
            <div
              aria-controls="rc-tabs-test-panel-23"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-23"
              role="tab"
              tabindex="0"
            >
              Tab-23
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="24"
          >
            <div
              aria-controls="rc-tabs-test-panel-24"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-24"
              role="tab"
              tabindex="0"
            >
              Tab-24
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="25"
          >
            <div
              aria-controls="rc-tabs-test-panel-25"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-25"
              role="tab"
              tabindex="0"
            >
              Tab-25
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="26"
          >
            <div
              aria-controls="rc-tabs-test-panel-26"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-26"
              role="tab"
              tabindex="0"
            >
              Tab-26
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="27"
          >
            <div
              aria-controls="rc-tabs-test-panel-27"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-27"
              role="tab"
              tabindex="0"
            >
              Tab-27
            </div>
          </div>
          <div
            class="ant-tabs-tab ant-tabs-tab-disabled"
            data-node-key="28"
          >
            <div
              aria-controls="rc-tabs-test-panel-28"
              aria-disabled="true"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-28"
              role="tab"
            >
              Tab-28
            </div>
          </div>
          <div
            class="ant-tabs-tab"
            data-node-key="29"
          >
            <div
              aria-controls="rc-tabs-test-panel-29"
              aria-disabled="false"
              aria-selected="false"
              class="ant-tabs-tab-btn"
              id="rc-tabs-test-tab-29"
              role="tab"
              tabindex="0"
            >
              Tab-29
            </div>
          </div>
          <div
            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
          />
        </div>
      </div>
      <div
        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
      >
        <button
          aria-controls="rc-tabs-test-more-popup"
          aria-expanded="false"
          aria-haspopup="listbox"
          aria-hidden="true"
          class="ant-tabs-nav-more"
          id="rc-tabs-test-more"
          style="visibility: hidden; order: 1;"
          tabindex="-1"
          type="button"
        >
          <span
            aria-label="ellipsis"
            class="anticon anticon-ellipsis"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="ellipsis"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
              />
            </svg>
          </span>
        </button>
        <div>
          <div
            class="ant-tabs-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
            style="opacity: 0;"
          >
            <ul
              aria-label="expanded dropdown"
              class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
              data-menu-list="true"
              id="rc-tabs-test-more-popup"
              role="listbox"
              tabindex="-1"
            />
            <div
              aria-hidden="true"
              style="display: none;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-tabs-content-holder"
    >
      <div
        class="ant-tabs-content ant-tabs-content-top"
      >
        <div
          aria-hidden="false"
          aria-labelledby="rc-tabs-test-tab-1"
          class="ant-tabs-tabpane ant-tabs-tabpane-active"
          id="rc-tabs-test-panel-1"
          role="tabpanel"
          tabindex="0"
        >
          Content of tab 1
        </div>
      </div>
    </div>
  </div>
</div>
`;